<?php
// contact.php
session_start();

// Config — change ces valeurs selon ton environnement
$recipient_email = 'contact@infinitesolutions-it.com';      // adresse qui recevra les messages
$sender_domain  = 'infinitesolutions-it.com';               // domaine utilisé dans l'en-tête From
$from_email     = 'noreply@' . $sender_domain; // adresse From technique

$flash = null;

// Helper : protection contre header injection
function has_header_injection($str) {
    return preg_match("/[\r\n]|%0a|%0d/i", $str);
}

// Rate limit : 60 secondes entre 2 envois par session
$min_interval_seconds = 60;

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    // Récupération et sanitation
    $name    = isset($_POST['name']) ? trim($_POST['name']) : '';
    $email   = isset($_POST['email']) ? trim($_POST['email']) : '';
    $subject = isset($_POST['subject']) ? trim($_POST['subject']) : '';
    $message = isset($_POST['message']) ? trim($_POST['message']) : '';

    // Validation basique
    $errors = [];

    if ($name === '' || mb_strlen($name) < 2) {
        $errors[] = "Veuillez indiquer votre nom (2 caractères minimum).";
    }

    if ($email === '' || !filter_var($email, FILTER_VALIDATE_EMAIL)) {
        $errors[] = "Veuillez indiquer une adresse e-mail valide.";
    }

    if ($subject === '' || mb_strlen($subject) < 3) {
        $errors[] = "Veuillez indiquer un sujet.";
    }

    if ($message === '' || mb_strlen($message) < 10) {
        $errors[] = "Veuillez indiquer un message (10 caractères minimum).";
    }

    // Protection header injection
    if (has_header_injection($name) || has_header_injection($email) || has_header_injection($subject)) {
        $errors[] = "Données invalides détectées.";
    }

    // Rate limit check
    if (isset($_SESSION['last_contact']) && (time() - (int)$_SESSION['last_contact']) < $min_interval_seconds) {
        $errors[] = "Veuillez patienter quelques instants avant d'envoyer un nouveau message.";
    }

    if (empty($errors)) {
        // Construire l'email
        $safe_name    = htmlspecialchars($name, ENT_QUOTES, 'UTF-8');
        $safe_email   = filter_var($email, FILTER_SANITIZE_EMAIL);
        $safe_subject = htmlspecialchars($subject, ENT_QUOTES, 'UTF-8');
        $safe_message = htmlspecialchars($message, ENT_QUOTES, 'UTF-8');

        $mail_subject = "[Site ISIT] " . $safe_subject;
        $ip = $_SERVER['REMOTE_ADDR'] ?? 'n/d';
        $ua = $_SERVER['HTTP_USER_AGENT'] ?? 'n/d';

        $body = "Nouveau message depuis le formulaire de contact ISIT\n\n";
        $body .= "Nom : {$safe_name}\n";
        $body .= "E-mail : {$safe_email}\n";
        $body .= "Sujet : {$safe_subject}\n\n";
        $body .= "Message :\n{$safe_message}\n\n";
        $body .= "----\n";
        $body .= "IP : {$ip}\n";
        $body .= "User-Agent : {$ua}\n";
        $body .= "Date : " . date('Y-m-d H:i:s') . "\n";

        // En-têtes
        $headers  = "From: \"ISIT Contact\" <{$from_email}>\r\n";
        $headers .= "Reply-To: {$safe_email}\r\n";
        $headers .= "MIME-Version: 1.0\r\n";
        $headers .= "Content-Type: text/plain; charset=UTF-8\r\n";

        // Envoi
        $sent = @mail($recipient_email, $mail_subject, $body, $headers);

        if ($sent) {
            $_SESSION['last_contact'] = time();
            $_SESSION['flash'] = [
                'type' => 'success',
                'message' => "Merci — votre message a bien été envoyé. Nous vous répondrons sous 48 heures ouvrées."
            ];
            // redirection PRG pour éviter re-soumission
            header("Location: " . $_SERVER['REQUEST_URI']);
            exit;
        } else {
            $errors[] = "Erreur lors de l'envoi de l'e-mail. Essayez de nouveau plus tard.";
        }
    }

    if (!empty($errors)) {
        $_SESSION['flash'] = [
            'type' => 'error',
            'message' => implode(' ', $errors)
        ];
        header("Location: " . $_SERVER['REQUEST_URI']);
        exit;
    }
}

