<?php
/**
 * =========================================================
 * JHARKHAND DIRECTORY v1.0.0
 * Contact Page
 * © 2026 SolutionJunction.in
 * =========================================================
 */

require_once '../includes/config.php';
require_once '../includes/db.php';
require_once '../includes/session.php';
require_once '../includes/functions.php';
require_once '../includes/mailer.php';

$page_title = 'Contact Us | Jharkhand Directory';
$page_subtitle = 'Get in touch with us';

Session::start();
$db = Database::getInstance()->getConnection();
$message = '';
$message_type = '';

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $name = sanitize($_POST['name'] ?? '');
    $email = sanitize($_POST['email'] ?? '');
    $phone = sanitize($_POST['phone'] ?? '');
    $subject = sanitize($_POST['subject'] ?? '');
    $message_text = sanitize($_POST['message'] ?? '');
    
    if (!$name || !$email || !$message_text) {
        $message = 'Please fill in all required fields.';
        $message_type = 'danger';
    } elseif (!validateEmail($email)) {
        $message = 'Please enter a valid email address.';
        $message_type = 'danger';
    } else {
        try {
            // Save to database
            $stmt = $db->prepare("INSERT INTO " . TBL_ENQUIRIES . " (name, email, phone, subject, message, ip_address) VALUES (?, ?, ?, ?, ?, ?)");
            $stmt->execute([$name, $email, $phone, $subject, $message_text, getClientIP()]);
            
            // Send email notification
            $mailer->sendContactNotification($name, $email, $subject, $message_text);
            
            $message = 'Thank you for your message. We will get back to you soon!';
            $message_type = 'success';
        } catch (Exception $e) {
            $message = 'An error occurred. Please try again later.';
            $message_type = 'danger';
        }
    }
}

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

<style>
    .contact-section {
        padding: 60px 0;
    }
    
    .contact-form {
        background-color: #f8f9fa;
        padding: 40px;
        border-radius: 8px;
    }
    
    .contact-form h2 {
        color: var(--text-color);
        margin-bottom: 30px;
        font-weight: 700;
    }
    
    .form-group {
        margin-bottom: 20px;
    }
    
    .form-group label {
        display: block;
        margin-bottom: 8px;
        font-weight: 600;
        color: var(--text-color);
    }
    
    .form-group input,
    .form-group textarea {
        width: 100%;
        padding: 12px 15px;
        border: 1px solid #ddd;
        border-radius: 4px;
        font-family: inherit;
        font-size: 14px;
    }
    
    .form-group input:focus,
    .form-group textarea:focus {
        outline: none;
        border-color: var(--primary-color);
        box-shadow: 0 0 0 3px rgba(11, 107, 87, 0.1);
    }
    
    .form-group textarea {
        resize: vertical;
        min-height: 150px;
    }
    
    .btn-submit {
        background-color: var(--primary-color);
        color: #fff;
        padding: 12px 30px;
        border: none;
        border-radius: 4px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.3s;
        width: 100%;
    }
    
    .btn-submit:hover {
        background-color: var(--primary-dark);
        transform: translateY(-2px);
    }
    
    .contact-info {
        margin-top: 60px;
    }
    
    .info-item {
        background-color: #fff;
        padding: 30px;
        border-radius: 8px;
        margin-bottom: 20px;
        border-left: 4px solid var(--primary-color);
    }
    
    .info-item h4 {
        color: var(--primary-color);
        margin-bottom: 10px;
    }
    
    .info-item p {
        margin: 0;
        color: #666;
    }
</style>

<div class="contact-section">
    <div class="container">
        <h1 style="text-align: center; margin-bottom: 50px; color: var(--text-color);">
            Contact Us
        </h1>
        
        <div class="row">
            <div class="col-md-6">
                <div class="contact-form">
                    <h2>Send us a Message</h2>
                    
                    <?php if ($message): ?>
                        <div class="alert alert-<?php echo $message_type; ?>" style="margin-bottom: 20px;">
                            <?php echo escape($message); ?>
                        </div>
                    <?php endif; ?>
                    
                    <form method="POST">
                        <div class="form-group">
                            <label>Name *</label>
                            <input type="text" name="name" required>
                        </div>
                        
                        <div class="form-group">
                            <label>Email *</label>
                            <input type="email" name="email" required>
                        </div>
                        
                        <div class="form-group">
                            <label>Phone</label>
                            <input type="tel" name="phone">
                        </div>
                        
                        <div class="form-group">
                            <label>Subject</label>
                            <input type="text" name="subject">
                        </div>
                        
                        <div class="form-group">
                            <label>Message *</label>
                            <textarea name="message" required></textarea>
                        </div>
                        
                        <button type="submit" class="btn-submit">
                            <i class="fas fa-paper-plane"></i> Send Message
                        </button>
                    </form>
                </div>
            </div>
            
            <div class="col-md-6">
                <div class="contact-info">
                    <h3 style="color: var(--text-color); margin-bottom: 30px;">Get in Touch</h3>
                    
                    <div class="info-item">
                        <h4><i class="fas fa-envelope"></i> Email</h4>
                        <p>
                            <a href="mailto:<?php echo escape(SITE_ADMIN_EMAIL); ?>" style="color: var(--primary-color); text-decoration: none;">
                                <?php echo escape(SITE_ADMIN_EMAIL); ?>
                            </a>
                        </p>
                    </div>
                    
                    <div class="info-item">
                        <h4><i class="fas fa-phone"></i> Support</h4>
                        <p>
                            <a href="mailto:<?php echo escape(DEVELOPER_EMAIL); ?>" style="color: var(--primary-color); text-decoration: none;">
                                <?php echo escape(DEVELOPER_EMAIL); ?>
                            </a>
                        </p>
                    </div>
                    
                    <div class="info-item">
                        <h4><i class="fas fa-globe"></i> Website</h4>
                        <p>
                            <a href="<?php echo escape(SITE_URL); ?>" style="color: var(--primary-color); text-decoration: none;">
                                <?php echo escape(SITE_URL); ?>
                            </a>
                        </p>
                    </div>
                    
                    <div class="info-item">
                        <h4><i class="fas fa-info-circle"></i> About</h4>
                        <p>
                            Jharkhand Directory is a comprehensive business directory covering all 24 districts of Jharkhand. We help connect citizens with trusted local businesses and services.
                        </p>
                    </div>
                    
                    <div class="info-item" style="border-left-color: var(--accent-color);">
                        <h4 style="color: var(--accent-color);"><i class="fas fa-building"></i> Developer</h4>
                        <p>
                            Developed by <a href="<?php echo escape(DEVELOPER_URL); ?>" target="_blank" style="color: var(--primary-color); text-decoration: none;">
                                <?php echo escape(DEVELOPER_NAME); ?>
                            </a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

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