<?php
$settings = json_decode(file_get_contents('data/settings.json'), true);
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Contact - <?php echo htmlspecialchars($settings['site_title']); ?></title>
    
    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    
    <!-- Custom CSS -->
    <link rel="stylesheet" href="css/style.css">
    
    <style>
        .page-header { padding: 200px 0 100px; background-color: var(--primary); color: var(--text-white); text-align: center; }
        .page-title { font-size: 4rem; color: var(--accent); margin-bottom: 20px; }
        
        .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; }
        .contact-info-card { background: var(--bg-light); padding: 60px 50px; border-radius: 0; box-shadow: 0 10px 40px rgba(0,0,0,0.03); margin-bottom: 30px; border-top: 3px solid var(--accent); }
        .contact-info-item { display: flex; align-items: flex-start; gap: 25px; margin-bottom: 40px; }
        .contact-icon { font-size: 1.8rem; color: var(--accent); margin-top: 5px; }
        .contact-info-item h4 { font-size: 1.3rem; margin-bottom: 10px; }
        .contact-info-item p { font-size: 1.1rem; }
        
        .contact-form { background: var(--bg-light); padding: 60px 50px; border-radius: 0; box-shadow: 0 10px 40px rgba(0,0,0,0.03); }
        .form-group { margin-bottom: 30px; }
        .form-group label { display: block; margin-bottom: 10px; font-weight: 500; font-size: 1.1rem; color: var(--primary); }
        .form-control { width: 100%; padding: 18px 20px; border: 1px solid var(--border); border-radius: 0; font-family: var(--font-body); font-size: 1.05rem; transition: var(--transition); background: var(--bg-offset); }
        .form-control:focus { outline: none; border-color: var(--accent); background: white; }
        textarea.form-control { resize: vertical; min-height: 150px; }
        
        @media (max-width: 992px) { .contact-grid { grid-template-columns: 1fr; } }
    </style>
</head>
<body>

<?php include 'header.php'; ?>

    <div class="page-header">
        <div class="container">
            <h1 class="page-title fade-up">Get In Touch</h1>
            <p class="fade-up" style="transition-delay: 0.1s; max-width: 600px; margin: 0 auto; font-size: 1.2rem; font-weight: 300;">We invite you to connect with our luxury real estate specialists.</p>
        </div>
    </div>

    <section class="section section-bg">
        <div class="container">
            
            <div class="contact-grid">
                
                <div class="fade-up">
                    <div class="contact-info-card">
                        <h3 style="margin-bottom: 40px; font-family: var(--font-heading); font-size: 2.2rem; color: var(--primary);">Contact Details</h3>
                        
                        <div class="contact-info-item">
                            <i class="fas fa-map-marker-alt contact-icon"></i>
                            <div>
                                <h4>Corporate Office</h4>
                                <p style="color: var(--text-light);"><?php echo htmlspecialchars($settings['corporate_office']); ?></p>
                            </div>
                        </div>
                        
                        <div class="contact-info-item">
                            <i class="fas fa-phone-alt contact-icon"></i>
                            <div>
                                <h4>Phone Number</h4>
                                <p style="color: var(--text-light);"><?php echo htmlspecialchars($settings['phone']); ?></p>
                            </div>
                        </div>
                        
                        <div class="contact-info-item">
                            <i class="fas fa-envelope contact-icon"></i>
                            <div>
                                <h4>Email Address</h4>
                                <p style="color: var(--text-light);"><?php echo htmlspecialchars($settings['email']); ?></p>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="fade-up" style="transition-delay: 0.2s;">
                    <form class="contact-form" action="#" method="POST">
                        <h3 style="margin-bottom: 40px; font-family: var(--font-heading); font-size: 2.2rem; color: var(--primary);">Send an Inquiry</h3>
                        
                        <div class="form-group">
                            <label for="name">Your Name</label>
                            <input type="text" id="name" class="form-control" placeholder="John Doe" required>
                        </div>
                        
                        <div class="form-group">
                            <label for="email">Email Address</label>
                            <input type="email" id="email" class="form-control" placeholder="john@example.com" required>
                        </div>
                        
                        <div class="form-group">
                            <label for="subject">Subject</label>
                            <select id="subject" class="form-control" required>
                                <option value="">Select a Subject...</option>
                                <option value="Customer Inquiry">Customer Inquiry (Buying Property)</option>
                                <option value="Landowner Partnership">Landowner Partnership</option>
                                <option value="General Inquiry">General Inquiry</option>
                            </select>
                        </div>
                        
                        <div class="form-group">
                            <label for="message">Your Message</label>
                            <textarea id="message" class="form-control" placeholder="How can we assist you?" required></textarea>
                        </div>
                        
                        <button type="submit" class="btn btn-primary" style="width: 100%;">Submit Inquiry</button>
                    </form>
                </div>
                
            </div>
            
        </div>
    </section>

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