شقق أركان العز
حجز شقة
1. اختر تاريخ الحجز
تاريخ الدخول
تاريخ الخروج
نوع الشقة
الكل
غرفة وصالة
غرفتين وصالة
ثلاث غرف وصالة
بحث
الشقق المتاحة:
2. بيانات الحجز
الاسم الكامل
رقم الجوال
رقم الهوية/الإقامة
البريد الإلكتروني
عدorm').addEventListener('submit', async (e) => { e.preventDefault(); const formData = new FormData(e.target); searchDates = { check_in: formData.get('check_in'), check_out: formData.get('check_out') }; const response = await fetch('/api/check-availability', { method: 'POST', body: formData }); const data = await response.json(); const unitsList = document.getElementById('unitsList'); unitsList.innerHTML = ''; if (data.available.length === 0) { unitsList.innerHTML = '
لا توجد شقق متاحة في هذه الفترة
'; } else { data.available.forEach(unit => { unitsList.innerHTML += `
شقة ${unit.unit_number}
${unit.unit_type} - سعة ${unit.capacity} أشخاص
${unit.nights} ليالي × ${unit.base_price} ر.س
${unit.final.toFixed(2)} ر.س
شامل الضريبة
`; }); } document.getElementById('availableUnits').style.display = 'block'; }); function selectUnit(unit) { selectedUnit = unit; document.getElementById('selected_unit_id').value = unit.id; document.getElementById('booking_check_in').value = searchDates.check_in; document.getElementById('booking_check_out').value = searchDates.check_out; document.getElementById('bookingSummary').innerHTML = `
ملخص الحجز:
شقة ${unit.unit_number} - ${unit.unit_type}
من ${searchDates.check_in} إلى ${searchDates.check_out} (${unit.nights} ليالي)
الإجمالي: ${unit.final.toFixed(2)} ر.س
`; document.getElementById('step1').style.display = 'none'; document.getElementById('step2').style.display = 'block'; } function backToStep1() { document.getElementById('step1').style.display = 'block'; document.getElementById('step2').style.display = 'none'; } document.getElementById('bookingForm').addEventListener('submit', async (e) => { e.preventDefault(); const formData = new FormData(e.target); const response = await fetch('/api/create-booking', { method: 'POST', body: formData }); const data = await response.json(); if (data.success) { document.getElementById('bookingNumber').textContent = data.booking_number; document.getElementById('step2').style.display = 'none'; document.getElementById('step3').style.display = 'block'; } else { alert(data.message || 'حدث خطأ'); } });