<?php
require_once 'includes/db.php';
require_once 'includes/functions.php';

$pageDescription = 'Get in touch with our team. We\'re here to help with any questions about job postings, applications, or employer services.';
$pageKeywords = 'contact us, support, help, customer service, job board contact';

$success = '';
$error = '';
$contactSettings = getAllSettings($pdo);

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $name = trim($_POST['name'] ?? '');
    $email = trim($_POST['email'] ?? '');
    $subject = trim($_POST['subject'] ?? '');
    $message = trim($_POST['message'] ?? '');
    
    if (empty($name) || empty($email) || empty($subject) || empty($message)) {
        $error = 'Please fill in all required fields.';
    } elseif (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
        $error = 'Please enter a valid email address.';
    } else {
        try {
            $stmt = $pdo->prepare("INSERT INTO contact_messages (name, email, subject, message) VALUES (?, ?, ?, ?)");
            $stmt->execute([$name, $email, $subject, $message]);
            $success = 'Thank you for your message! We will get back to you soon.';
            $name = $email = $subject = $message = '';
        } catch (PDOException $e) {
            $error = 'An error occurred while sending your message. Please try again later.';
        }
    }
}

$pageTitle = 'Contact Us';

require_once 'includes/header.php';
?>

<section class="hero" style="padding: 60px 0;">
    <div class="container">
        <div class="hero-content">
            <h1>Contact Us</h1>
            <p>Have questions? We'd love to hear from you. Send us a message and we'll respond as soon as possible.</p>
        </div>
    </div>
</section>

