<?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");

// Check if a branch is pre-selected from the branches page
$pre_selected_branch_id = isset($_GET['branch_id']) ? (int)$_GET['branch_id'] : null;
$pre_selected_branch_name = isset($_GET['branch_name']) ? $_GET['branch_name'] : '';

// Check if a car is pre-selected from the details page
$pre_selected_car_id = isset($_GET['car_id']) ? (int)$_GET['car_id'] : null;
?>

<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="visit_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="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="visit_date" class="form-label">تاريخ الزيارة</label>
                            <input type="date" class="form-control" id="visit_date" name="visit_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>