صفحة طلب السحب للمصريين

/* --- المتغيرات والأنماط الأساسية (مأخوذة من CSS الكود الثاني) --- */ :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); } * { box-sizing: border-box; margin: 0; padding: 0; } body, .withdrawal-app { font-family: 'Cairo', sans-serif; background-color: var(--gray-100); color: var(--gray-700); direction: rtl; line-height: 1.6; } .withdrawal-app { max-width: 680px; margin: 20px auto; padding: 15px; border-radius: var(--border-radius-lg); box-shadow: var(--shadow-lg); overflow: hidden; } .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; } .app-header h1 { font-size: 1.2rem; margin-bottom: 4px; font-weight: 700; color: var(--white); } .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; color: var(--white); } .card { background: var(--white); border-radius: var(--border-radius-md); box-shadow: var(--shadow-md); overflow: hidden; margin-bottom: 20px; } .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; } .section-title i { margin-left: 8px; font-size: 1.1rem; color: var(--primary-blue); } .platforms-section { position: relative; padding: 10px 0; } .platforms-container { padding: 0 10px; } .platforms-scroller { display: flex; overflow-x: auto; scroll-behavior: smooth; gap: 12px; padding: 8px 5px; scrollbar-width: none; -ms-overflow-style: none; } .platforms-scroller::-webkit-scrollbar { display: none; } .platform-card { background: var(--white); border-radius: var(--border-radius-sm); box-shadow: var(--shadow-sm); padding: 10px 8px; width: 115px; min-width: 115px; transition: var(--transition); border: 1px solid var(--gray-200); text-align: center; display: flex; flex-direction: column; align-items: center; /* Removed cursor:pointer from here */ } .platform-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); border-color: var(--primary-blue); } .platform-img { width: 55px; height: 55px; object-fit: contain; margin-bottom: 8px; border-radius: var(--border-radius-sm); border: 1px solid var(--gray-200); } /* Style for the new button replacing H3 */ .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: auto; /* Pushes button to bottom */ white-space: nowrap; line-height: 1.4; min-height: 28px; } .platform-info-btn i { font-size: 0.8rem; margin-top: 1px; } .platform-info-btn:hover { background-color: var(--dark-blue); transform: scale(1.03); } .scroll-btn { position: absolute; top: calc(50% + 18px); /* Adjusted slightly for button height */ 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; } .scroll-btn:hover { background: var(--primary-blue); color: var(--white); opacity: 1; transform: translateY(-50%) scale(1.1); } .scroll-btn.left { left: 3px; } .scroll-btn.right { right: 3px; } .form-section { padding: 10px 12px 15px; } .form-grid { display: grid; grid-template-columns: 1fr; gap: 12px; } @media (min-width: 600px) { .form-grid { grid-template-columns: repeat(2, 1fr); } .form-group.file-upload-group { grid-column: span 2; } } .form-group { margin-bottom: 0; } .form-group label { display: block; margin-bottom: 4px; color: var(--gray-700); font-weight: 600; font-size: 0.85rem; } .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; } .form-control:focus { outline: none; border-color: var(--primary-blue); box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2); } 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; } .file-upload { position: relative; overflow: hidden; display: block; width: 100%; } .file-upload-input { position: absolute; left: 0; top: 0; opacity: 0; width: 100%; height: 100%; cursor: pointer; } .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; } .file-upload-label:hover { border-color: var(--primary-blue); background: var(--light-blue); } .file-upload-label i { font-size: 1.6rem; color: var(--primary-blue); margin-bottom: 6px; display: block; } .file-upload-label span { font-size: 0.85rem; font-weight: 600; color: var(--gray-700); display: block; } .file-upload-label small { font-size: 0.75rem; color: var(--gray-500); margin-top: 4px; display: block; } .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; } .upload-success.active { display: flex; align-items: center; justify-content: center; gap: 6px; } .upload-success i { margin-left: 0; color: var(--success-green); font-size: 1rem; } .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); } .submit-btn span { display: inline-block; } .submit-btn:hover { background: var(--dark-blue); box-shadow: var(--shadow-md); transform: translateY(-1px); } .submit-btn:disabled { background: var(--gray-500); cursor: not-allowed; opacity: 0.7; box-shadow: none; transform: none; } .submit-btn i { margin-left: 0; font-size: 1rem; } .popup-overlay { position: fixed; inset: 0; background-color: rgba(17, 24, 39, 0.85); 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; } .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; overflow: hidden; transform: scale(0.95) translateY(10px); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); font-family: 'Cairo', sans-serif; direction: rtl; } .popup-overlay.active .popup-container { transform: scale(1) translateY(0); } .popup-header { padding: 12px 15px; border-bottom: 1px solid var(--gray-200); display: flex; justify-content: space-between; align-items: center; position: sticky; top: 0; background-color: var(--white); z-index: 10; } .popup-title { color: var(--dark-blue); font-size: 1rem; font-weight: 700; margin: 0; } .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; } .popup-close:hover { color: var(--dark-blue); background-color: var(--gray-100); transform: rotate(90deg); } .popup-content { padding: 15px; overflow-y: auto; flex-grow: 1; } .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; } .popup-content p.info-text i { margin-left: 8px; color: var(--primary-blue); font-size: 1.1em; margin-top: 3px; width: auto; text-align: initial; } .agent-list { list-style: none; padding: 0; margin: 0; } .agent-item { background: var(--light-blue); border-radius: var(--border-radius-sm); padding: 12px 15px; margin-bottom: 10px; border-right: 4px solid var(--primary-blue); transition: background-color 0.2s ease, transform 0.2s ease; } .agent-item:hover { background-color: #dbeafe; transform: translateX(-2px); } .agent-item:last-child { margin-bottom: 0; } .agent-info { display: flex; align-items: center; margin-bottom: 8px; font-size: 0.9rem; color: var(--gray-900); } .agent-info:last-child { margin-bottom: 0; } .agent-info i { color: var(--primary-blue); margin-left: 10px; font-size: 1rem; width: 20px; text-align: center; } .agent-info span { font-weight: 400; } .agent-info span strong { font-weight: 700; margin-left: 4px; color: var(--gray-700); } .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; } .success-message.active { display: block; opacity: 1; transform: translateY(0); } .success-message i { color: var(--success-green); font-size: 2rem; margin-bottom: 10px; display: block; } .success-message h3 { color: var(--success-dark); margin-bottom: 6px; font-size: 1.1rem; font-weight: 700; } .success-message p { color: var(--success-dark); font-size: 0.9rem; line-height: 1.5; } @media (max-width: 768px) { .app-header h1 { font-size: 1.3rem; } } @media (max-width: 600px) { .form-grid { grid-template-columns: 1fr; } .form-group.file-upload-group { grid-column: span 1; } } @media (max-width: 480px) { .withdrawal-app { padding: 10px; margin: 10px auto; } .app-header { margin: -10px -10px 15px -10px; padding: 10px; } .app-header h1 { font-size: 1.1rem; } .app-header p { font-size: 0.75rem; padding: 4px 6px;} .section-title { font-size: 1rem; padding: 10px 10px 8px; } .platform-card { width: 100px; min-width: 100px; padding: 8px 6px;} .platform-img { width: 45px; height: 45px; } /* Adjust button style for small screens */ .platform-info-btn { font-size: 0.65rem; padding: 4px 6px; min-height: 24px; } .platform-info-btn i { font-size: 0.7rem;}

.form-control, .form-group label, .file-upload-label span, .agent-info { font-size: 0.8rem; } .form-control { padding: 6px 8px; min-height: 34px;} select.form-control { padding-left: 1.8rem; background-position: left 0.4rem center;} .file-upload-label { height: 100px; padding: 10px;} .file-upload-label i { font-size: 1.4rem; margin-bottom: 4px;} .file-upload-label small { font-size: 0.7rem;} .submit-btn { padding: 8px 15px; font-size: 0.9rem; } .popup-overlay { padding: 10px; } .popup-container { max-width: 95%; max-height: 85vh; } .popup-header { padding: 10px 12px; } .popup-title { font-size: 0.95rem; } .popup-close { font-size: 1.4rem; width: 28px; height: 28px;} .popup-content { padding: 12px; } .agent-item { padding: 10px 12px; } .agent-info { font-size: 0.85rem; } .agent-info i { margin-left: 8px; font-size: 0.9rem; width: 18px; } }

