صفحة طلب السحب للمغاربة

/* --- المتغيرات والأنماط الأساسية (كما في السابق) --- */ :root { --primary-blue: #3b82f6; --dark-blue: #1d4ed8; --light-blue: #eff6ff; --white: #ffffff; --gray-100: #f3f4f6; --gray-200: #e5e7eb; --gray-500: #6b7280; --gray-700: #374151; --gray-900: #111827; --success-green: #10b981; --success-light: #d1fae5; --success-dark: #047857; --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --border-radius-sm: 0.375rem; --border-radius-md: 0.5rem; --border-radius-lg: 0.75rem; --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } /* --- بقية الأنماط الأساسية وأنماط التطبيق (كما في السابق) --- */ .withdrawal-app * { box-sizing: border-box; } .withdrawal-app { font-family: 'Cairo', sans-serif; background-color: var(--gray-100); color: var(--gray-700); direction: rtl; line-height: 1.6; font-size: 15px; max-width: 680px; margin: 20px auto; padding: 15px; border-radius: var(--border-radius-lg); box-shadow: var(--shadow-lg); overflow: hidden; } .withdrawal-app .app-header { background: linear-gradient(135deg, var(--primary-blue), var(--dark-blue)); color: var(--white); padding: 12px 15px; margin: -15px -15px 20px -15px; text-align: center; border-bottom-left-radius: var(--border-radius-md); border-bottom-right-radius: var(--border-radius-md); box-shadow: var(--shadow-md); position: relative; } .withdrawal-app .app-header h1 { font-size: 1.2rem; margin-bottom: 4px; font-weight: 700; color: var(--white); } .withdrawal-app .app-header p { font-size: 0.8rem; opacity: 0.9; background: rgba(255, 255, 255, 0.15); padding: 5px 8px; border-radius: var(--border-radius-sm); display: inline-block; margin: 0; } .withdrawal-app .card { background: var(--white); border-radius: var(--border-radius-md); box-shadow: var(--shadow-md); overflow: hidden; margin-bottom: 20px; } .withdrawal-app .section-title { color: var(--dark-blue); font-size: 1.1rem; font-weight: 700; margin-bottom: 12px; display: flex; align-items: center; padding: 12px 15px 0; border-bottom: 1px solid var(--gray-200); padding-bottom: 10px; } .withdrawal-app .section-title i { margin-left: 8px; font-size: 1.1rem; color: var(--primary-blue); } .withdrawal-app .platforms-section { position: relative; padding: 10px 0; } .withdrawal-app .platforms-container { padding: 0 10px; } .withdrawal-app .platforms-scroller { display: flex; overflow-x: auto; scroll-behavior: smooth; gap: 12px; padding: 8px 5px; scrollbar-width: none; -ms-overflow-style: none; } .withdrawal-app .platforms-scroller::-webkit-scrollbar { display: none; } .withdrawal-app .platform-card { background: var(--white); border-radius: var(--border-radius-sm); box-shadow: var(--shadow-sm); padding: 10px 8px; width: 115px; min-width: 115px; border: 1px solid var(--gray-200); text-align: center; display: flex; flex-direction: column; align-items: center; transition: var(--transition); } .withdrawal-app .platform-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); border-color: var(--primary-blue); } .withdrawal-app .platform-img { width: 55px; height: 55px; object-fit: contain; border-radius: var(--border-radius-sm); border: 1px solid var(--gray-200); } .withdrawal-app .platform-info-btn { background-color: var(--primary-blue); color: var(--white); border: none; border-radius: var(--border-radius-sm); padding: 5px 8px; font-size: 0.68rem; font-weight: 600; font-family: 'Cairo', sans-serif; cursor: pointer; transition: var(--transition); display: flex; align-items: center; justify-content: center; gap: 4px; width: 100%; margin-top: 10px; white-space: nowrap; line-height: 1.4; min-height: 28px; } .withdrawal-app .platform-info-btn i { font-size: 0.8rem; margin-top: 1px; } .withdrawal-app .platform-info-btn:hover { background-color: var(--dark-blue); transform: scale(1.03); } .withdrawal-app .scroll-btn { position: absolute; top: calc(50% + 5px); transform: translateY(-50%); width: 28px; height: 28px; background: var(--white); border: 1px solid var(--gray-200); border-radius: 50%; box-shadow: var(--shadow-sm); cursor: pointer; z-index: 10; display: flex; align-items: center; justify-content: center; color: var(--primary-blue); font-size: 0.9rem; transition: var(--transition); opacity: 0.85; } .withdrawal-app .scroll-btn:hover { background: var(--primary-blue); color: var(--white); opacity: 1; transform: translateY(-50%) scale(1.1); } .withdrawal-app .scroll-btn.left { left: 3px; } .withdrawal-app .scroll-btn.right { right: 3px; } .withdrawal-app .form-section { padding: 10px 12px 15px; } .withdrawal-app .form-grid { display: grid; grid-template-columns: 1fr; gap: 12px; } @media (min-width: 600px) { .withdrawal-app .form-grid { grid-template-columns: repeat(2, 1fr); } .withdrawal-app .form-group.file-upload-group { grid-column: span 2; } } .withdrawal-app .form-group { margin-bottom: 0; } .withdrawal-app .form-group label { display: block; margin-bottom: 4px; color: var(--gray-700); font-weight: 600; font-size: 0.85rem; } .withdrawal-app .form-control { width: 100%; padding: 8px 10px; border: 1px solid var(--gray-200); border-radius: var(--border-radius-sm); font-size: 0.85rem; font-family: 'Cairo', sans-serif; transition: var(--transition); background: var(--white); color: var(--gray-900); min-height: 38px; } .withdrawal-app .form-control:focus { outline: none; border-color: var(--primary-blue); box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2); } .withdrawal-app select.form-control { appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: left 0.5rem center; background-size: 0.8em 0.8em; padding-left: 2rem; } .withdrawal-app .file-upload { position: relative; overflow: hidden; display: block; width: 100%; } .withdrawal-app .file-upload-input { position: absolute; left: 0; top: 0; opacity: 0; width: 100%; height: 100%; cursor: pointer; } .withdrawal-app .file-upload-label { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 15px 10px; border: 2px dashed var(--gray-200); border-radius: var(--border-radius-sm); text-align: center; background: var(--gray-100); transition: var(--transition); cursor: pointer; height: 115px; } .withdrawal-app .file-upload-label:hover { border-color: var(--primary-blue); background: var(--light-blue); } .withdrawal-app .file-upload-label i { font-size: 1.6rem; color: var(--primary-blue); margin-bottom: 6px; } .withdrawal-app .file-upload-label span { font-size: 0.85rem; font-weight: 600; color: var(--gray-700); } .withdrawal-app .file-upload-label small { font-size: 0.75rem; color: var(--gray-500); margin-top: 4px; } .withdrawal-app .upload-success { display: none; text-align: center; padding: 8px; background: var(--success-light); border-radius: var(--border-radius-sm); margin-top: 8px; border: 1px solid var(--success-green); color: var(--success-dark); font-size: 0.8rem; font-weight: 600; } .withdrawal-app .upload-success.active { display: flex; align-items: center; justify-content: center; gap: 6px; } .withdrawal-app .upload-success i { margin-left: 0; color: var(--success-green); font-size: 1rem; } .withdrawal-app .submit-btn { background: var(--primary-blue); color: var(--white); border: none; padding: 10px 18px; font-size: 0.95rem; font-weight: 700; font-family: 'Cairo', sans-serif; border-radius: var(--border-radius-sm); cursor: pointer; width: 100%; transition: var(--transition); margin-top: 15px; display: flex; align-items: center; justify-content: center; gap: 8px; box-shadow: var(--shadow-sm); } .withdrawal-app .submit-btn:hover { background: var(--dark-blue); box-shadow: var(--shadow-md); transform: translateY(-1px); } .withdrawal-app .submit-btn:disabled { background: var(--gray-500); cursor: not-allowed; opacity: 0.7; box-shadow: none; transform: none; } .withdrawal-app .submit-btn i { margin-left: 0; font-size: 1rem; } .withdrawal-app .success-message { display: none; text-align: center; padding: 15px; background: var(--success-light); border-radius: var(--border-radius-sm); margin-top: 15px; border: 1px solid var(--success-green); opacity: 0; transform: translateY(10px); transition: opacity 0.4s ease, transform 0.4s ease; } .withdrawal-app .success-message.active { display: block; opacity: 1; transform: translateY(0); } .withdrawal-app .success-message i { color: var(--success-green); font-size: 2rem; margin-bottom: 10px; display: block; } .withdrawal-app .success-message h3 { color: var(--success-dark); margin-bottom: 6px; font-size: 1.1rem; font-weight: 700; } .withdrawal-app .success-message p { color: var(--success-dark); font-size: 0.9rem; line-height: 1.5; } /* --- End of existing styles --- */

/* =========================================== */ /* --- START: أنماط النافذة المنبثقة المعدلة --- */ /* =========================================== */

/* -- غطاء الخلفية (Overlay) -- */ .popup-overlay { position: fixed; /* لتغطية الشاشة كاملة */ inset: 0; /* اختصار لـ top: 0; right: 0; bottom: 0; left: 0; */ background-color: rgba(17, 24, 39, 0.85); /* خلفية داكنة شبه شفافة (Gray-900 with opacity) */ z-index: 10000; /* تأكد من أنها فوق كل العناصر الأخرى */ display: flex; /* لتوسيط المحتوى */ align-items: center; /* توسيط عمودي */ justify-content: center; /* توسيط أفقي */ padding: 15px; /* مساحة حول المحتوى على الشاشات الصغيرة */

/* -- التحكم بالظهور والإخفاء -- */ opacity: 0; /* تبدأ مخفية تماماً */ visibility: hidden; /* مخفية ولا تتفاعل مع الأحداث */ /* -- التأثير الانتقالي -- */ transition: opacity 0.3s ease, visibility 0s linear 0.3s; /* تأثير التلاشي للشفافية، وتأخير إخفاء الرؤية */ }

/* -- حالة الظهور للغطاء -- */ .popup-overlay.active { opacity: 1; /* تظهر بالكامل */ visibility: visible; /* تصبح مرئية وتتفاعل */ transition-delay: 0s; /* إزالة التأخير عند الظهور */ }

/* -- حاوية النافذة المنبثقة -- */ /* زيادة التحديد بإضافة .withdrawal-app لتقليل التعارض */ .withdrawal-app .popup-container { background-color: var(--white); /* خلفية بيضاء واضحة (مطلوب) */ border-radius: var(--border-radius-lg); /* حواف دائرية عصرية */ box-shadow: var(--shadow-lg); /* ظل لإعطاء عمق */ width: 100%; /* عرض كامل ضمن المساحة المتاحة */ max-width: 420px; /* أقصى عرض للحفاظ على شكل جيد */ max-height: 80vh; /* أقصى ارتفاع لمنع تجاوز الشاشة */ display: flex; /* ترتيب العناصر داخلياً */ flex-direction: column; /* ترتيب عمودي (header, content) */ overflow: hidden; /* لإخفاء أي محتوى يتجاوز الحواف الدائرية */

/* -- التأثير الانتقالي للمحتوى -- */ transform: scale(0.95) translateY(10px); /* تبدأ مصغرة قليلاً ومزاحة للأسفل */ transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); /* تأثير حركة ناعم */ opacity: 1; /* تأكد من أن الحاوية نفسها مرئية عند ظهور الغطاء */ visibility: visible; position: relative; /* لإنشاء سياق تكديس إذا لزم الأمر */ z-index: 10001; /* فوق الغطاء الخلفي */ }

