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

// Fetch contact settings
$settings_result = $conn->query("SELECT * FROM settings WHERE setting_key IN ('contact_address', 'contact_phone', 'contact_email', 'map_latitude', 'map_longitude')");
$settings = [];
while($row = $settings_result->fetch_assoc()) {
    $settings[$row['setting_key']] = $row['setting_value'];
}

// Default map coordinates
$map_latitude = $settings['map_latitude'] ?? 30.0444;
$map_longitude = $settings['map_longitude'] ?? 31.2357;

include 'includes/header.php'; 
?>

<main class="container my-5 pt-5">
    <div class="text-center mb-5">
        <h2 data-aos="fade-in">اتصل بنا</h2>
        <p data-aos="fade-in" data-aos-delay="100" class="text-muted">نحن هنا لمساعدتك. تواصل معنا عبر النموذج أو المعلومات أدناه.</p>
    </div>

    <div class="glass-card p-4 p-md-5">
        <div class="row g-5">
            <!-- Contact Form -->
            <div class="col-lg-6">
                <h4>أرسل لنا رسالة</h4>
                <form action="contact_process.php" method="POST" class="mt-4">
                    <div class="mb-3">
                        <label for="name" class="form-label">الاسم</label>
                        <input type="text" class="form-control" id="name" name="name" required>
                    </div>
                    <div class="mb-3">
                        <label for="email" class="form-label">البريد الإلكتروني</label>
                        <input type="email" class="form-control" id="email" name="email" required>
                    </div>
                    <div class="mb-3">
                        <label for="subject" class="form-label">الموضوع</label>
                        <input type="text" class="form-control" id="subject" name="subject" required>
                    </div>
                    <div class="mb-3">
                        <label for="message" class="form-label">رسالتك</label>
                        <textarea class="form-control" id="message" name="message" rows="5" required></textarea>
                    </div>
                    <button type="submit" class="btn btn-danger">إرسال</button>
                </form>
            </div>

            <!-- Contact Info -->
            <div class="col-lg-6">
                <h4>معلومات التواصل</h4>
                <ul class="list-unstyled mt-4">
                    <li class="mb-3"><i class="fas fa-map-marker-alt fa-fw me-2 text-danger"></i> <?= htmlspecialchars($settings['contact_address'] ?? 'القاهرة, مصر') ?></li>
                    <li class="mb-3"><i class="fas fa-phone fa-fw me-2 text-danger"></i> <?= htmlspecialchars($settings['contact_phone'] ?? '+20 123 456 7890') ?></li>
                    <li class="mb-3"><i class="fas fa-envelope fa-fw me-2 text-danger"></i> <?= htmlspecialchars($settings['contact_email'] ?? 'info@m-auto.com') ?></li>
                </ul>
                <div id="contact-map" style="height: 300px; border-radius: 10px;" class="mt-4"></div>
            </div>
        </div>
    </div>
</main>

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

<script>
    // Init Map
    const map = L.map('contact-map').setView([<?= $map_latitude ?>, <?= $map_longitude ?>], 13);
    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png').addTo(map);
    L.marker([<?= $map_latitude ?>, <?= $map_longitude ?>]).addTo(map).bindPopup('M-AUTO المقر الرئيسي');

    // SweetAlert for status
    const urlParams = new URLSearchParams(window.location.search);
    const status = urlParams.get('status');
    if (status === 'success') {
        Swal.fire('تم الإرسال!', 'شكراً لك، تم استلام رسالتك بنجاح.', 'success');
    }
</script>