خدمة سحب الأرباح اضغط على زر 'بيانات السحب' لعرض المعلومات المطلوبة

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

بيانات السحب بيانات السحب -->

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

نموذج طلب السحب المنصة * اختر المنصة 1xbet البنك * اختر البنك Vodafone Cash Orange Cash Etisalat Cash We Pay Insta Pay رقم الكاش * الاسم الكامل * معرف الحساب (ID) * كود السحب * إرفاق صورة كود السحب * اضغط لرفع الصورة يجب أن تكون الصورة واضحة تم تحميل الصورة بنجاح إرسال الطلب تم الإرسال بنجاح! سيتم مراجعة طلبك خلال دقائق قليلة

// بيانات الوكلاء لكل منصة (من الكود الأصلي) const agentsData = { '1xbet': [ // Removed name property as it's no longer displayed { ville: 'faiyum', rue: 'ContableYoussef' } ], // 'Platform2': [ { ville: 'City A', rue: 'Street A' } ] };

// --- عناصر DOM شائعة (كما في السابق) --- const proofImageInput = document.getElementById('proofImage'); const uploadSuccessDiv = document.getElementById('uploadSuccess'); const paymentForm = document.getElementById("paymentForm"); const platformSelect = document.getElementById('platform_name'); const popupOverlay = document.getElementById('popup'); const popupContentUl = document.getElementById('popup-content'); const popupTitleEl = document.getElementById('popup-title'); const submitBtn = document.getElementById('submitBtn'); const successMessageDiv = document.getElementById('successMessage'); const fileUploadLabelSpan = document.querySelector('.file-upload-label span'); const originalLabelText = fileUploadLabelSpan ? fileUploadLabelSpan.textContent : 'اضغط لرفع الصورة';

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

