فرص عمل: انضم إلى فريقنا

/* تعاريف الألوان الأساسية: البنفسجي كلون أساسي */ :root { --primary-color: #8A2BE2; /* البنفسجي الحيوي */ --secondary-color: #6A1AA5; /* بنفسجي أغمق */ --success-color: #34d399; --error-color: #e74c3c; --modal-bg-dark: rgba(0, 0, 0, 0.7); /* خلفية النافذة المنبثقة */ --modal-content-bg: #34495e; /* خلفية صندوق الرسالة */ --light-text: #ffffff; }

/* ---------------------------------------------------- */ /* تنسيق الصفحة الأساسي والخطوط */ /* ---------------------------------------------------- */ @import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;700&display=swap'); body { font-family: 'Cairo', sans-serif; direction: rtl; text-align: right; padding: 20px 0; } .container { max-width: 800px; margin: 0 auto; padding: 20px; } h1 { color: var(--primary-color); border-bottom: 3px solid var(--secondary-color); padding-bottom: 10px; margin-bottom: 25px; font-size: 30px; font-weight: 700; } .header-description { font-size: 18px; line-height: 1.6; margin-bottom: 30px; padding: 15px; border-right: 5px solid var(--primary-color); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05); }

/* ---------------------------------------------------- */ /* تنسيق النموذج (Form) */ /* ---------------------------------------------------- */ #recruitmentForm { padding: 30px; border-radius: 15px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); border-top: 5px solid var(--primary-color); } .form-group { margin-bottom: 20px; position: relative; } .form-group label { display: block; margin-bottom: 8px; font-weight: 700; color: var(--secondary-color); font-size: 16px; } .form-group input:not([type="radio"]), .form-group select, .form-group textarea { width: 100%; padding: 12px 15px; border: 1px solid #ccc; border-radius: 8px; font-size: 16px; box-sizing: border-box; transition: border-color 0.3s, box-shadow 0.3s; background-color: transparent; } .form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color: var(--primary-color); box-shadow: 0 0 5px rgba(138, 43, 226, 0.5); background-color: transparent; outline: none; } .form-group textarea { resize: vertical; min-height: 100px; } .required-mark { color: var(--error-color); margin-right: 5px; } /* تنسيق خيارات العمل (إذا كانت هناك) */ .radio-group label { font-weight: 400; display: inline-block; margin-left: 20px; cursor: pointer; }

/* ---------------------------------------------------- */ /* تنسيق زر الإرسال ونتائج العملية */ /* ---------------------------------------------------- */ #submitBtn { width: 100%; padding: 15px; background: linear-gradient(45deg, var(--primary-color), var(--secondary-color)); color: var(--light-text); border: none; border-radius: 10px; font-size: 18px; font-weight: 700; cursor: pointer; transition: transform 0.2s, opacity 0.3s; box-shadow: 0 5px 15px rgba(138, 43, 226, 0.4); } #submitBtn:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(138, 43, 226, 0.6); } #submitBtn:disabled { background: #ccc; cursor: not-allowed; box-shadow: none; opacity: 0.7; }

/* ---------------------------------------------------- */ /* تنسيق النافذة المنبثقة (Modal) */ /* ---------------------------------------------------- */ .popup-modal { display: none; /* مخفية بشكل افتراضي */ position: fixed; z-index: 10000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: var(--modal-bg-dark); /* خلفية شفافة داكنة */ backdrop-filter: blur(3px); align-items: center; justify-content: center; animation: fadeIn 0.3s ease-out; } .modal-content { background-color: var(--modal-content-bg); /* لون خلفية صندوق الرسالة الداكن */ margin: auto; padding: 30px; border-radius: 12px; max-width: 90%; min-width: 300px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5); text-align: center; /* ✅ تمت إضافة color: var(--light-text); هنا في البداية */ animation: zoomIn 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } .modal-icon { font-size: 40px; margin-bottom: 15px; } .modal-message { font-size: 18px; font-weight: 700; margin-bottom: 25px; /* 🌟 التعديل المؤكد: لضمان اللون الأبيض للنص حتى مع الوضع الليلي */ color: white !important; } .modal-close-btn { background-color: var(--primary-color); color: var(--light-text); border: none; padding: 10px 25px; border-radius: 50px; cursor: pointer; font-size: 16px; font-weight: 700; transition: background-color 0.3s; } .modal-close-btn:hover { background-color: var(--secondary-color); } .modal-success .modal-icon { color: var(--success-color); } .modal-error .modal-icon { color: var(--error-color); }

/* الأكواد الحركية */ @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes zoomIn { from { transform: scale(0.8); opacity: 0; } to { transform: scale(1); opacity: 1; } }

فرص عمل: انضم إلى فريقنا نبحث عن شركاء جادين للانضمام إلى مشروعنا، سواء كنت بائعاً أو مشترياً رئيسياً للتعبئة. املأ النموذج أدناه لبدء رحلة التعاون.

