{% extends 'base.twig' %}

{% block title %}Mentions légales - Ludikevent{% endblock %}

{% block body %}
    <div class="min-h-screen bg-gray-50 py-12 px-4 sm:px-6 lg:px-8">
        <div class="max-w-5xl mx-auto space-y-8">

            {# En-tête avec Logo #}
            <div class="text-center">
                <img class="h-16 w-auto mx-auto mb-4" src="{{ asset('provider/images/logo.png') }}" alt="Ludikevent">
                <h1 class="text-3xl font-extrabold text-gray-900 sm:text-4xl">
                    Mentions Légales
                </h1>
                <p class="text-gray-500 mt-2 text-sm italic italic">Mise à jour le 19 janvier 2026</p>
            </div>

            {# 1er Bloc : Entreprise #}
            <div class="bg-white rounded-xl shadow-lg p-8 space-y-4 border-t-4 border-blue-600">
                <div class="flex items-center space-x-2 border-b border-gray-100 pb-2">
                    <h2 class="text-xl font-bold text-gray-900 uppercase tracking-wide text-sm md:text-base">1. Entreprise</h2>
                </div>
                <div class="grid grid-cols-1 md:grid-cols-2 gap-6 pt-2">
                    <div class="space-y-2">
                        <p class="text-gray-900 font-semibold text-lg">Ludikevent - Lilian SEGARD</p>
                        <p class="text-gray-600 text-sm"><span class="font-medium">SIRET :</span> 930 488 408 00012</p>
                        <p class="text-gray-600 text-sm"><span class="font-medium">Statut :</span> Entreprise individuelle (EI)</p>
                        <p class="text-gray-600 text-sm"><span class="font-medium text-gray-800">Siège social :</span><br>6 Rue du Château – 02800 Danizy</p>
                    </div>
                    <div class="space-y-2 text-sm">
                        <p class="text-gray-600"><span class="font-medium text-gray-800">Email :</span> <a href="mailto:contact@ludikevent.fr" class="text-blue-600 hover:underline">contact@ludikevent.fr</a></p>
                        <p class="text-gray-600"><span class="font-medium text-gray-800">Téléphone :</span> <a href="tel:0614172447" class="text-blue-600 hover:underline">06 14 17 24 47</a></p>
                        <div class="pt-4">
                            <a href="https://annuaire-entreprises.data.gouv.fr/entreprise/lilian-segard-930488408"
                               target="_blank"
                               class="inline-flex items-center text-xs font-medium text-blue-600 bg-blue-50 px-4 py-2 rounded-lg hover:bg-blue-100 transition-all">
                                <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
                                </svg>
                                Voir sur l'Annuaire des Entreprises
                            </a>
                        </div>
                    </div>
                </div>
            </div>

            {# 2ème Bloc : Description des services #}
            <div class="bg-white rounded-xl shadow-lg p-8 space-y-4 border-l-4 border-blue-600">
                <h2 class="text-xl font-bold text-gray-900 uppercase tracking-wide text-sm md:text-base border-b border-gray-100 pb-2">2. Description des services fournis</h2>
                <div class="prose prose-blue text-gray-600 space-y-4 pt-2 text-sm md:text-base">
                    <p>
                        Le site <span class="font-semibold text-gray-800 text-blue-600 italic">www.{{ app.request.host }}</span> a pour objet de proposer des prestations de location de structures gonflables, de jeux d’extérieurs, de Barnum et de tous matériels événementiels.
                    </p>
                    <div class="bg-blue-50 p-4 rounded-lg">
                        <p class="font-semibold text-blue-900 mb-2">La plateforme permet aux utilisateurs :</p>
                        <ul class="list-disc list-inside space-y-1 text-blue-800 text-sm">
                            <li>D'effectuer des demandes de devis personnalisées ;</li>
                            <li>De procéder à la signature électronique des devis ;</li>
                            <li>D'effectuer le paiement sécurisé des prestations ;</li>
                            <li>De déposer et gérer les cautions liées aux locations.</li>
                        </ul>
                    </div>
                    <p class="text-justify">
                        Le propriétaire du site s’efforce de fournir sur le site des informations aussi précises que possible. Toutefois, il ne pourra être tenue responsable des omissions ou des inexactitudes. Toutes les informations proposées sont données à titre indicatif et sont susceptibles d’évoluer, y compris pour de <span class="italic text-gray-700 font-medium">futurs services complémentaires</span>.
                    </p>
                </div>
            </div>

            {# 3ème Bloc : Propriété Intellectuelle #}
            <div class="bg-white rounded-xl shadow-lg p-8 space-y-4 border-l-4 border-gray-800">
                <h2 class="text-xl font-bold text-gray-900 uppercase tracking-wide text-sm md:text-base border-b border-gray-100 pb-2">3. Propriété intellectuelle et contrefaçons</h2>
                <div class="text-gray-600 space-y-4 pt-2 text-sm leading-relaxed">
                    <p>Le propriétaire du site est propriétaire des droits de propriété intellectuelle ou détient les droits d’usage sur tous les éléments accessibles (textes, images, graphismes, logo, icônes, sons, logiciels…).</p>
                    <p>Toute reproduction, représentation, modification ou publication totale ou partielle des éléments du site est <span class="font-bold text-gray-900 italic">interdite</span>, sauf autorisation écrite préalable.</p>
                    <p class="bg-red-50 p-3 border-l-2 border-red-200 text-red-800 italic text-xs">
                        Toute exploitation non autorisée sera considérée comme constitutive d’une contrefaçon et poursuivie conformément aux dispositions des articles L.335-2 et suivants du Code de Propriété Intellectuelle.
                    </p>
                </div>
            </div>

            {# 4ème Bloc : Liens et Cookies #}
            <div class="bg-white rounded-xl shadow-lg p-8 space-y-4 border-l-4 border-blue-400">
                <h2 class="text-xl font-bold text-gray-900 uppercase tracking-wide text-sm md:text-base border-b border-gray-100 pb-2">4. Liens hypertextes et cookies</h2>
                <div class="text-gray-600 space-y-4 pt-2 text-sm md:text-base leading-relaxed text-justify">
                    <p>Le site peut contenir des liens vers des sites tiers. Le propriétaire ne peut vérifier le contenu des sites ainsi visités et décline toute responsabilité quant aux risques de contenus illicites.</p>
                    <div class="bg-gray-50 p-4 rounded-lg border border-gray-100">
                        <p class="mb-2 italic text-gray-700 font-medium">Gestion des Cookies :</p>
                        <p class="text-xs text-gray-600 leading-relaxed">
                            La navigation est susceptible de provoquer l’installation de cookie(s) visant à faciliter la navigation ultérieure et à permettre diverses mesures de fréquentation. L’utilisateur peut configurer son navigateur pour bloquer ces installations.
                        </p>
                    </div>
                </div>
            </div>

            {# 5ème Bloc : Données Personnelles #}
            <div class="bg-white rounded-xl shadow-lg p-8 space-y-4 border-l-4 border-green-600">
                <h2 class="text-xl font-bold text-gray-900 uppercase tracking-wide text-sm md:text-base border-b border-gray-100 pb-2">5. Gestion des données personnelles</h2>
                <div class="text-gray-600 space-y-4 pt-2 text-sm md:text-base leading-relaxed text-justify">
                    <p>Le propriétaire ne collecte des informations personnelles que pour le besoin de certains services (devis, contact, signature). L’utilisateur fournit ces informations en toute connaissance de cause.</p>
                    <div class="bg-green-50 p-4 rounded-lg border border-green-100">
                        <p class="font-bold text-green-900 mb-2 text-xs">DROITS DE L'UTILISATEUR (RGPD) :</p>
                        <p class="text-green-800 text-sm">Tout utilisateur dispose d’un droit d’accès, de rectification et de suppression par email : <a href="mailto:segard.lilian@gmail.com" class="font-bold underline">segard.lilian@gmail.com</a></p>
                    </div>
                </div>
            </div>

            {# 6ème Bloc : Droit applicable #}
            <div class="bg-white rounded-xl shadow-lg p-8 space-y-4 border-l-4 border-red-600">
                <h2 class="text-xl font-bold text-gray-900 uppercase tracking-wide text-sm md:text-base border-b border-gray-100 pb-2">6. Droit applicable et juridiction</h2>
                <div class="text-gray-600 text-sm md:text-base">
                    <p>Tout litige est soumis au <span class="font-medium">droit français</span>. Il est fait attribution exclusive de juridiction aux tribunaux compétents de <span class="font-bold text-gray-900">Saint-Quentin</span>.</p>
                </div>
            </div>

            {# 7ème Bloc : Lexique #}
            <div class="bg-white rounded-xl shadow-lg p-8 space-y-4 border-l-4 border-gray-400">
                <h2 class="text-xl font-bold text-gray-900 uppercase tracking-wide text-sm md:text-base border-b border-gray-100 pb-2">7. Lexique</h2>
                <div class="space-y-2 text-xs text-gray-500 italic">
                    <p><strong>Utilisateur :</strong> Internaute se connectant et utilisant le site susnommé.</p>
                    <p><strong>Informations personnelles :</strong> « les informations qui permettent l’identification des personnes physiques auxquelles elles s’appliquent » (art. 4 loi n° 78-17).</p>
                </div>
            </div>

            {# 8ème Bloc : Textes de loi #}
            <div class="bg-white rounded-xl shadow-lg p-8 space-y-4 border-l-4 border-blue-900">
                <h2 class="text-xl font-bold text-gray-900 uppercase tracking-wide text-sm md:text-base border-b border-gray-100 pb-2">8. Textes de loi applicables</h2>
                <div class="text-gray-500 text-xs space-y-1">
                    <p>• Loi n° 78-17 du 6 janvier 1978 (Informatique et Libertés)</p>
                    <p>• Loi n° 2004-575 du 21 juin 2004 (Confiance dans l’économie numérique)</p>
                    <p>• Règlement Général sur la Protection des Données personnelles (RGPD)</p>
                </div>
            </div>

            {# Footer final #}
            <div class="text-center text-gray-400 text-xs pt-6">
                <p>&copy; {{ "now"|date("Y") }} Ludikevent - Lilian SEGARD – Entrepreneur Individuel</p>
            </div>

        </div>
    </div>
{% endblock %}