// التمرير الأفقي للمنصات (كما في السابق) function scrollPlatforms(scrollAmount) { const scroller = document.getElementById('platformsScroller'); if (scroller) { scroller.scrollBy({ left: scrollAmount, behavior: 'smooth' }); } }

// *** MODIFIED openPopup Function *** function openPopup(platform) { if (!popupOverlay || !popupContentUl || !popupTitleEl) { console.error("Popup elements not found!"); return; }

const agents = agentsData[platform]; let content = '';

if (agents && agents.length > 0) { agents.forEach((agent) => { // بناء HTML **بدون** معلومات الاسم content += ` المدينة: ${agent.ville || 'غير متوفرة'} الشارع: ${agent.rue || 'غير متوفر'} `; }); } else { content = ` لا توجد معلومات سحب لهذه المنصة حالياً. `; }

// Update popup title slightly popupTitleEl.innerText = `معلومات السحب لـ ${platform}`; popupContentUl.innerHTML = content; popupOverlay.classList.add('active');

// تعبئة المنصة تلقائياً في النموذج (كما في السابق) if (platformSelect) { const optionExists = Array.from(platformSelect.options).some(opt => opt.value === platform); if (optionExists) { platformSelect.value = platform; } else { platformSelect.value = ""; } } }

// إغلاق النافذة المنبثقة (كما في السابق) function closePopup() { if (popupOverlay) { popupOverlay.classList.remove('active'); } }

// إغلاق النافذة عند النقر على الخلفية (كما في السابق) function closePopupOnClickOutside(event) { if (event.target === popupOverlay) { closePopup(); } }

// إعادة تعيين زر الإرسال (كما في السابق) function resetSubmitButton(enable = true) { if (!submitBtn) return; submitBtn.disabled = !enable; submitBtn.innerHTML = enable ? ' إرسال الطلب ' : ' جاري الإرسال... '; }

// وظيفة التحقق من الحقول المطلوبة (كما في السابق) function validateForm() { if (!paymentForm) return false; let isValid = true; const requiredFields = paymentForm.querySelectorAll('[required]'); requiredFields.forEach(field => { let fieldValid = true; if (field.type === 'file') { fieldValid = field.files.length > 0; } else if (field.tagName === 'SELECT') { fieldValid = field.value && field.selectedIndex !== 0; } else { fieldValid = field.value.trim() !== ''; } if (!fieldValid) { isValid = false; field.style.borderColor = 'red'; } else { field.style.borderColor = ''; } }); if (!isValid) { alert("يرجى ملء جميع الحقول المطلوبة (*) وتحميل صورة."); } return isValid; }

// رفع الصورة وإرسال البيانات (كما في السابق) function uploadAndSend() { paymentForm.querySelectorAll('[required]').forEach(el => el.style.borderColor = ''); if (!validateForm()) { resetSubmitButton(true); return; } resetSubmitButton(false); var platformName = platformSelect.value; var bankName = paymentForm.querySelector('[name="bank_name"]').value; var bankAccountNumber = paymentForm.querySelector('[name="bank_account_number"]').value.trim(); var accountHolderName = paymentForm.querySelector('[name="account_holder_name"]').value.trim(); var accountId = paymentForm.querySelector('[name="account_id"]').value.trim(); var withdrawalCode = paymentForm.querySelector('[name="withdrawal_code"]').value.trim(); var proofImage = proofImageInput.files[0]; sendToTelegramWithPhoto(platformName, bankName, bankAccountNumber, accountHolderName, accountId, withdrawalCode, proofImage); }

// إرسال البيانات إلى التلجرام (كما في السابق) function sendToTelegramWithPhoto(platformName, bankName, bankAccountNumber, accountHolderName, accountId, withdrawalCode, imageFile) { var message = `📢 *طلب السحب جديد*\n\n` + `📌 *المنصة:* ${platformName}\n` + `🏦 *البنك:* ${bankName}\n` + `🔢 *رقم الكاش:* \`${bankAccountNumber}\`\n` + `👤 *اسم صاحب الحساب:* \`${accountHolderName}\`\n` + `🆔 *معرف الحساب:* \`${accountId}\`\n` + `🔐 *كود السحب:* \`${withdrawalCode}\``; var telegramBotAPI = 'https://api.telegram.org/bot7558242625:AAF7AgJh888qdGTNX1Zdvz-FAKtdDSezEeY/sendPhoto'; // استخدم التوكن الخاص بك var chatId = '-1002525322731'; // استخدم معرف الدردشة الخاص بك var formData = new FormData(); formData.append('chat_id', chatId); formData.append('photo', imageFile, imageFile.name || 'proof_image.jpg'); formData.append('caption', message); formData.append('parse_mode', 'Markdown'); fetch(telegramBotAPI, { method: 'POST', body: formData }) .then(response => response.json()) .then(data => { if (data.ok) { if (successMessageDiv) successMessageDiv.classList.add('active'); if (paymentForm) paymentForm.reset(); if (uploadSuccessDiv) uploadSuccessDiv.classList.remove('active'); if (fileUploadLabelSpan) fileUploadLabelSpan.textContent = originalLabelText; paymentForm.querySelectorAll('[required]').forEach(el => el.style.borderColor = ''); if (successMessageDiv) successMessageDiv.scrollIntoView({ behavior: 'smooth' }); setTimeout(() => { if (successMessageDiv) successMessageDiv.classList.remove('active'); }, 8000); } else { alert("حدث خطأ أثناء إرسال البيانات: " + (data.description || "رمز الخطأ: " + data.error_code)); } resetSubmitButton(true); }) .catch(error => { console.error("Error sending data:", error); alert("حدث خطأ في الشبكة أثناء إرسال البيانات: " + error.message); resetSubmitButton(true); }); }

CONTABLEBET

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

صفحة طلب السحب للمصريين

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

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

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

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