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

<main class="min-h-screen py-16 bg-alsace-cream">
    <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
        <h2 class="font-serif text-3xl md:text-4xl font-bold text-alsace-red mb-8 border-b-2 border-alsace-red pb-4">
            Plan du Site
        </h2>

        <div class="bg-white rounded-2xl shadow-lg p-8 md:p-12 prose max-w-none text-gray-700 leading-relaxed">
            <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
                <!-- Site Sections -->
                <div>
                    <h3 class="text-alsace-red flex items-center">
                        <i data-lucide="home" class="w-5 h-5 mr-2"></i> Accueil & Actualités
                    </h3>
                    <ul class="list-none pl-5 space-y-2">
                        <li><a href="index.php" class="hover:text-alsace-red hover:underline transition">Accueil du site</a></li>
                        <li><a href="actualites.php" class="hover:text-alsace-red hover:underline transition">Actualités & Événements</a></li>
                        <li><a href="recherche.php" class="hover:text-alsace-red hover:underline transition">Rechercher sur le site</a></li>
                    </ul>

                    <h3 class="text-alsace-red mt-8 flex items-center">
                        <i data-lucide="building" class="w-5 h-5 mr-2"></i> Mairie & Démarches
                    </h3>
                    <ul class="list-none pl-5 space-y-2">
                        <li><a href="mot-du-maire.php" class="hover:text-alsace-red hover:underline transition">Le mot du Maire</a></li>
                        <li><a href="conseil-municipal.php" class="hover:text-alsace-red hover:underline transition">Le conseil municipal</a></li>
                        <li><a href="demarches.php" class="hover:text-alsace-red hover:underline transition">Démarches administratives</a></li>
                        <li><a href="publications.php" class="hover:text-alsace-red hover:underline transition">Publications officielles</a></li>
                        <li><a href="personnel.php" class="hover:text-alsace-red hover:underline transition">Personnel communal</a></li>
                    </ul>

                    <h3 class="text-alsace-red mt-8 flex items-center">
                        <i data-lucide="users" class="w-5 h-5 mr-2"></i> Vivre au Village
                    </h3>
                    <ul class="list-none pl-5 space-y-2">
                        <li><a href="enfance.php" class="hover:text-alsace-red hover:underline transition">Enfance & Scolarité</a></li>
                        <li><a href="environnement.php" class="hover:text-alsace-red hover:underline transition">Environnement & Déchets</a></li>
                        <li><a href="salles.php" class="hover:text-alsace-red hover:underline transition">Salles communales</a></li>
                    </ul>
                </div>

                <div>
                    <h3 class="text-alsace-red flex items-center">
                        <i data-lucide="calendar" class="w-5 h-5 mr-2"></i> Loisirs & Sorties
                    </h3>
                    <ul class="list-none pl-5 space-y-2">
                        <li><a href="associations.php" class="hover:text-alsace-red hover:underline transition">Annuaire des associations</a></li>
                        <li><a href="agenda.php" class="hover:text-alsace-red hover:underline transition">Agenda des manifestations</a></li>
                        <li><a href="cultes.php" class="hover:text-alsace-red hover:underline transition">Cultes et Paroisses</a></li>
                    </ul>

                    <h3 class="text-alsace-red mt-8 flex items-center">
                        <i data-lucide="map" class="w-5 h-5 mr-2"></i> Découvrir Kutzenhausen
                    </h3>
                    <ul class="list-none pl-5 space-y-2">
                        <li><a href="histoire-patrimoine.php" class="hover:text-alsace-red hover:underline transition">Histoire et Patrimoine</a></li>
                        <li><a href="maison-rurale.php" class="hover:text-alsace-red hover:underline transition">La Maison Rurale</a></li>
                        <li><a href="plan.php" class="hover:text-alsace-red hover:underline transition">Plan et Randonnées</a></li>
                    </ul>

                    <h3 class="text-alsace-red mt-8 flex items-center">
                        <i data-lucide="shield" class="w-5 h-5 mr-2"></i> Informations Légales
                    </h3>
                    <ul class="list-none pl-5 space-y-2">
                        <li><a href="mentions-legales.php" class="hover:text-alsace-red hover:underline transition">Mentions légales</a></li>
                        <li><a href="accessibilite.php" class="hover:text-alsace-red hover:underline transition">Accessibilité</a></li>
                        <li><a href="politique-confidentialite.php" class="hover:text-alsace-red hover:underline transition">Politique de confidentialité</a></li>
                        <li><a href="plan-du-site.php" class="hover:text-alsace-red hover:underline transition">Plan du site</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</main>

<script>
    if(typeof lucide !== 'undefined') {
        lucide.createIcons();
    }
</script>

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