الاسم والنسب *

رقم الواتساب * السن * الجنسية *

حالة العمل الحالية * اختر حالتك موظف (لديك وظيفة أخرى) عمل حر / مستقل بدون عمل حالياً طالب

هل أنت متاح للعمل دائماً؟ * اختر نعم، متفرغ تقريباً (أكثر من 6 ساعات) دوام جزئي (أقل من 6 ساعات) في المساء فقط

رأس المال التقريبي للعمل به (بالدرهم/الدولار) * هذا التقدير يساعدنا على تحديد حجم الفرصة المناسبة لك. ملاحظات إضافية أو خبرات سابقة

إرسال طلب الانضمام

حسنًا

document.addEventListener('DOMContentLoaded', function() {

const form = document.getElementById('recruitmentForm'); const submitBtn = document.getElementById('submitBtn'); // عناصر النافذة المنبثقة const statusModal = document.getElementById('statusModal'); const modalContent = document.getElementById('modalContent'); const modalIcon = document.getElementById('modalIcon'); const modalMessage = document.getElementById('modalMessage'); const modalCloseBtn = document.getElementById('modalCloseBtn');

// ⛔️ حقل التعديل 1: توكن بوت التليجرام الخاص بك const BOT_TOKEN = '8589089923:AAECSeoMU0dhkf5Ca2pV7brOuZxmFfufy34'; // ⛔️ حقل التعديل 2: ID الدردشة (Chat ID) الخاصة بك لتلقي الرسائل const CHAT_ID = '1693543914'; // دالة عرض النافذة المنبثقة function showModal(isSuccess, message) { modalContent.className = 'modal-content ' + (isSuccess ? 'modal-success' : 'modal-error'); modalIcon.innerHTML = isSuccess ? '✅' : '❌'; modalMessage.textContent = message; statusModal.style.display = 'flex'; }

// دالة إغلاق النافذة المنبثقة function hideModal() { statusModal.style.display = 'none'; }

// ربط زر الإغلاق و النقر خارج النافذة modalCloseBtn.onclick = hideModal; statusModal.onclick = function(event) { if (event.target === statusModal) { hideModal(); } };

form.addEventListener('submit', function(e) { e.preventDefault(); if (BOT_TOKEN === 'YOUR_BOT_TOKEN' || CHAT_ID === 'YOUR_CHAT_ID') { alert("خطأ: يرجى تعديل BOT_TOKEN و CHAT_ID في كود JavaScript."); return; }

submitBtn.disabled = true; submitBtn.textContent = 'جاري الإرسال...'; hideModal(); // تأكد من إخفاء أي نافذة سابقة

// جمع بيانات النموذج const data = { fullName: form.fullName.value, whatsapp: form.whatsapp.value, age: form.age.value, nationality: form.nationality.value, employmentStatus: form.employmentStatus.options[form.employmentStatus.selectedIndex].text, availability: form.availability.options[form.availability.selectedIndex].text, capital: form.capital.value, notes: form.notes.value || 'لا توجد ملاحظات إضافية' };

// إنشاء رسالة التليجرام بتنسيق Markdown const message = ` *🆕 طلب انضمام جديد (فرص عمل)* ----------------------------------- *الاسم الكامل:* ${data.fullName} *رقم الواتساب:* ${data.whatsapp} *السن والجنسية:* ${data.age} سنة - ${data.nationality} *حالة العمل الحالية:* ${data.employmentStatus} *التوفر للعمل:* ${data.availability} *رأس المال التقريبي:* ${data.capital} ----------------------------------- *الملاحظات:* ${data.notes} `.trim();

const telegramApiUrl = `https://api.telegram.org/bot${BOT_TOKEN}/sendMessage`;

fetch(telegramApiUrl, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ chat_id: CHAT_ID, text: message, parse_mode: 'Markdown' }) }) .then(response => response.json()) .then(result => { if (result.ok) { const successMsg = 'تم إرسال طلبك بنجاح. سيتم التواصل معك قريبا عبر الواتساب.'; showModal(true, successMsg); form.reset(); // تفريغ النموذج عند النجاح } else { const errorMsg = 'حدث خطأ في إرسال الطلب. يرجى المحاولة لاحقا أو التأكد من إعدادات البوت.'; showModal(false, errorMsg); console.error('Telegram Error:', result); } }) .catch(error => { const errorMsg = 'فشل الاتصال بالخادم. تأكد من اتصالك بالإنترنت.'; showModal(false, errorMsg); console.error('Fetch Error:', error); }) .finally(() => { submitBtn.disabled = false; submitBtn.textContent = 'إرسال طلب الانضمام'; }); }); });

Ta3bia

الانظام الى فريق العمل

فرص عمل: انضم إلى فريقنا

محتويات السلة

تنبيه هام!

الانظام الى فريق العمل

فرص عمل: انضم إلى فريقنا