<?php
$pageTitle = 'Contact Us';
require_once 'includes/header.php';
?>

<div style="margin-top:75px;background:linear-gradient(135deg,var(--secondary),var(--secondary-dark));padding:60px 0;text-align:center;">
    <div class="container">
        <h1 style="color:#fff;font-size:2.5rem;margin-bottom:10px;">Contact Us</h1>
        <p style="color:rgba(255,255,255,0.8);font-size:1.1rem;">We'd love to hear from you</p>
    </div>
</div>

<section style="padding:80px 0;">
    <div class="container">
        <div class="contact-content">
            <!-- Contact Info -->
            <div class="contact-info">
                <h2 style="margin-bottom:20px;">Get in Touch</h2>
                <p style="color:var(--gray);margin-bottom:30px;">Have questions about our tour packages? Want to customize a trip? Reach out to us and our travel experts will be happy to help.</p>
                
                <div class="contact-methods">
                    <div class="contact-method">
                        <div class="contact-icon">
                            <i class="fas fa-map-marker-alt"></i>
                        </div>
                        <div>
                            <h4>Our Office</h4>
                            <p><?= htmlspecialchars($settings['site_address'] ?? '123 Travel Street, Mumbai, India', ENT_QUOTES, 'UTF-8') ?></p>
                        </div>
                    </div>
                    
                    <div class="contact-method">
                        <div class="contact-icon">
                            <i class="fas fa-phone"></i>
                        </div>
                        <div>
                            <h4>Phone</h4>
                            <p><?= htmlspecialchars($settings['site_phone'] ?? '+91 98765 43210', ENT_QUOTES, 'UTF-8') ?></p>
                        </div>
                    </div>
                    
                    <div class="contact-method">
                        <div class="contact-icon">
                            <i class="fas fa-envelope"></i>
                        </div>
                        <div>
                            <h4>Email</h4>
                            <p><?= htmlspecialchars($settings['site_email'] ?? 'info@traveler.com', ENT_QUOTES, 'UTF-8') ?></p>
                        </div>
                    </div>
                    
                    <div class="contact-method">
                        <div class="contact-icon">
                            <i class="fas fa-clock"></i>
                        </div>
                        <div>
                            <h4>Working Hours</h4>
                            <p>Mon - Sat: 9:00 AM - 7:00 PM<br>Sunday: 10:00 AM - 5:00 PM</p>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- Contact Form -->
            <div class="admin-card contact-form-card">
                <div class="card-header">
                    <h3><i class="fas fa-paper-plane text-primary"></i> Send us a Message</h3>
                </div>
                <div class="card-body">
                    <form action="<?= BASE_URL ?>enquiry.php" method="POST" data-validate>
                        <div class="form-grid">
                            <div class="form-group">
                                <label>Full Name <span style="color:var(--danger);">*</span></label>
                                <input type="text" name="name" class="form-control" placeholder="Your name" required>
                            </div>
                            <div class="form-group">
                                <label>Email <span style="color:var(--danger);">*</span></label>
                                <input type="email" name="email" class="form-control" placeholder="Your email" required>
                            </div>
                        </div>
                        <div class="form-group">
                            <label>Phone</label>
                            <input type="tel" name="phone" class="form-control" placeholder="Your phone number">
                        </div>
                        <div class="form-group">
                            <label>Message <span style="color:var(--danger);">*</span></label>
                            <textarea name="message" class="form-control" rows="5" placeholder="How can we help you?" required></textarea>
                        </div>
                        <button type="submit" class="btn btn-primary btn-lg">
                            <i class="fas fa-paper-plane"></i> Send Message
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>

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