<section style="padding: 80px 0; background: var(--white);">
    <div class="container">
        <div class="contact-page-layout">
            <div>
                <h2 style="font-size: 1.75rem; margin-bottom: 25px;">Send us a Message</h2>
                
                <?php if ($success): ?>
                    <div class="alert alert-success">
                        <i class="fas fa-check-circle"></i>
                        <?php echo $success; ?>
                    </div>
                <?php endif; ?>
                
                <?php if ($error): ?>
                    <div class="alert alert-danger">
                        <i class="fas fa-times-circle"></i>
                        <?php echo $error; ?>
                    </div>
                <?php endif; ?>
                
                <form method="POST" action="">
                    <div class="form-group">
                        <label for="name">Name <span style="color: var(--danger);">*</span></label>
                        <input type="text" id="name" name="name" class="form-control" placeholder="Your full name" required value="<?php echo sanitize($name ?? ''); ?>">
                    </div>
                    
                    <div class="form-group">
                        <label for="email">Email <span style="color: var(--danger);">*</span></label>
                        <input type="email" id="email" name="email" class="form-control" placeholder="your@email.com" required value="<?php echo sanitize($email ?? ''); ?>">
                    </div>
                    
                    <div class="form-group">
                        <label for="subject">Subject <span style="color: var(--danger);">*</span></label>
                        <select id="subject" name="subject" class="form-control" required>
                            <option value="">Select a subject</option>
                            <option value="General Inquiry" <?php echo (isset($subject) && $subject === 'General Inquiry') ? 'selected' : ''; ?>>General Inquiry</option>
                            <option value="Support" <?php echo (isset($subject) && $subject === 'Support') ? 'selected' : ''; ?>>Support</option>
                            <option value="Partnership" <?php echo (isset($subject) && $subject === 'Partnership') ? 'selected' : ''; ?>>Partnership</option>
                            <option value="Feedback" <?php echo (isset($subject) && $subject === 'Feedback') ? 'selected' : ''; ?>>Feedback</option>
                        </select>
                    </div>
                    
                    <div class="form-group">
                        <label for="message">Message <span style="color: var(--danger);">*</span></label>
                        <textarea id="message" name="message" class="form-control" placeholder="How can we help you?" required rows="6"><?php echo sanitize($message ?? ''); ?></textarea>
                    </div>
                    
                    <button type="submit" class="btn btn-primary btn-lg">
                        <i class="fas fa-paper-plane"></i> Send Message
                    </button>
                </form>
            </div>
            
            <div>
                <h2 style="font-size: 1.75rem; margin-bottom: 25px;">Contact Information</h2>
                
                <div class="card" style="padding: 30px;">
                    <div style="margin-bottom: 25px;">
                        <div style="display: flex; align-items: center; gap: 15px; margin-bottom: 10px;">
                            <div style="width: 45px; height: 45px; background: var(--gray-100); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--primary);">
                                <i class="fas fa-envelope"></i>
                            </div>
                            <div>
                                <h4 style="font-size: 1rem; margin-bottom: 3px;">Email</h4>
                                <a href="mailto:<?php echo sanitize($contactSettings['support_email'] ?? $contactSettings['site_email'] ?? 'contact@jobboard.com'); ?>" style="color: var(--primary);"><?php echo sanitize($contactSettings['support_email'] ?? $contactSettings['site_email'] ?? 'contact@jobboard.com'); ?></a>
                            </div>
                        </div>
                    </div>
                    
                    <div style="margin-bottom: 25px;">
                        <div style="display: flex; align-items: center; gap: 15px; margin-bottom: 10px;">
                            <div style="width: 45px; height: 45px; background: var(--gray-100); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--primary);">
                                <i class="fas fa-phone"></i>
                            </div>
                            <div>
                                <h4 style="font-size: 1rem; margin-bottom: 3px;">Phone</h4>
                                <a href="tel:<?php echo sanitize($contactSettings['phone_number'] ?? '+1 (555) 123-4567'); ?>" style="color: var(--gray-600);"><?php echo sanitize($contactSettings['phone_number'] ?? '+1 (555) 123-4567'); ?></a>
                            </div>
                        </div>
                    </div>
                    
                    <?php if (!empty($contactSettings['whatsapp_number'])): ?>
                    <div style="margin-bottom: 25px;">
                        <div style="display: flex; align-items: center; gap: 15px; margin-bottom: 10px;">
                            <div style="width: 45px; height: 45px; background: #25d36620; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #25d366;">
                                <i class="fab fa-whatsapp"></i>
                            </div>
                            <div>
                                <h4 style="font-size: 1rem; margin-bottom: 3px;">WhatsApp</h4>
                                <a href="https://wa.me/<?php echo preg_replace('/[^0-9]/', '', $contactSettings['whatsapp_number']); ?>" target="_blank" style="color: #25d366;"><?php echo sanitize($contactSettings['whatsapp_number']); ?></a>
                            </div>
                        </div>
                    </div>
                    <?php endif; ?>
                    
                    <div>
                        <div style="display: flex; align-items: center; gap: 15px;">
                            <div style="width: 45px; height: 45px; background: var(--gray-100); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--primary);">
                                <i class="fas fa-map-marker-alt"></i>
                            </div>
                            <div>
                                <h4 style="font-size: 1rem; margin-bottom: 3px;">Address</h4>
                                <p style="color: var(--gray-600); margin: 0;"><?php echo nl2br(sanitize($contactSettings['office_address'] ?? '123 Business St, New York, NY 10001')); ?></p>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="card" style="padding: 25px; margin-top: 25px; text-align: center;">
                    <h4 style="margin-bottom: 10px;">Business Hours</h4>
                    <p style="color: var(--gray-600); margin: 0;">Monday - Friday: 9AM - 6PM<br>Saturday - Sunday: Closed</p>
                </div>
            </div>
        </div>
    </div>
</section>

<style>
.contact-page-layout {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 50px;
    max-width: 1000px;
    margin: 0 auto;
    min-width: 0;
}

.contact-page-layout > div {
    min-width: 0;
}

@media (max-width: 992px) {
    .contact-page-layout {
        grid-template-columns: 1fr;
        gap: 32px;
    }
}
</style>

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