لوحة التحكم

أهلاً بك، ... ! مجموع نقاطك 0 رصيدك الإعلاني 0

🖱️ إعلانات PTC

0 📝 مهام Tasks

0 🔗 اختصار روابط

0 📺 مشاهدة الإعلانات

0 👥 دعوة الأصدقاء

0 🎯 حائط العروض

0

ابدأ رحلتك 🖱️ إعلانات PTC 📝 تنفيذ المهام 🔗 اختصار روابط 🎥 مشاهدة إعلان 👥 دعوة الأصدقاء 🎯 حائط العروض 📢 إنشاء إعلان 💰 المحفظة 📩 مراسلة الدعم

👤 المعلومات الشخصية 🚪 تسجيل الخروج

معلومات الحساب الاسم: -

البريد: -

إغلاق

× المحفظة اختر الإجراء الذي تريد القيام به.

🎁 طلب سحب 💳 إيداع رصيد

:root { --primary-color: #007BFF; --success-color: #27ae60; --danger-color: #c0392b; --advertiser-color: #9b59b6; --secondary-color: #34495e; } .card { background-color: var(--content-bg, white); border: 1px solid var(--border-color, #e0e0e0); border-radius: 15px; padding: 25px; box-shadow: 0 5px 20px rgba(0,0,0,0.07); margin-bottom: 25px; } .welcome-card { text-align: center; } .welcome-card h2 { color: var(--text-color, #333); margin: 0 0 15px; } .main-balances { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; } .total-points-box, .advertiser-balance-box { color: white; padding: 15px; border-radius: 12px; } .total-points-box { background: linear-gradient(45deg, var(--primary-color), var(--success-color)); } .advertiser-balance-box { background: linear-gradient(45deg, #8e44ad, #c0392b); } .main-balances span { display: block; font-size: 16px; opacity: 0.9; } .main-balances strong { font-size: 32px; font-weight: 700; color: white !important; } .points-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; margin-bottom: 25px; } .point-box { display: flex; align-items: center; gap: 15px; padding: 15px; background-color: var(--content-bg, white); border: 1px solid var(--border-color, #e0e0e0); border-radius: 12px; } .point-icon { font-size: 24px; } .point-box p { margin: 0 0 5px; color: var(--secondary-text-color, #777); font-size: 14px; } .point-box strong { color: var(--text-color, #333); font-size: 22px; font-weight: bold; } .card-title { margin: 0 0 20px; color: var(--text-color, #333); } .actions-list { display: grid; grid-template-columns: 1fr; gap: 10px; } .action-link { display: flex; align-items: center; gap: 10px; padding: 15px; border-radius: 10px; text-decoration: none; font-weight: bold; color: white !important; transition: all 0.2s; } .action-link:hover { transform: translateY(-2px); box-shadow: 0 4px 10px rgba(0,0,0,0.1); } .action-link span { font-size: 20px; } .action-link.green { background-color: var(--success-color); } .action-link.primary { background-color: var(--primary-color); } .action-link.advertiser-action { background-color: var(--advertiser-color); } /* ---!!! التعديل الأول هنا !!!--- */ .card h3 { margin: 0 0 20px; color: var(--primary-color, #007BFF); } .action-link.secondary { background-color: var(--secondary-color); } .account-buttons { display: flex; gap: 15px; justify-content: center; } .account-btn { flex-grow: 1; padding: 12px 20px; border: none; border-radius: 10px; color: white; font-weight: bold; cursor: pointer; background-color: var(--primary-color); transition: filter 0.2s; } .account-btn.danger { background-color: var(--danger-color); } .modal-overlay { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:9999; align-items:center; justify-content:center; } .modal-content { background:var(--content-bg,#fff); color:var(--text-color,#333); padding:30px; border-radius:15px; text-align:center; max-width:90%; animation:fadeIn 0.3s ease; position: relative; } .modal-close-btn { margin-top:15px; padding:8px 20px; border:none; background:#555; color:#fff; border-radius:8px; cursor: pointer; } .modal-close { position: absolute; top: 15px; left: 15px; font-size: 28px; cursor: pointer; color: #aaa; } .wallet-actions { display: flex; flex-direction: column; gap: 15px; margin-top: 20px; } .wallet-actions .action-link { color: white !important; } @keyframes fadeIn { from {opacity: 0; transform: scale(0.95);} to {opacity: 1; transform: scale(1);} } @media (min-width: 600px) { .actions-list { grid-template-columns: 1fr 1fr; } .points-grid { grid-template-columns: repeat(3, 1fr); } }

const firebaseConfig = { apiKey: "AIzaSyAsTkLc7n_T_oxPbn4zyRv68YisrT-jmec", authDomain: "arbahblog-74801.firebaseapp.com", projectId: "arbahblog-74801" }; firebase.initializeApp(firebaseConfig); const auth = firebase.auth(); const db = firebase.firestore();

const totalPointsEl = document.getElementById("totalPoints"); const advertiserBalanceEl = document.getElementById("advertiserBalance"); const welcomeNameEl = document.getElementById("welcomeName"); const userEmailEl = document.getElementById("userEmail"); const userNameEl = document.getElementById("userName"); const adPointsEl = document.getElementById("adPoints"); const referralPointsEl = document.getElementById("referralPoints"); const cpaPointsEl = document.getElementById("cpaPoints"); const taskPointsEl = document.getElementById("taskPoints"); const shortlinkPointsEl = document.getElementById("shortlinkPoints"); const ptcPointsEl = document.getElementById("ptcPoints");

auth.onAuthStateChanged(user => { if (user) { userEmailEl.textContent = user.email; const userRef = db.collection("users").doc(user.uid); userRef.onSnapshot(doc => { if (doc.exists) { const data = doc.data(); const name = data.name || "زائرنا الكريم"; userNameEl.textContent = name; welcomeNameEl.textContent = name;

const { adsPoints = 0, referralPoints = 0, cpaPoints = 0, taskPoints = 0, shortlinkPoints = 0, ptcPoints = 0, advertiserBalance = 0 } = data; adPointsEl.textContent = adsPoints; referralPointsEl.textContent = referralPoints; cpaPointsEl.textContent = cpaPoints; taskPointsEl.textContent = taskPoints; shortlinkPointsEl.textContent = shortlinkPoints; ptcPointsEl.textContent = ptcPoints; advertiserBalanceEl.textContent = advertiserBalance;

const total = adsPoints + referralPoints + cpaPoints + taskPoints + shortlinkPoints + ptcPoints; totalPointsEl.textContent = total; } }, error => { console.error("Error fetching user data:", error); }); } else { window.location.href = "/p/login.html"; } });

ARBAHBLOG

لوحة التحكم

أهلاً بك، ...!

ابدأ رحلتك