/* -- حالة الظهور لحاوية النافذة -- */ .popup-overlay.active .withdrawal-app .popup-container { transform: scale(1) translateY(0); /* تعود لحجمها ومكانها الطبيعي */ }

/* -- رأس النافذة -- */ .withdrawal-app .popup-header { padding: 12px 15px; /* مساحة داخلية */ border-bottom: 1px solid var(--gray-200); /* خط فاصل */ display: flex; /* لترتيب العنوان وزر الإغلاق */ justify-content: space-between; /* تباعد بين العنوان والزر */ align-items: center; /* توسيط عمودي */ flex-shrink: 0; /* منع التقلص عند امتلاء المحتوى */ /* جعل الرأس ثابت عند التمرير داخل المحتوى */ position: sticky; top: 0; background-color: var(--white); /* خلفية بيضاء للرأس الثابت */ z-index: 10003; /* فوق المحتوى */ }

/* -- عنوان النافذة -- */ .withdrawal-app .popup-title { color: var(--dark-blue); /* لون أزرق داكن للعنوان */ font-size: 1rem; /* حجم خط مناسب */ font-weight: 700; /* خط عريض */ margin: 0; /* إزالة الهوامش الافتراضية */ }

/* -- زر الإغلاق -- */ .withdrawal-app .popup-close { background: transparent; /* بدون خلفية */ border: none; /* بدون حدود */ font-size: 1.6rem; /* حجم أيقونة الإغلاق */ color: var(--gray-500); /* لون رمادي للأيقونة */ cursor: pointer; /* مؤشر اليد */ padding: 4px; /* زيادة مساحة الضغط */ line-height: 1; /* منع ارتفاع إضافي */ border-radius: 50%; /* شكل دائري */ width: 32px; /* عرض ثابت */ height: 32px; /* ارتفاع ثابت */ display: flex; /* لتوسيط الأيقونة */ align-items: center; justify-content: center; transition: color 0.2s ease, background-color 0.2s ease, transform 0.2s ease; /* تأثيرات عند المرور */ z-index: 10004; /* فوق الرأس */ } .withdrawal-app .popup-close:hover { color: var(--dark-blue); /* تغيير لون الأيقونة */ background-color: var(--gray-100); /* خلفية رمادية فاتحة */ transform: rotate(90deg); /* دوران الأيقونة */ }

