<?php
// On inclut le fichier pour avoir la connexion à la base de données $pdo
require_once 'connexion/auth.php';

// On va chercher le texte dans la base de données
$texte_confidentialite = '';
try {
    $stmt = $pdo->prepare("SELECT valeur FROM parametres WHERE cle = 'politique_confidentialite'");
    $stmt->execute();
    $res = $stmt->fetch(PDO::FETCH_ASSOC);
    if ($res) {
        $texte_confidentialite = $res['valeur'];
    }
} catch (Exception $e) {
    // Si la table n'existe pas encore
    $texte_confidentialite = "Les textes légaux sont en cours de rédaction.";
}
?>
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Politique de confidentialité - Saint Vaast en Chaussée</title>
    <link rel="stylesheet" href="css/global.css">
    <style>
        /* CORRECTION : On laisse la largeur s'adapter naturellement à la site-container */
        .content-area { 
            background-color: #ffffff; 
            border-radius: 25px; 
            padding: 40px; 
            width: 100%; 
            box-sizing: border-box;
            margin-top: 20px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.08); 
            line-height: 1.6;
            color: #333;
        }
        .content-area h1, .content-area h2, .content-area h3 { color: var(--nature-vert, #4a7c44); }
        .btn-retour { background-color: #eee; color: #333; text-decoration: none; padding: 8px 15px; border-radius: 8px; font-weight: bold; display: inline-block; margin-bottom: 20px; transition: 0.3s; }
        .btn-retour:hover { background-color: #ddd; }
    </style>
</head>
<body style="background-color: #f0f4f0; display: flex; flex-direction: column; align-items: center; padding: 20px;">

    <div class="site-container">
        <img src="images/banniere.png" alt="Bannière" class="banner-img">
        
        <nav><?php include 'includes/menu.php'; ?></nav>

        <main class="content-area">
            <a href="javascript:history.back()" class="btn-retour">← Retour</a>
            
            <h1 style="margin-top: 0; border-bottom: 2px solid #eee; padding-bottom: 10px;">Politique de confidentialité & Cookies</h1>
            
            <div style="margin-top: 20px;">
                <?= $texte_confidentialite ?>
            </div>
            
        </main>
    </div>

</body>
</html>