// Récupérer flash si présent
if (isset($_SESSION['flash'])) {
    $flash = $_SESSION['flash'];
    unset($_SESSION['flash']);
}
?>

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>AI.Tech - Artificial Intelligence HTML Template</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="" name="keywords">
    <meta content="" name="description">

    <!-- Favicon -->
    <link href="img/favicon.ico" rel="icon">

    <!-- Google Web Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&family=Ubuntu:wght@500;700&display=swap"
        rel="stylesheet">

    <!-- Icon Font Stylesheet -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">

    <!-- Libraries Stylesheet -->
    <link href="lib/animate/animate.min.css" rel="stylesheet">
    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">

    <!-- Customized Bootstrap Stylesheet -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Template Stylesheet -->
    <link href="css/style.css" rel="stylesheet">
</head>

<body>
    <!-- Spinner Start -->
    <div id="spinner"
        class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
        <div class="spinner-grow text-primary" style="width: 3rem; height: 3rem;" role="status">
            <span class="sr-only">Loading...</span>
        </div>
    </div>
    <!-- Spinner End -->


    <!-- Navbar Start -->
    <div class="container-fluid sticky-top">
        <div class="container">
            <nav class="navbar navbar-expand-lg navbar-dark p-0">
                <a href="index.html" class="navbar-brand">
                    <h1 class="text-white">AI<span class="text-dark">.</span>Tech</h1>
                </a>
                <button type="button" class="navbar-toggler ms-auto me-0" data-bs-toggle="collapse"
                    data-bs-target="#navbarCollapse">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarCollapse">
                    <div class="navbar-nav ms-auto">
                        <a href="index.html" class="nav-item nav-link">Home</a>
                        <a href="about.html" class="nav-item nav-link">About</a>
                        <a href="service.html" class="nav-item nav-link">Services</a>
                        <a href="project.html" class="nav-item nav-link">Projects</a>
                        <div class="nav-item dropdown">
                            <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Pages</a>
                            <div class="dropdown-menu bg-light mt-2">
                                <a href="feature.html" class="dropdown-item">Features</a>
                                <a href="team.html" class="dropdown-item">Our Team</a>
                                <a href="faq.html" class="dropdown-item">FAQs</a>
                                <a href="testimonial.html" class="dropdown-item">Testimonial</a>
                                <a href="404.html" class="dropdown-item">404 Page</a>
                            </div>
                        </div>
                        <a href="contact.html" class="nav-item nav-link active">Contact</a>
                    </div>
                    <butaton type="button" class="btn text-white p-0 d-none d-lg-block" data-bs-toggle="modal"
                        data-bs-target="#searchModal"><i class="fa fa-search"></i></butaton>
                </div>
            </nav>
        </div>
    </div>
    <!-- Navbar End -->


    <!-- Hero Start -->
    <div class="container-fluid pt-5 bg-primary hero-header">
        <div class="container pt-5">
            <div class="row g-5 pt-5">
                <div class="col-lg-6 align-self-center text-center text-lg-start mb-lg-5">
                    <h1 class="display-4 text-white mb-4 animated slideInRight">Contact Us</h1>
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb justify-content-center justify-content-lg-start mb-0">
                            <li class="breadcrumb-item"><a class="text-white" href="#">Home</a></li>
                            <li class="breadcrumb-item"><a class="text-white" href="#">Pages</a></li>
                            <li class="breadcrumb-item text-white active" aria-current="page">Contact Us</li>
                        </ol>
                    </nav>
                </div>
                <div class="col-lg-6 align-self-end text-center text-lg-end">
                    <img class="img-fluid" src="img/hero-img.png" alt="" style="max-height: 300px;">
                </div>
            </div>
        </div>
    </div>
    <!-- Hero End -->


    <!-- Full Screen Search Start -->
    <div class="modal fade" id="searchModal" tabindex="-1">
        <div class="modal-dialog modal-fullscreen">
            <div class="modal-content" style="background: rgba(20, 24, 62, 0.7);">
                <div class="modal-header border-0">
                    <button type="button" class="btn btn-square bg-white btn-close" data-bs-dismiss="modal"
                        aria-label="Close"></button>
                </div>
                <div class="modal-body d-flex align-items-center justify-content-center">
                    <div class="input-group" style="max-width: 600px;">
                        <input type="text" class="form-control bg-transparent border-light p-3"
                            placeholder="Type search keyword">
                        <button class="btn btn-light px-4"><i class="bi bi-search"></i></button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Full Screen Search End -->


    <!-- Contact Start -->
    <div class="container-fluid py-5">
    <div class="container py-5">
        <div class="row justify-content-center">
            <div class="col-lg-8">
                <?php if ($flash): ?>
                    <div class="<?php echo $flash['type'] === 'success' ? 'flash-success' : 'flash-error'; ?>">
                        <?php echo htmlspecialchars($flash['message'], ENT_QUOTES, 'UTF-8'); ?>
                    </div>
                <?php endif; ?>

                <form method="post" action="" id="contact-form" novalidate>
                    <div class="row g-3">
                        <div class="col-md-6">
                            <div class="form-floating">
                                <input name="name" type="text" class="form-control" id="name" placeholder="Votre nom" required>
                                <label for="name">Votre nom</label>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-floating">
                                <input name="email" type="email" class="form-control" id="email" placeholder="Votre e-mail" required>
                                <label for="email">Votre e-mail</label>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="form-floating">
                                <input name="subject" type="text" class="form-control" id="subject" placeholder="Sujet" required>
                                <label for="subject">Sujet</label>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="form-floating">
                                <textarea name="message" class="form-control" placeholder="Votre message" id="message" style="height:150px" required></textarea>
                                <label for="message">Message</label>
                            </div>
                        </div>
                        <div class="col-12">
                            <button id="submitBtn" class="btn btn-primary w-100 py-3" type="submit">Envoyer le message</button>
                        </div>
                    </div>
                </form>

                <p class="text-muted mt-3 small">En envoyant ce formulaire, vous acceptez que nous utilisions vos données pour traiter votre demande. Voir notre <a href="privacy.html">politique de confidentialité</a>.</p>
            </div>
        </div>
    </div>
    </div>
    <!-- Contact End -->
        


    <!-- Newsletter Start -->
    <div class="container-fluid bg-primary newsletter py-5">
        <div class="container">
            <div class="row g-5 align-items-center">
                <div class="col-md-5 ps-lg-0 pt-5 pt-md-0 text-start wow fadeIn" data-wow-delay="0.3s">
                    <img class="img-fluid" src="img/newsletter.png" alt="Newsletter ISIT">
                </div>
                <div class="col-md-7 py-5 newsletter-text wow fadeIn" data-wow-delay="0.5s">
                    <div class="btn btn-sm border rounded-pill text-white px-3 mb-3">Newsletter</div>
                    <h1 class="text-white mb-4">Abonnez-vous pour recevoir des études de cas & insights</h1>
                    <div class="position-relative w-100 mt-3 mb-2">
                        <input class="form-control border-0 rounded-pill w-100 ps-4 pe-5" type="text"
                            placeholder="Votre email" style="height: 48px;">
                        <button type="button" class="btn shadow-none position-absolute top-0 end-0 mt-1 me-2"><i
                                class="fa fa-paper-plane text-primary fs-4"></i></button>
                    </div>
                    <small class="text-white-50">Recevez des conseils pratiques pour piloter vos opérations.</small>
                </div>
            </div>
        </div>
    </div>
    <!-- Newsletter End -->

       <!-- Footer Start -->
    <div class="container-fluid bg-dark text-white-50 footer pt-5">
        <div class="container py-5">
            <div class="row g-5">
                <div class="col-md-6 col-lg-3 wow fadeIn" data-wow-delay="0.1s">
                    <a href="index.html" class="d-inline-block mb-3">
                        <h1 class="text-white">ISIT<span class="text-primary">.</span>Infinite</h1>
                    </a>
                    <p class="mb-0">ISIT conçoit des solutions numériques pour que les entreprises pilotent leurs opérations en confiance : gain de temps, traçabilité et optimisation des coûts.</p>
                </div>
                <div class="col-md-6 col-lg-3 wow fadeIn" data-wow-delay="0.3s">
                    <h5 class="text-white mb-4">Nous contacter</h5>
                    <p><i class="fa fa-map-marker-alt me-3"></i>Votre adresse (Ville, Pays)</p>
                    <p><i class="fa fa-phone-alt me-3"></i>+229 00 00 00 00</p>
                    <p><i class="fa fa-envelope me-3"></i>contact@isit.com</p>
                    <div class="d-flex pt-2">
                        <a class="btn btn-outline-light btn-social" href=""><i class="fab fa-twitter"></i></a>
                        <a class="btn btn-outline-light btn-social" href=""><i class="fab fa-facebook-f"></i></a>
                        <a class="btn btn-outline-light btn-social" href=""><i class="fab fa-youtube"></i></a>
                        <a class="btn btn-outline-light btn-social" href=""><i class="fab fa-instagram"></i></a>
                        <a class="btn btn-outline-light btn-social" href=""><i class="fab fa-linkedin-in"></i></a>
                    </div>
                </div>
                <div class="col-md-6 col-lg-3 wow fadeIn" data-wow-delay="0.5s">
                    <h5 class="text-white mb-4">Liens utiles</h5>
                    <a class="btn btn-link" href="about.html">À propos</a>
                    <a class="btn btn-link" href="contact.html">Contact</a>
                    <a class="btn btn-link" href="privacy.html">Politique de confidentialité</a>
                    <a class="btn btn-link" href="terms.html">Conditions générales</a>
                    <a class="btn btn-link" href="career.html">Carrières</a>
                </div>
                <div class="col-md-6 col-lg-3 wow fadeIn" data-wow-delay="0.7s">
                    <h5 class="text-white mb-4">Nos services</h5>
                    <a class="btn btn-link" href="service.html">Conseil & Audit</a>
                    <a class="btn btn-link" href="service.html">Développement sur-mesure</a>
                    <a class="btn btn-link" href="feature.html">Solutions SaaS</a>
                    <a class="btn btn-link" href="feature.html">Data & IA</a>
                    <a class="btn btn-link" href="contact.html">Formation & Support</a>
                </div>
            </div>
        </div>
        <div class="container wow fadeIn" data-wow-delay="0.1s">
            <div class="copyright">
                <div class="row">
                    <div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
                        &copy; <a class="border-bottom" href="#">ISIT — Infinite Solution IT</a>, Tous droits réservés.
                        Designed By <a class="border-bottom" href="https://htmlcodex.com">HTML Codex</a>
                    </div>
                    <div class="col-md-6 text-center text-md-end">
                        <div class="footer-menu">
                            <a href="index.html">Accueil</a>
                            <a href="cookie.html">Cookies</a>
                            <a href="help.html">Aide</a>
                            <a href="faq.html">FAQ</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Footer End -->


    <!-- Back to Top -->
    <a href="#" class="btn btn-lg btn-primary btn-lg-square back-to-top pt-2"><i class="bi bi-arrow-up"></i></a>

    <!-- JavaScript Libraries -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
    <script src="lib/wow/wow.min.js"></script>
    <script src="lib/easing/easing.min.js"></script>
    <script src="lib/waypoints/waypoints.min.js"></script>
    <script src="lib/counterup/counterup.min.js"></script>
    <script src="lib/owlcarousel/owl.carousel.min.js"></script>

    <!-- Template Javascript -->
    <script src="js/main.js"></script>
</body>

</html>