/* -- محتوى النافذة -- */ .withdrawal-app .popup-content { padding: 15px; /* مساحة داخلية للمحتوى */ overflow-y: auto; /* تفعيل التمرير العمودي عند الحاجة */ flex-grow: 1; /* السماح بالتمدد لملء المساحة المتبقية */ z-index: 10002; /* تحت الرأس */ } /* -- نص المعلومات التوضيحية -- */ .withdrawal-app .popup-content p.info-text { font-size: 0.85rem; /* حجم خط أصغر قليلاً */ color: var(--gray-700); /* لون رمادي للنص */ margin-bottom: 15px; /* هامش سفلي */ padding-bottom: 10px; /* مسافة قبل الخط */ border-bottom: 1px dashed var(--gray-200); /* خط منقط فاصل */ line-height: 1.6; /* ارتفاع سطر مناسب للقراءة */ display: flex; /* لترتيب الأيقونة مع النص */ align-items: flex-start; /* محاذاة الأيقونة مع بداية النص */ } .withdrawal-app .popup-content p.info-text i { margin-left: 8px; /* هامش يسار الأيقونة */ margin-right: 0; /* تأكيد عدم وجود هامش يمين بسبب RTL */ color: var(--primary-blue); /* لون الأيقونة */ font-size: 1.1em; /* حجم الأيقونة نسبةً للنص */ margin-top: 3px; /* ضبط المحاذاة العمودية */ } /* -- قائمة معلومات الوكيل -- */ .withdrawal-app .agent-list { list-style: none; /* إزالة نقاط القائمة */ padding: 0; margin: 0; } .withdrawal-app .agent-item { background-color: var(--light-blue); /* خلفية زرقاء فاتحة للعنصر */ border-radius: var(--border-radius-sm); /* حواف دائرية */ padding: 12px 15px; /* مساحة داخلية */ margin-bottom: 10px; /* هامش بين العناصر */ border-right: 4px solid var(--primary-blue); /* شريط جانبي للتمييز (يتناسب مع RTL) */ transition: background-color 0.2s ease, transform 0.2s ease; /* تأثير عند المرور */ } .withdrawal-app .agent-item:hover { background-color: #dbeafe; /* تغيير طفيف في الخلفية عند المرور */ transform: translateX(-2px); /* حركة بسيطة لليمين (بسبب RTL) */ } .withdrawal-app .agent-item:last-child { margin-bottom: 0; /* إزالة الهامش السفلي لآخر عنصر */ } /* -- معلومات الوكيل (المدينة/الشارع) -- */ .withdrawal-app .agent-info { display: flex; /* لترتيب الأيقونة والنص */ align-items: center; /* توسيط عمودي */ margin-bottom: 8px; /* هامش سفلي بين السطرين */ font-size: 0.9rem; /* حجم خط مناسب */ color: var(--gray-900); /* لون نص أغمق للوضوح */ } .withdrawal-app .agent-info:last-child { margin-bottom: 0; /* إزالة الهامش للسطر الأخير */ } .withdrawal-app .agent-info i { color: var(--primary-blue); /* لون الأيقونة (شعار معبر) */ margin-left: 10px; /* هامش يسار الأيقونة */ font-size: 1rem; /* حجم الأيقونة */ width: 20px; /* عرض ثابت للأيقونة لمحاذاة النص */ text-align: center; /* توسيط الأيقونة داخل عرضها */ } .withdrawal-app .agent-info span { font-weight: 400; /* وزن خط عادي */ } .withdrawal-app .agent-info span strong { font-weight: 700; /* وزن خط عريض للكلمة المفتاحية (المدينة/الشارع) */ margin-left: 4px; /* هامش بسيط بعد الكلمة المفتاحية */ color: var(--gray-700); /* لون أغمق قليلاً للكلمة المفتاحية */ }

/* ========================================= */ /* --- END: أنماط النافذة المنبثقة المعدلة --- */ /* ========================================= */

/* --- Responsive (تعديل بسيط للنافذة المنبثقة ضمن الاستجابة) --- */ @media (max-width: 480px) { /* ... (الأنماط السابقة للاستجابة) ... */ .withdrawal-app { padding: 10px; margin: 10px auto; } .withdrawal-app .app-header { margin: -10px -10px 15px -10px; padding: 10px; } .withdrawal-app .app-header h1 { font-size: 1.1rem; } .withdrawal-app .app-header p { font-size: 0.75rem; padding: 4px 6px;} .withdrawal-app .section-title { font-size: 1rem; padding: 10px 10px 8px; } .withdrawal-app .platform-card { width: 100px; min-width: 100px; padding: 8px 6px;} .withdrawal-app .platform-img { width: 45px; height: 45px; } .withdrawal-app .platform-info-btn { font-size: 0.65rem; padding: 4px 6px; min-height: 24px; margin-top: 8px;} .withdrawal-app .platform-info-btn i { font-size: 0.7rem;} .withdrawal-app .form-control, .withdrawal-app .form-group label, .withdrawal-app .file-upload-label span, .withdrawal-app .agent-info { font-size: 0.8rem; } .withdrawal-app .form-control { padding: 6px 8px; min-height: 34px;} .withdrawal-app select.form-control { padding-left: 1.8rem; background-position: left 0.4rem center;} .withdrawal-app .file-upload-label { height: 100px; padding: 10px;} .withdrawal-app .file-upload-label i { font-size: 1.4rem; margin-bottom: 4px;} .withdrawal-app .file-upload-label small { font-size: 0.7rem;} .withdrawal-app .submit-btn { padding: 8px 15px; font-size: 0.9rem; }

/* --- تعديلات الاستجابة للنافذة المنبثقة --- */ .popup-overlay { padding: 10px; } /* تقليل المساحة الخارجية */ /* لا حاجة لـ .withdrawal-app هنا لأن popup-overlay خارجها */

.withdrawal-app .popup-container { max-width: 95%; /* تقليل العرض الأقصى ليناسب الشاشات الصغيرة */ max-height: 85vh; /* زيادة طفيفة في الارتفاع المتاح */ } .withdrawal-app .popup-header { padding: 10px 12px; } .withdrawal-app .popup-title { font-size: 0.95rem; } .withdrawal-app .popup-close { font-size: 1.4rem; width: 28px; height: 28px;} .withdrawal-app .popup-content { padding: 12px; } .withdrawal-app .agent-item { padding: 10px 12px; } .withdrawal-app .agent-info { font-size: 0.85rem; } /* تصغير خط المحتوى قليلاً */ .withdrawal-app .agent-info i { margin-left: 8px; font-size: 0.9rem; width: 18px; } }

خدمة سحب الأرباح اختر منصتك واطلع على معلومات السحب المطلوبة

منصات السحب المتاحة بيانات السحب بيانات السحب بيانات السحب بيانات السحب بيانات السحب بيانات السحب بيانات السحب

نموذج طلب السحب المنصة * -- اختر المنصة -- 1xbet Linebet Melbet Betwinner 888Starz 1win Spinbetter البنك * -- اختر البنك -- Barid Bank CIH Bank Attijari Bank Cashplus Jibi BMCE Bank CHAABI Bank رقم الحساب البنكي * الاسم الكامل * معرف الحساب (ID) * كود السحب * إرفاق صورة كود السحب * اضغط أو اسحب الصورة هنا يجب أن تكون الصورة واضحة تم اختيار الصورة بنجاح إرسال الطلب تم الإرسال بنجاح! شكراً لك، سيتم مراجعة طلبك في أقرب وقت ممكن.

معلومات السحب هذه هي المعلومات التي يجب إدخالها في خانة "المدينة" و "الشارع" عند طلب السحب من المنصة المحددة.

المدينة: ... الشارع: ...

(function() { // --- بيانات الوكلاء (كما في السابق) --- const withdrawalInfoData = { '1xbet': [{ city: 'El Hajeb', street: 'Contablebet' }], 'Linebet': [{ city: 'fez', street: 'Arbahblog' }], 'Melbet': [{ city: 'fez', street: 'Contablebet' }], 'Betwinner':[{ city: 'Fez', street: 'Contablesimo' }], '888Starz': [{ city: 'Fez', street: 'Zalagh' }], 'Spinbetter':[{ city: 'Fez', street: 'Boulman' }], '1win': [{ city: 'Fez', street: 'Contablebet' }] };

// --- عناصر DOM (كما في السابق، مع التأكد من تحديد عناصر popup) --- const appContainer = document.querySelector('.withdrawal-app'); // قد لا يشمل الـ popup overlay // الوصول لعناصر Popup بشكل مستقل لأنها خارج appContainer الرئيسي const popupOverlay = document.getElementById('popup'); const popupContentList = document.getElementById('popup-content-list'); const popupTitle = document.getElementById('popup-title');

// Check if main app container exists for other functionalities if (!appContainer) { console.error("Withdrawal app container not found."); /* Don't return yet, popup might still work */ }

// عناصر DOM داخل appContainer const proofImageInput = appContainer?.querySelector('#proofImage'); // استخدم Optional chaining const uploadSuccessDiv = appContainer?.querySelector('#uploadSuccess'); const fileUploadLabelSpan = appContainer?.querySelector('.file-upload-label span'); const originalLabelText = fileUploadLabelSpan ? fileUploadLabelSpan.textContent : ''; const paymentForm = appContainer?.querySelector("#paymentForm"); const platformSelect = appContainer?.querySelector('#platform_name'); const successMessageDiv = appContainer?.querySelector('#successMessage'); const submitBtn = appContainer?.querySelector('#submitBtn');

// --- معالجات الأحداث (كما في السابق) --- if (proofImageInput) { proofImageInput.addEventListener('change', function(e) { if (this.files && this.files.length > 0 && uploadSuccessDiv && fileUploadLabelSpan) { uploadSuccessDiv.classList.add('active'); fileUploadLabelSpan.textContent = this.files[0].name; } else if (uploadSuccessDiv && fileUploadLabelSpan) { uploadSuccessDiv.classList.remove('active'); fileUploadLabelSpan.textContent = originalLabelText; } }); }

// --- دوال التمرير والنافذة المنبثقة (Popup functions remain mostly the same, ensuring they target the correct elements) --- window.scrollPlatforms = function(scrollAmount) { // تأكد من أن scroller داخل appContainer (إذا كان موجوداً) const scroller = appContainer?.querySelector('#platformsScroller'); if (scroller) scroller.scrollBy({ left: scrollAmount, behavior: 'smooth' }); }

window.openPopup = function(platform) { const infoList = withdrawalInfoData[platform]; // Check if popup elements exist globally if (!popupOverlay || !popupContentList || !popupTitle) { console.error("Popup elements not found in the DOM."); return; }

popupContentList.innerHTML = ''; // Clear previous content if (infoList && infoList.length > 0) { infoList.forEach(info => { // استخدام strong لتحسين السيمانتيكية والتحكم بالستايل popupContentList.innerHTML += ` المدينة: ${info.city} الشارع: ${info.street} `; }); popupTitle.innerText = `معلومات السحب المطلوبة لـ ${platform}`; } else { popupContentList.innerHTML = ` لا توجد معلومات سحب محددة لهذه المنصة حالياً. `; popupTitle.innerText = `معلومات السحب - ${platform}`; }

// Show the popup by adding the 'active' class (CSS handles the animation) popupOverlay.classList.add('active');

// Optionally, select the platform in the form dropdown if it exists if (platformSelect) { const optionExists = Array.from(platformSelect.options).some(opt => opt.value === platform); platformSelect.value = optionExists ? platform : ""; } }

window.closePopup = function() { if (popupOverlay) { popupOverlay.classList.remove('active'); // Hide popup by removing 'active' class } }

// Close popup when clicking on the overlay background window.closePopupOnClickOutside = function(event) { if (event.target === popupOverlay) { // Check if the click was directly on the overlay closePopup(); } }

// --- Form Validation and Submission Functions (بدون تغيير) --- function resetSubmitButton(enable = true) { if (!submitBtn) return; submitBtn.disabled = !enable; submitBtn.innerHTML = enable ? ' إرسال الطلب ' : ' جاري الإرسال... '; }

window.uploadAndSend = function() { if (!paymentForm) return; paymentForm.querySelectorAll('[required]').forEach(el => el.style.borderColor = ''); if (!validateForm()) { resetSubmitButton(true); return; } resetSubmitButton(false);

var data = { platformName: paymentForm.querySelector('[name="platform_name"]').value, bankName: paymentForm.querySelector('[name="bank_name"]').value, bankAccountNumber: paymentForm.querySelector('[name="bank_account_number"]').value.trim(), accountHolderName: paymentForm.querySelector('[name="account_holder_name"]').value.trim(), accountId: paymentForm.querySelector('[name="account_id"]').value.trim(), withdrawalCode: paymentForm.querySelector('[name="withdrawal_code"]').value.trim(), proofImage: paymentForm.querySelector("#proofImage").files[0] };

if (Object.values(data).slice(0, -1).some(v => !v) || !data.proofImage) { // Check all except image, then check image separately alert("خطأ: حقل مطلوب فارغ أو لم يتم تحميل الصورة."); resetSubmitButton(true); return; } sendToTelegramWithPhoto(data.platformName, data.bankName, data.bankAccountNumber, data.accountHolderName, data.accountId, data.withdrawalCode, data.proofImage); }

function sendToTelegramWithPhoto(platformName, bankName, bankAccountNumber, accountHolderName, accountId, withdrawalCode, imageFile) { const safeGet = (val, def = 'غير متوفر') => val || def; var message = `📢 *طلب سحب جديد*\n\n*المنصة:* ${safeGet(platformName,'غير محددة')}\n*البنك:* ${safeGet(bankName,'غير محدد')}\n*رقم الحساب:* \`${safeGet(bankAccountNumber)}\`\n*اسم صاحب الحساب:* \`${safeGet(accountHolderName)}\`\n*معرف الحساب (ID):* \`${safeGet(accountId)}\`\n*كود السحب:* \`${safeGet(withdrawalCode)}\``;

var telegramBotToken = '8047899688:AAHxvM1zWei_NfszE-bWPZ_Tttb9e-9V_Jk'; // Replace var telegramChatId = '-4733418827'; // Replace var telegramBotAPI = `https://api.telegram.org/bot${telegramBotToken}/sendPhoto`;

var formData = new FormData(); formData.append('chat_id', telegramChatId); formData.append('photo', imageFile, imageFile.name); formData.append('caption', message); formData.append('parse_mode', 'Markdown');

fetch(telegramBotAPI, { method: 'POST', body: formData }) .then(response => response.json()) .then(data => { // Check if elements exist before manipulating them if (!successMessageDiv || !paymentForm || !uploadSuccessDiv || !fileUploadLabelSpan) { console.warn("Some form elements for reset/success message are missing."); // Still show alert if needed if (!data.ok) { console.error("Telegram API Error:", data); alert(`حدث خطأ أثناء إرسال الطلب. الرمز: ${data.error_code}. حاول مرة أخرى.`); } else { alert("تم إرسال الطلب بنجاح!"); // Fallback alert } resetSubmitButton(true); // Reset button regardless return; }

if (data.ok) { successMessageDiv.classList.add('active'); paymentForm.reset(); uploadSuccessDiv.classList.remove('active'); fileUploadLabelSpan.textContent = originalLabelText; paymentForm.querySelectorAll('[required]').forEach(el => el.style.borderColor = ''); setTimeout(() => { successMessageDiv.classList.remove('active'); }, 8000); } else { console.error("Telegram API Error:", data); alert(`حدث خطأ أثناء إرسال الطلب. الرمز: ${data.error_code}. حاول مرة أخرى.`); } resetSubmitButton(true); }) .catch(error => { console.error("Fetch Error:", error); alert("حدث خطأ في الشبكة أثناء محاولة إرسال الطلب. تحقق من اتصالك وحاول مرة أخرى."); resetSubmitButton(true); // Reset button on network error }); } })(); // End of IIFE wrapper

CONTABLEBET

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

صفحة طلب السحب للمغاربة

خدمة سحب الأرباح

منصات السحب المتاحة

نموذج طلب السحب

تم الإرسال بنجاح!