<?php
require_once 'db.php';
$conn = dbconnect();

$success = "";
$error = "";
$qr_token = ""; 
$attending_status = "";

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $guest_name = trim($_POST['guest_name'] ?? '');
    $contact = trim($_POST['contact'] ?? ''); 
    $attending = trim($_POST['attending'] ?? '');
    $pajama_night = isset($_POST['pajama_night']) ? 1 : 0;
    $dietary = trim($_POST['dietary'] ?? '');

    if (!empty($guest_name) && !empty($attending)) {
        
        $qr_token = md5(uniqid(rand(), true));
        $attending_status = $attending;

        $stmt = $conn->prepare("INSERT INTO rsvp (guest_name, contact, attending, pajama_night, dietary, qr_token) VALUES (?, ?, ?, ?, ?, ?)");
        if ($stmt) {
            $stmt->bind_param("ssssis", $guest_name, $contact, $attending, $pajama_night, $dietary, $qr_token);

            if ($stmt->execute()) {
                if ($attending === 'yes') {
                    $success = "Ta réponse a bien été enregistrée. Hâte de te voir !";
                } else {
                    $success = "Ton absence a bien été prise en compte. Dommage, une prochaine fois !";
                }
            } else {
                $error = "Une erreur est survenue lors de l'enregistrement : " . $stmt->error;
            }
            $stmt->close();
        } else {
            $error = "Erreur de base de données : " . $conn->error;
        }
    } else {
        $error = "Merci de renseigner ton nom et d'indiquer si tu seras présent(e).";
    }
}
?>
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Confirmation de présence — 18 ANS Martchella</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Montserrat:wght@300;400;600;800&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="invitation.css">
</head>
<body>

    <!-- PARTICULES -->
    <div id="particles"></div>

    <!-- MENU ÉPURÉ -->
    <nav>
        <span>18yoo</span>
        <div>
            <a href="index.php">Accueil</a>
            <a href="details.php">Détails de la fete</a>
            <a href="soundboard.php">Proposer des sons</a>
            <a href="activites.php">Proposer des Jeus/Activités</a>
            <a href="regles.php">Règles d'or</a>
            <a href="rsvp.php" class="active">Confirmer la présence</a>
        </div>
    </nav>

    <!-- CONTENU RSVP -->
    <main style="padding: 10rem 2rem 5rem 2rem; max-width: 700px; margin: 0 auto; position: relative; z-index: 1;">
        
        <div style="text-align: center; margin-bottom: 3rem;">
            <div class="badge">Confirmation</div>
            <h1 class="main-title" style="font-size: clamp(2.5rem, 6vw, 4rem);">Confirmer<br><span>Ta Venue</span></h1>
            <p class="date-line">11 Septembre 2026 — Dis-moi tout</p>
        </div>

        <?php if (!empty($success)): ?>
            <div style="background: rgba(223, 188, 83, 0.1); border: 1px solid var(--gold); padding: 1.5rem; text-align: center; margin-bottom: 2rem; border-radius: 4px; color: var(--gold-light);">
                <p style="font-size: 1.1rem; font-weight: 600;"><?= htmlspecialchars($success) ?></p>

                <!-- Si la personne a confirmé sa venue ("yes"), on affiche son QR Code -->
                <?php if ($attending_status === 'yes' && !empty($qr_token)): ?>
                    <div style="margin-top: 2rem; border-top: 1px solid rgba(223, 188, 83, 0.3); padding-top: 1.5rem;">
                        <p style="font-family: 'Playfair Display', serif; font-size: 1.3rem; color: var(--gold-light); margin-bottom: 0.5rem;">Ton sésame d'entrée VIP</p>
                        <p style="font-size: 0.85rem; color: var(--text-muted); margin-bottom: 1.5rem;">Fais une capture d'écran de ce QR code, il te sera demandé à l'arrivée !</p>
                        
                        <?php 
                            $protocol = isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? "https" : "http";
                            $protocol = "http";
                            $host = "192.168.88.251";
                            $path = "/18yoo";        // Le nom de ton dossier sur ton serveur
                            // $path = rtrim(dirname($_SERVER['PHP_SELF']), '/\\'); // Récupère automatiquement le dossier actuel
                            // $checkin_url = "$protocol://$host$path/checkin.php?token=$qr_token";
                            // $checkin_url = "http://192.168.88.251/18yoo/checkin.php?token=" . $qr_token;
                            $checkin_url = "http://192.168.88.251/martch/18yoo/checkin.php?token=" . $qr_token;
                            $qr_api_url = "https://api.qrserver.com/v1/create-qr-code/?size=180x180&data=" . urlencode($checkin_url);
                        ?>

                        <div style="background: white; padding: 12px; display: inline-block; border-radius: 4px; box-shadow: 0 5px 15px rgba(0,0,0,0.3);">
                            <img src="<?= $qr_api_url ?>" alt="QR Code d'accès" style="display: block; width: 180px; height: 180px;">
                        </div>
                    </div>
                <?php endif; ?>
            </div>
        <?php endif; ?>

        <?php if (!empty($error)): ?>
            <div style="background: rgba(88, 17, 26, 0.4); border: 1px solid var(--bordeaux); padding: 1.2rem; text-align: center; margin-bottom: 2rem; border-radius: 4px; color: #ff9999;">
                <?= htmlspecialchars($error) ?>
            </div>
        <?php endif; ?>

        <!-- FORMULAIRE -->
        <?php if (empty($success)): ?>
        <form method="POST" style="background: var(--bg-card); border: 1px solid var(--border); padding: 3rem 2.5rem; border-radius: 4px; box-shadow: 0 15px 35px rgba(0,0,0,0.5);">
            
            <div style="margin-bottom: 1.5rem;">
                <label style="display: block; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.2em; color: var(--text-muted); margin-bottom: 0.5rem;">Ton Prénom / Pseudo</label>
                <input type="text" name="guest_name" required style="width: 100%; padding: 1rem; background: var(--bg-main); border: 1px solid var(--border); color: var(--text-main); font-family: 'Montserrat', sans-serif; border-radius: 2px;">
            </div>

            <div style="margin-bottom: 1.5rem;">
                <label style="display: block; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.2em; color: var(--text-muted); margin-bottom: 0.5rem;">Contact (Insta, WhatsApp, Numero de telephone,...)</label>
                <input type="text" name="contact" style="width: 100%; padding: 1rem; background: var(--bg-main); border: 1px solid var(--border); color: var(--text-main); font-family: 'Montserrat', sans-serif; border-radius: 2px;" placeholder="Ex:nom_insta, 03X 00 000 00">
            </div>

            <div style="margin-bottom: 1.5rem;">
                <label style="display: block; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.2em; color: var(--text-muted); margin-bottom: 0.5rem;">Seras-tu des nôtres ?</label>
                <select name="attending" required style="width: 100%; padding: 1rem; background: var(--bg-main); border: 1px solid var(--border); color: var(--text-main); font-family: 'Montserrat', sans-serif; border-radius: 2px;">
                    <option value="" disabled selected>Choisis une option</option>
                    <option value="yes">Oui, carrément présent(e) !</option>
                    <option value="no">Malheureusement absent(e)</option>
                </select>
            </div>

            <div style="margin-bottom: 1.5rem; display: flex; align-items: center; gap: 1rem; background: var(--bg-main); padding: 1rem; border: 1px solid var(--border); border-radius: 2px;">
                <input type="checkbox" id="pajama_night" name="pajama_night" value="1" style="width: 20px; height: 20px; accent-color: var(--gold); cursor: pointer;">
                <label for="pajama_night" style="font-size: 0.85rem; color: var(--text-main); cursor: pointer;">Je participe à la Pyjama Night (reste dormir)</label>
            </div>
<!-- 
            <div style="margin-bottom: 2.5rem;">
                <label style="display: block; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.2em; color: var(--text-muted); margin-bottom: 0.5rem;">Allergies ou régimes alimentaires particuliers (Optionnel)</label>
                <input type="text" name="dietary" style="width: 100%; padding: 1rem; background: var(--bg-main); border: 1px solid var(--border); color: var(--text-main); font-family: 'Montserrat', sans-serif; border-radius: 2px;" placeholder="Ex: Végétarien, sans gluten, sans porc...">
            </div> -->

            <button type="submit" class="btn-submit">Envoyer ma confirmation</button>

        </form>
        <?php endif; ?>

    </main>

    <!-- FOOTER -->
    <footer>
        <div class="footer-glam">See you there twinnn !</div>
        <p>Martchella — 18 ans — 11.09.2026</p>
    </footer>

    <script src="script.js"></script>
</body>
</html>