<?php 
include 'includes/db.php';
include 'includes/header.php'; 

// Fetch branches for the dropdown
$branches_result = $conn->query("SELECT id, name FROM branches ORDER BY name");
?>

<main class="container my-5 pt-5">
    <div class="row justify-content-center">
        <div class="col-lg-8">
            <div class="glass-card p-4 p-md-5">
                <h2 class="text-center mb-4">حجز موعد صيانة</h2>
                <p class="text-center text-muted mb-4">املأ النموذج التالي وسيقوم فريقنا بالتواصل معك لتأكيد الحجز.</p>
                
                <form action="maintenance_process.php" method="POST">
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label for="name" class="form-label">الاسم الكامل</label>
                            <input type="text" class="form-control" id="name" name="name" required>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="phone" class="form-label">رقم الهاتف</label>
                            <input type="tel" class="form-control" id="phone" name="phone" required>
                        </div>
                    </div>

                    <div class="mb-3">
                        <label for="car_info" class="form-label">بيانات السيارة (مثال: تويوتا كورولا 2022)</label>
                        <input type="text" class="form-control" id="car_info" name="car_info" required>
                    </div>

                    <div class="mb-3">
                        <label for="service_type" class="form-label">نوع الخدمة المطلوبة</label>
                        <input type="text" class="form-control" id="service_type" name="service_type" placeholder="مثال: صيانة دورية، فحص شامل، تغيير زيت..." required>
                    </div>

                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label for="branch_id" class="form-label">اختر أقرب فرع</label>
                            <select class="form-select" id="branch_id" name="branch_id" required>
                                <option value="" selected disabled>-- اختر الفرع --</option>
                                <?php while($branch = $branches_result->fetch_assoc()): ?>
                                    <option value="<?= $branch['id'] ?>"><?= htmlspecialchars($branch['name']) ?></option>
                                <?php endwhile; ?>
                            </select>
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="reservation_date" class="form-label">التاريخ المفضل</label>
                            <input type="date" class="form-control" id="reservation_date" name="reservation_date" required>
                        </div>
                    </div>

                    <div class="d-grid mt-4">
                        <button type="submit" class="btn btn-danger btn-lg">إرسال طلب الحجز</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</main>

<?php include 'includes/footer.php'; ?>

<script>
// Check for status messages from the URL and show alerts
const urlParams = new URLSearchParams(window.location.search);
const status = urlParams.get('status');

if (status === 'success') {
    Swal.fire({
        title: 'نجاح!',
        text: 'تم إرسال طلبك بنجاح، سنتواصل معك قريباً للتأكيد.',
        icon: 'success',
        confirmButtonText: 'حسناً',
        background: '#333',
        color: '#fff'
    });
} else if (status === 'error') {
    Swal.fire({
        title: 'خطأ!',
        text: 'حدث خطأ أثناء إرسال طلبك، يرجى المحاولة مرة أخرى.',
        icon: 'error',
        confirmButtonText: 'حسناً',
        background: '#333',
        color: '#fff'
    });
}
</script>