الشحن في جميع المنصات عن طريق ID

:root { --primary-blue: #007acc; --dark-blue: #1e75af; --light-blue: #dbeafe; --white: #ffffff; --gray: #f3f4f6; --dark-gray: #6b7280; --shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06); --transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); --warning-color: #ffc107; --warning-bg: #fff3cd; }

* { box-sizing: border-box; margin: 0; padding: 0; }

/* Ensure body styles from your theme don't conflict heavily, */ /* but keep base font and direction for the component */ .recharge-app-container { /* Added a container class */ font-family: 'Cairo', -apple-system, BlinkMacSystemFont, sans-serif; color: #1f2937; direction: rtl; line-height: 1.5; padding: 20px; /* Add padding around the component */ background-color: #f8f9fa; /* Optional: background for the container */ border-radius: 12px; /* Optional: rounded corners for the container */ max-width: 600px; /* Maintain max-width */ margin: 20px auto; /* Center the container */ }

.recharge-app { /* Removed max-width and margin from here, moved to container */ }

/* Header Styles */ .app-header { background: var(--primary-blue); color: var(--white); padding: 20px; border-radius: 12px 12px 0 0; text-align: center; margin-bottom: 0; }

.app-header h1 { font-size: 1.8rem; margin: 0; font-weight: 700; color: white; /* Explicitly set color */ }

.app-header p { font-size: 1rem; opacity: 0.9; margin-top: 10px; color: white; /* Explicitly set color */ }

.card { background: var(--white); border-radius: 0 0 12px 12px; box-shadow: var(--shadow); overflow: hidden; padding: 25px; }

.form-group { margin-bottom: 20px; }

.form-group label { display: block; color: var(--dark-blue); font-weight: 600; margin-bottom: 8px; font-size: 0.95rem; }

.form-control { width: 100%; padding: 12px 15px; border: 1px solid #e5e7eb; border-radius: 8px; font-size: 0.95rem; font-family: 'Cairo', sans-serif; transition: var(--transition); background: var(--white); color: #1f2937; /* Ensure text color is readable */ }

.form-control:focus { outline: none; border-color: var(--primary-blue); box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1); }

/* Country Selection */ .country-selection { display: flex; flex-wrap: wrap; /* Allow wrapping */ gap: 10px; margin-bottom: 20px; }

.country-option { flex: 1 1 45%; /* Allow items to take up space but wrap */ min-width: 120px; /* Minimum width */ display: flex; align-items: center; justify-content: center; padding: 15px; border: 2px solid #e5e7eb; border-radius: 8px; cursor: pointer; transition: var(--transition); background: var(--white); text-align: center; }

.country-option:hover { border-color: var(--primary-blue); }

.country-option.active { border-color: var(--primary-blue); background: var(--light-blue); }

.country-option input { display: none; }

.country-option span { display: flex; align-items: center; justify-content: center; font-weight: 500; width: 100%; }

.country-option img, .country-option i { width: 20px; height: 20px; margin-left: 8px; /* Keep space between icon/img and text */ margin-right: 0; /* Reset right margin if any */ }

/* Warning Message */ .warning-message { background: var(--warning-bg); color: #856404; padding: 15px; border-radius: 8px; margin-bottom: 15px; border-left: 4px solid var(--warning-color); border-right: none; /* Ensure only one side has border */ }

#warningMessage, #egyptLimitWarning { display: none; /* Hide warnings initially */ }

.warning-message i { color: var(--warning-color); margin-left: 5px; /* Keep space to the left of the icon */ margin-right: 0; /* Reset right margin */ }

/* Radio Buttons */ .radio-group { display: flex; gap: 15px; flex-wrap: wrap; /* Allow wrapping */ }

.radio-option { display: flex; align-items: center; cursor: pointer; }

.radio-option input { margin-left: 5px; /* Space between radio and label */ margin-right: 0; accent-color: var(--primary-blue); cursor: pointer; } .radio-option span { cursor: pointer; }

/* Submit Button */ .submit-btn { background: linear-gradient(to right, var(--primary-blue), var(--dark-blue)); color: var(--white); border: none; padding: 14px; font-size: 1rem; font-weight: 600; border-radius: 8px; cursor: pointer; width: 100%; transition: var(--transition); margin-top: 10px; display: flex; align-items: center; justify-content: center; }

.submit-btn:hover { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); }

.submit-btn i { margin-left: 8px; /* Space to the left of icon */ margin-right: 0; }

/* Footer */ .app-footer { text-align: center; margin-top: 20px; color: var(--dark-gray); font-size: 0.9rem; }

/* Responsive adjustments */ @media (max-width: 480px) { .country-option { flex-basis: 100%; /* Full width on very small screens */ } .app-header h1 { font-size: 1.5rem; } .radio-group { justify-content: center; /* Center radio buttons on small screens */ } }

)-->

الشحن عن طريق ID املأ النموذج لبدء عملية الشحن

الاسم والنسب

الدولة المغرب مصر باقي دول العالم

وسيلة الدفع اختر وسيلة الدفع

تنبيه: لا نقبل الطرف الثالث في المعاملات المالية نهائياً

تنبيه: الحد الأقصى للتحويلة هو 3000 جنيه مصري.

هل أنت صاحب الحساب؟ نعم لا

رقم ID

اختر منصة الشحن اختر اسم المنصة

شحن الآن

سنقوم بالرد عليك خلال دقائق عبر واتساب أو عبر الصفحة التالية لتأكيد الطلب

// قوائم وسائل الدفع حسب الدولة const paymentMethods = { "المغرب": [ "Cashplus", "Jibi", "Barid Bank", "CIH Bank", "Attijari Bank", "L'bankalik", "Société Générale", "BMCE Bank", "CHAABI Bank", "Barid Cash", "Orange Money", "Inwi Money", "Orange", "Inwi", "Binance" , "Payeer" ], "مصر": [ "Vodafone Cash", "Orange Cash", "Etisalat Cash", "We pay", "Binance" , "Payeer" ], "باقي دول العالم": [ // طرق الدفع لباقي الدول "Binance", "Payeer" ] };

// قوائم المنصات حسب الدولة const platforms = { "المغرب": [ "1xbet", "Linebet", "Melbet", "Betwinner", "888Starz", "Spinbetter", "1win" ], "مصر": [ "1xbet" // فقط 1xbet لمصر ], "باقي دول العالم": [ // فقط 1xbet لباقي الدول "1xbet" ] };

const internationalRedirectURL = "https://www.contablebet.com/p/international-deposit.html"; const egyptRedirectURL = 'https://www.contablebet.com/p/egypte.html'; const whatsappNumber = "212657819572"; // رقم واتساب للمغرب

// اختيار الدولة وتحديث الواجهة function selectCountry(country, element) { // --- إزالة التحويل الفوري من هنا ---

// إزالة التنشيط من جميع الخيارات وتحديث حالة الراديو المخفي document.querySelectorAll('.country-option').forEach(opt => { opt.classList.remove('active'); const input = opt.querySelector('input[type="radio"]'); if (input) input.checked = false; });

// تنشيط الخيار المحدد وتحديث حالة الراديو المخفي if (element) { element.classList.add('active'); const input = element.querySelector('input[type="radio"]'); if (input) input.checked = true; }

// تحديث قائمة وسائل الدفع const paymentSelect = document.getElementById('paymentMethod'); paymentSelect.innerHTML = ' اختر وسيلة الدفع '; if (paymentMethods[country]) { paymentMethods[country].forEach(method => { const option = document.createElement('option'); option.value = method; option.textContent = method; paymentSelect.appendChild(option); }); }

// تحديث قائمة المنصات updatePlatforms(country);

// إظهار/إخفاء رسائل التحذير بناءً على الدولة ووسيلة الدفع showWarning(); }

// تحديث قائمة المنصات حسب الدولة المختارة function updatePlatforms(country) { const platformSelect = document.getElementById('platform'); platformSelect.innerHTML = ' اختر اسم المنصة '; if (platforms[country]) { platforms[country].forEach(platform => { const option = document.createElement('option'); option.value = platform; option.textContent = platform; platformSelect.appendChild(option); }); } }

// إظهار رسائل التحذير function showWarning() { const paymentSelect = document.getElementById('paymentMethod'); const warningMessage = document.getElementById('warningMessage'); const egyptLimitWarning = document.getElementById('egyptLimitWarning'); const selectedCountryRadio = document.querySelector("input[name='country']:checked");

// إخفاء التحذيرات افتراضيًا warningMessage.style.display = 'none'; egyptLimitWarning.style.display = 'none';

if (paymentSelect.value && selectedCountryRadio) { const selectedCountryValue = selectedCountryRadio.value;

// إظهار التحذير العام فقط لمصر والمغرب عند اختيار وسيلة دفع if (selectedCountryValue === 'المغرب' || selectedCountryValue === 'مصر') { warningMessage.style.display = 'block'; }

// إظهار التحذير الخاص بمصر فقط إذا كانت مصر محددة if (selectedCountryValue === 'مصر') { egyptLimitWarning.style.display = 'block'; } // لا توجد تحذيرات خاصة بـ "باقي دول العالم" حاليًا } }

// بدء عملية الشحن عند الضغط على الزر function startRecharge() { const fullName = document.getElementById("fullName").value.trim(); const userID = document.getElementById("userID").value.trim(); const paymentMethod = document.getElementById("paymentMethod").value; const platform = document.getElementById("platform").value; const accountOwnerRadio = document.querySelector("input[name='accountOwner']:checked"); const countryRadio = document.querySelector("input[name='country']:checked");

// --- التحقق من الإدخالات --- if (!fullName) { alert("يرجى إدخال الاسم والنسب!"); return; } if (!countryRadio) { alert("يرجى اختيار الدولة!"); return; } const selectedCountryValue = countryRadio.value; // Get country value after check if (!paymentMethod) { alert("يرجى اختيار وسيلة الدفع!"); return; } if (!accountOwnerRadio) { alert("يرجى تحديد هل الحساب باسمك أم لا!"); return; } if (!userID) { alert("يرجى إدخال رقم ID!"); return; } if (!/^\d+$/.test(userID)) { alert("يرجى إدخال رقم ID مكون من أرقام فقط!"); return; } if (!platform) { alert("يرجى اختيار المنصة!"); return; } // --- نهاية التحقق ---

const accountOwner = accountOwnerRadio.value;

// --- تحديد الإجراء بناءً على الدولة --- if (selectedCountryValue === 'المغرب') { // إرسال بيانات المغرب إلى واتساب const message = `📌 طلب شحن جديد 📌\n\n👤 الاسم والنسب: ${fullName}\n🆔 رقم ID: ${userID}\n🌍 الدولة: ${selectedCountryValue}\n🏦 وسيلة الدفع: ${paymentMethod}\n📌 الحساب باسمي: ${accountOwner}\n🎮 المنصة: ${platform}\n\nيرجى التواصل مع العميل لتأكيد الطلب`; const whatsappLink = `https://wa.me/${whatsappNumber}?text=${encodeURIComponent(message)}`; window.open(whatsappLink, '_blank');

} else if (selectedCountryValue === 'مصر') { // إعادة توجيه مستخدمي مصر إلى صفحتهم الخاصة // يمكنك إضافة بيانات النموذج للرابط إذا أردت، مثال: // const egyptFullURL = `${egyptRedirectURL}?name=${encodeURIComponent(fullName)}&id=${encodeURIComponent(userID)}`; // window.location.href = egyptFullURL; window.location.href = egyptRedirectURL; // توجيه بسيط حاليًا

} else if (selectedCountryValue === 'باقي دول العالم') { // إعادة توجيه مستخدمي باقي دول العالم إلى الرابط الدولي // يمكنك إضافة بيانات النموذج للرابط إذا أردت، مثال: // const internationalFullURL = `${internationalRedirectURL}?name=${encodeURIComponent(fullName)}&id=${encodeURIComponent(userID)}`; // window.location.href = internationalFullURL; window.location.href = internationalRedirectURL; // توجيه بسيط حاليًا } }

// Optional: Initialize the form state on load if needed // document.addEventListener('DOMContentLoaded', () => { // // Example: Clear selection or select a default // const defaultCountry = document.getElementById('country_ma'); // Example: Select Morocco by default // if (defaultCountry) { // selectCountry('المغرب', defaultCountry.closest('.country-option')); // } // });

CONTABLEBET

خدمة الشحن والسحب عن طريق ID

الشحن في جميع المنصات عن طريق ID

الشحن عن طريق ID