<script setup>
import { Head, Link } from '@inertiajs/vue3';
</script>

<template>
    <Head title="Politique de Confidentialité" />

    <div class="min-h-screen bg-sand/30 font-sans text-anthracite selection:bg-highlight selection:text-anthracite">
        <!-- Navigation -->
        <nav class="relative z-50 flex items-center justify-between px-6 py-8 md:px-12 max-w-7xl mx-auto">
            <Link href="/" class="flex items-center gap-3 group">
                <img src="/images/logo.png" alt="Logo" class="h-12 object-contain group-hover:scale-105 transition-transform duration-300" />
            </Link>
            
            <div class="flex items-center gap-4">
                <Link :href="route('login')" class="px-8 py-3 bg-highlight text-[#3a2800] rounded-lg font-subtitle font-bold text-sm hover:brightness-110 hover:-translate-y-0.5 hover:shadow-xl hover:shadow-highlight/20 transition-all duration-300">
                    Connexion
                </Link>
            </div>
        </nav>

        <main class="max-w-4xl mx-auto py-16 px-6">
            <div class="bg-white rounded-[40px] shadow-sm border border-anthracite/5 p-8 md:p-16">
                <h1 class="text-4xl md:text-5xl font-serif font-black text-primary mb-8 tracking-tight">
                    Politique de Confidentialité <br/>
                    <span class="text-highlight text-2xl md:text-3xl">& Mentions Légales</span>
                </h1>

                <div class="prose prose-slate max-w-none space-y-12 text-anthracite/80 leading-relaxed">
                    
                    <section>
                        <h2 class="text-xl font-black uppercase tracking-widest text-primary mb-4 border-b border-highlight/30 pb-2 w-fit">Définitions</h2>
                        <div class="space-y-4 text-sm font-medium">
                            <p><strong class="text-primary">Utilisateur :</strong> Tout internaute qui navigue, lit, visionne et utilise le site https://recruit.galiniere.net.</p>
                            <p><strong class="text-primary">Contenu :</strong> Ensemble des éléments constituants l’information présente sur le Site (textes, images, vidéos).</p>
                            <p><strong class="text-primary">Informations personnelles :</strong> « Les informations qui permettent, sous quelque forme que ce soit, directement ou non, l'identification des personnes physiques auxquelles elles s'appliquent » (article 4 de la loi n° 78-17 du 6 janvier 1978). Cela inclut : nom, prénom, date de naissance, téléphone, email, CV et lettre de motivation.</p>
                        </div>
                    </section>

                    <section>
                        <h2 class="text-xl font-black uppercase tracking-widest text-primary mb-6 border-b border-highlight/30 pb-2 w-fit">1. Présentation du site internet</h2>
                        <p class="text-sm mb-4">En vertu de l'article 6 de la loi n° 2004-575 du 21 juin 2004, l'identité des intervenants est précisée :</p>
                        <div class="grid md:grid-cols-2 gap-4">
                            <div class="bg-sand/20 p-5 rounded-2xl border border-anthracite/5">
                                <span class="text-[10px] font-black uppercase tracking-widest text-anthracite/40 block mb-1">Propriétaire</span>
                                <p class="text-sm font-bold">Communauté d'agglomération Béziers Méditerranée (CABM)</p>
                                <p class="text-xs text-anthracite/60">39 boulevard de Verdun, 34500 Béziers</p>
                            </div>
                            <div class="bg-sand/20 p-5 rounded-2xl border border-anthracite/5">
                                <span class="text-[10px] font-black uppercase tracking-widest text-anthracite/40 block mb-1">Hébergeur</span>
                                <p class="text-sm font-bold">Communauté d'agglomération Béziers Méditerranée</p>
                                <p class="text-xs text-anthracite/60">39 boulevard de Verdun, 34500 Béziers</p>
                            </div>
                            <div class="bg-sand/20 p-5 rounded-2xl border border-anthracite/5">
                                <span class="text-[10px] font-black uppercase tracking-widest text-anthracite/40 block mb-1">Responsable Publication & Webmaster</span>
                                <p class="text-sm font-bold">Robert Ménard</p>
                                <p class="text-xs text-primary font-bold">informatique@beziers-mediterranee.fr</p>
                            </div>
                            <div class="bg-sand/20 p-5 rounded-2xl border border-anthracite/5">
                                <span class="text-[10px] font-black uppercase tracking-widest text-anthracite/40 block mb-1">Délégué à la protection des données (DPO)</span>
                                <p class="text-sm font-bold">Robert Ménard</p>
                                <p class="text-xs text-primary font-bold">dpo@beziers-mediterranee.fr</p>
                            </div>
                        </div>
                    </section>

                    <section>
                        <h2 class="text-xl font-black uppercase tracking-widest text-primary mb-4 border-b border-highlight/30 pb-2 w-fit">2. Conditions générales d’utilisation (CGU)</h2>
                        <div class="space-y-4 text-sm font-medium">
                            <p>Le Site est une œuvre de l’esprit protégée par le Code de la Propriété Intellectuelle. L’utilisation du site implique l’acceptation pleine et entière des conditions d’utilisation.</p>
                            <p>Le site est normalement accessible à tout moment. Une interruption pour maintenance technique peut être décidée par la CABM, qui s’efforcera de communiquer préalablement les dates et heures de l’intervention.</p>
                        </div>
                    </section>

                    <section>
                        <h2 class="text-xl font-black uppercase tracking-widest text-primary mb-4 border-b border-highlight/30 pb-2 w-fit">3. Description des services fournis</h2>
                        <div class="space-y-4 text-sm font-medium">
                            <p>Le site https://recruit.galiniere.net a pour objet de fournir une information concernant les offres d’emploi diffusées par la CABM. En tant que responsable, la CABM s’efforce de fournir des informations précises, mais ne pourra être tenue responsable des omissions ou inexactitudes dans la mise à jour, qu'elles soient de son fait ou du fait de tiers partenaires.</p>
                        </div>
                    </section>

                    <section>
                        <h2 class="text-xl font-black uppercase tracking-widest text-primary mb-4 border-b border-highlight/30 pb-2 w-fit">4. Limitations contractuelles sur les données techniques</h2>
                        <div class="space-y-4 text-sm font-medium">
                            <p>Le site utilise la technologie JavaScript. La CABM ne pourra être tenue responsable de dommages matériels liés à l’utilisation du site. L’utilisateur s’engage à accéder au site avec un matériel récent, sans virus et avec un navigateur de dernière génération mis à jour. L'hébergement est assuré sur le territoire de l’Union Européenne conformément au RGPD.</p>
                        </div>
                    </section>

                    <section>
                        <h2 class="text-xl font-black uppercase tracking-widest text-primary mb-4 border-b border-highlight/30 pb-2 w-fit">5. Propriété intellectuelle</h2>
                        <div class="space-y-4 text-sm font-medium">
                            <p>La CABM est propriétaire des droits de propriété intellectuelle sur tous les éléments du site (textes, graphismes, logos, etc.). Toute reproduction ou adaptation est interdite sans autorisation écrite préalable. Toute exploitation non autorisée sera considérée comme une contrefaçon (articles L.335-2 et suivants du Code de Propriété Intellectuelle).</p>
                        </div>
                    </section>

                    <section class="bg-primary p-8 md:p-12 rounded-[32px] text-white">
                        <h2 class="text-xl font-black uppercase tracking-widest text-highlight mb-6 border-b border-white/20 pb-2 w-fit">6. Gestion des données personnelles</h2>
                        <div class="space-y-8 text-sm opacity-90 leading-relaxed">
                            <div>
                                <h3 class="font-black uppercase text-xs mb-2 text-white">7.1 Responsable de la collecte</h3>
                                <p>Le responsable du traitement des Données Personnelles est la Communauté d'agglomération Béziers Méditerranée (CABM), représentée par Robert Ménard.</p>
                            </div>

                            <div>
                                <h3 class="font-black uppercase text-xs mb-2 text-white">7.2 Finalité des données collectées</h3>
                                <p class="mb-4">Le site est susceptible de traiter les données pour :</p>
                                <ul class="list-disc list-inside space-y-2 ml-2">
                                    <li>Permettre la navigation et la gestion des candidatures (dépôt de CV, lettres de motivation).</li>
                                    <li>Prévenir et lutter contre la fraude informatique (hacking, spamming).</li>
                                    <li>Améliorer la navigation et mener des enquêtes de satisfaction facultatives.</li>
                                    <li>Mener des campagnes de communication (mail, SMS, téléphone) liées au recrutement.</li>
                                </ul>
                                <p class="mt-4 font-black text-highlight italic">Note : Vos données ne sont jamais commercialisées.</p>
                            </div>

                            <div>
                                <h3 class="font-black uppercase text-xs mb-2 text-white">7.3 Droits des utilisateurs</h3>
                                <p class="mb-4">Conformément au RGPD, les utilisateurs disposent des droits suivants :</p>
                                <ul class="list-disc list-inside space-y-2 ml-2">
                                    <li>Droit d’accès, de rectification, de mise à jour et d'effacement des données.</li>
                                    <li>Droit de retirer un consentement à tout moment.</li>
                                    <li>Droit à la limitation et à l’opposition du traitement.</li>
                                    <li>Droit à la portabilité des données fournies.</li>
                                </ul>
                                <div class="mt-6 bg-white/10 p-5 rounded-2xl border border-white/10">
                                    <p class="font-black mb-2">Pour exercer ces droits, vous pouvez contacter :</p>
                                    <p>CABM – DPO, Robert Ménard</p>
                                    <p>39 Boulevard de Verdun, 34500 Béziers</p>
                                    <p class="font-black mt-2">Email : dpo@beziers-mediterranee.fr</p>
                                </div>
                                <p class="mt-6">L’utilisateur peut également supprimer son compte candidat à tout moment via le bouton dédié dans son espace personnel. En cas de litige, une réclamation peut être déposée auprès de la CNIL.</p>
                            </div>

                            <div>
                                <h3 class="font-black uppercase text-xs mb-2 text-white">7.4 Non-communication des données personnelles</h3>
                                <p>La CABM s’interdit de transférer les informations de ses utilisateurs en dehors de l’Union Européenne sans information préalable. Les données sont accessibles uniquement par les services internes de la CABM dédiés à la gestion des offres d’emploi et ses sous-traitants techniques.</p>
                            </div>
                        </div>
                    </section>

                    <section>
                        <h2 class="text-xl font-black uppercase tracking-widest text-primary mb-4 border-b border-highlight/30 pb-2 w-fit">8. Notification d’incident et Sécurité</h2>
                        <div class="space-y-4 text-sm font-medium">
                            <p>Aucune méthode de transmission sur Internet n'est sûre à 100 %. En cas de brèche de sécurité, nous avertirons les utilisateurs concernés.</p>
                            <p>Pour assurer la confidentialité, nous utilisons des dispositifs standards :</p>
                            <ul class="list-disc list-inside space-y-2 ml-2">
                                <li>Pare-feu (Firewall).</li>
                                <li>Pseudonymisation et chiffrement (Encryption).</li>
                                <li>Accès sécurisés par mots de passe.</li>
                            </ul>
                        </div>
                    </section>

                    <section>
                        <h2 class="text-xl font-black uppercase tracking-widest text-primary mb-4 border-b border-highlight/30 pb-2 w-fit">9. Droit applicable et juridiction</h2>
                        <div class="space-y-4 text-sm font-medium">
                            <p>Tout litige en relation avec l’utilisation du site https://recruit.galiniere.net est soumis au droit français. Il est fait attribution exclusive de juridiction aux tribunaux compétents de Béziers.</p>
                        </div>
                    </section>

                </div>
            </div>
            
            <div class="mt-12 text-center">
                <Link href="/" class="inline-flex items-center gap-2 text-xs font-black uppercase tracking-widest text-primary hover:text-highlight transition-all">
                    <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M10 19l-7-7m0 0l7-7m-7 7h18" /></svg>
                    Retour à l'accueil
                </Link>
            </div>
        </main>

        <footer class="py-12 border-t border-anthracite/5 text-center">
            <p class="text-[10px] font-black uppercase tracking-[0.2em] text-anthracite/30">
                &copy; {{ new Date().getFullYear() }} — Communauté d'Agglomération Béziers Méditerranée
            </p>
        </footer>
    </div>
</template>

<style scoped>
.prose h2 {
    margin-top: 0;
}
</style>
