تواصل معنا

:root { --primary-color: #007bff; /* لون أساسي عصري */ --primary-hover-color: #0056b3; --light-gray: #f8f9fa; --medium-gray: #e9ecef; --dark-gray: #6c757d; --text-color: #333; --border-radius: 8px; --input-padding: 15px; --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } body.contact-form-active { /* نضيف كلاس لل body عند عرض النموذج لتطبيق أنماط محددة */ font-family: var(--font-family); background-color: var(--light-gray); margin: 0; padding: 20px; display: flex; justify-content: center; align-items: center; min-height: 100vh; flex-direction: column; box-sizing: border-box; direction: rtl; /* للتوافق مع اللغة العربية */ } .contact-form-container { width: 90%; max-width: 550px; background-color: #fff; padding: 30px 35px; border-radius: var(--border-radius); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1); text-align: center; box-sizing: border-box; overflow: hidden; } .contact-form-container h1 { color: var(--primary-color); margin-bottom: 25px; font-size: 26px; font-weight: 600; } .input-group { margin-bottom: 20px; position: relative; text-align: right; } .input-group label { display: block; /* أو inline-block إذا أردت بجانب الحقل */ text-align: right; margin-bottom: 5px; font-weight: 500; color: var(--dark-gray); font-size: 14px; } /* لإخفاء الليبل بصرياً مع الحفاظ عليه لقارئات الشاشة (اختياري) */ /* .input-group label.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } */ .input-group input, .input-group textarea { width: 100%; padding: var(--input-padding); border-radius: var(--border-radius); border: 1px solid var(--medium-gray); font-size: 16px; font-family: var(--font-family); box-sizing: border-box; transition: border-color 0.3s ease, box-shadow 0.3s ease; text-align: right; } .input-group input::placeholder, .input-group textarea::placeholder { color: #aaa; text-align: right; } .input-group input:focus, .input-group textarea:focus { outline: none; border-color: var(--primary-color); box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .input-group textarea { height: 120px; /* مطابق للكود الأصلي */ resize: vertical; } .submit-button { width: 100%; padding: var(--input-padding); background-color: var(--primary-color); color: white; font-size: 18px; font-weight: 500; border: none; border-radius: var(--border-radius); cursor: pointer; transition: background-color 0.3s ease, transform 0.2s ease; display: flex; justify-content: center; align-items: center; } .submit-button:hover:not(:disabled) { background-color: var(--primary-hover-color); transform: translateY(-2px); } .submit-button:disabled { background-color: var(--medium-gray); cursor: not-allowed; } .submit-button .spinner { display: none; width: 20px; height: 20px; border: 3px solid rgba(255, 255, 255, 0.3); border-radius: 50%; border-top-color: #fff; animation: spin 1s ease-in-out infinite; margin-left: 10px; /* RTL: spinner on the left */ } .submit-button.loading .spinner { display: inline-block; } .submit-button.loading .button-text { margin-right: 5px; } @keyframes spin { to { transform: rotate(360deg); } } @media (max-width: 600px) { .contact-form-container { padding: 20px 25px; width: 95%; } .contact-form-container h1 { font-size: 22px; } .input-group input, .input-group textarea, .submit-button { font-size: 15px; /* كان 14 في الكود الأصلي، تم توحيده */ padding: 12px; } .submit-button .spinner { width: 18px; height: 18px; } } التواصل مع مدير المجموعة رقم واتساب العميل معرف الحساب ID مضمون الرسالة إرسال // لضمان تطبيق body.contact-form-active فقط عند عرض النموذج if (document.querySelector('.contact-form-container')) { document.body.classList.add('contact-form-active'); } function sendToTelegram() { var whatsappAgent = document.querySelector('[name="whatsapp-agent"]').value.trim(); var accountId = document.querySelector('[name="account-id"]').value.trim(); var message = document.querySelector('[name="message"]').value.trim(); var sendButton = document.getElementById("sendButton"); var buttonText = sendButton.querySelector(".button-text"); // للحصول على عنصر النص داخل الزر if (!whatsappAgent || !accountId || !message) { alert("يرجى ملء جميع الحقول قبل إرسال الرسالة."); return; } sendButton.disabled = true; sendButton.classList.add('loading'); // إضافة كلاس التحميل if(buttonText) buttonText.innerText = "جاري الإرسال..."; // تغيير نص الزر var telegramMessage = `📢 طلب جديد:\n\n🔹 رقم العميل: ${whatsappAgent}\n🔹 معرف الحساب: ${accountId}\n✉️ الرسالة: ${message}`; // --- معلومات البوت الخاصة بك (تم الحفاظ عليها) --- var telegramBotAPI = 'https://api.telegram.org/bot8047899688:AAHySG3KYsQV4CO-17nJ1BGOGkGmfgDAhWw/sendMessage'; var chatId = '7511906578'; // --- نهاية معلومات البوت --- var url = `${telegramBotAPI}?chat_id=${chatId}&text=${encodeURIComponent(telegramMessage)}&parse_mode=Markdown`; // إضافة parse_mode اختياري fetch(url, { method: 'POST' }) // استخدام POST أفضل .then(response => response.json()) .then(data => { if (data.ok) { alert("✅ تم إرسال الرسالة بنجاح."); document.getElementById("contactForm").reset(); } else { console.error("Telegram API Error:", data); alert("❌ حدث خطأ أثناء إرسال الرسالة. تفاصيل الخطأ: " + (data.description || "غير معروف")); } }) .catch(error => { console.error("Fetch Error:", error); alert("❌ حدث خطأ في الشبكة أو الاتصال بالخادم. يرجى المحاولة مرة أخرى."); }) .finally(() => { sendButton.disabled = false; sendButton.classList.remove('loading'); // إزالة كلاس التحميل if(buttonText) buttonText.innerText = "إرسال"; // استعادة نص الزر الأصلي }); }

CONTABLEBET

خدمة الشحن والسحب الفوري

تواصل معنا

التواصل مع مدير المجموعة