{# templates/legal/privacy.html.twig #}

{% extends 'base.html.twig' %}

{% block title %}Politique de Confidentialité - {{ company_name }}{% endblock %}

{% block body %}
    <div class="container py-5">
        <div class="row">
            <div class="col-md-3 d-none d-md-block">
                <div class="card shadow-sm border-0 sticky-top" style="top: 2rem;">
                    <div class="card-body">
                        <h5 class="card-title fw-bold">Sommaire</h5>
                        <nav id="privacy-nav" class="nav flex-column small">
                            <a class="nav-link text-muted" href="#introduction">Introduction</a>
                            <a class="nav-link text-muted" href="#data-collection">Données collectées</a>
                            <a class="nav-link text-muted" href="#data-usage">Utilisation des données</a>
                            <a class="nav-link text-muted" href="#user-rights">Vos droits</a>
                            <a class="nav-link text-muted" href="#contact">Contact</a>
                        </nav>
                    </div>
                </div>
            </div>

            <div class="col-md-9">
                <div class="bg-white p-5 shadow-sm rounded">
                    <h1 class="fw-bold mb-4">Politique de Confidentialité</h1>
                    <p class="text-muted">Dernière mise à jour : {{ last_update }}</p>

                    <hr class="my-5">

                    <section id="introduction" class="mb-5">
                        <h2 class="h4 fw-bold">1. Introduction</h2>
                        <p>Bienvenue sur <strong>{{ company_name }}</strong>. Nous accordons une importance capitale à la protection de vos données personnelles et au respect de votre vie privée.</p>
                    </section>

                    <section id="data-collection" class="mb-5">
                        <h2 class="h4 fw-bold">2. Données collectées et finalités</h2>
                        <p>Nous collectons uniquement les données nécessaires au bon fonctionnement de votre atelier :</p>
                        <ul>
                            <li><strong>Données de l'Atelier :</strong> Nom de l'établissement, adresse et contact professionnel pour la facturation.</li>
                            <li><strong>Gestion des Mesures :</strong> Mensurations des clients (cou, épaule, poitrine, etc.) enregistrées sous votre responsabilité pour la confection des vêtements.</li>
                            <li><strong>Fichiers Médias :</strong> Photos des tissus et modèles.
                                <span class="badge bg-info text-dark">Important</span> : Ces photos sont stockées sur nos serveurs sécurisés pour vous permettre d'y accéder sur plusieurs appareils.
                            </li>
                            <li><strong>Données de Paiement :</strong> Les transactions sont traitées par nos partenaires sécurisés (CinetPay/Stripe). Nous ne stockons jamais vos numéros de carte bancaire.</li>
                        </ul>
                    </section>
                    <section id="permissions" class="mb-5">
                        <h2 class="h4 fw-bold">3. Accès aux fonctionnalités de votre appareil</h2>
                        <p>L'application TailorNet demande l'accès aux fonctionnalités suivantes :</p>
                        <ul>
                            <li><strong>Appareil Photo / Galerie :</strong> Pour prendre en photo les tissus reçus et les modèles choisis par vos clients.</li>
                            <li><strong>Stockage :</strong> Pour vous permettre de <strong>télécharger et sauvegarder</strong> les images de modèles sur votre téléphone (conformément à vos préférences utilisateur).</li>
                            <li><strong>Microphone :</strong> Uniquement si vous utilisez la fonction de notes vocales pour les instructions de couture.</li>
                        </ul>
                    </section>


                    <section id="user-rights" class="mb-5">
                        <h2 class="h4 fw-bold">4. Vos droits (RGPD)</h2>
                        <p>Conformément au RGPD, vous disposez des droits suivants :</p>
                        <div class="row g-3">
                            <div class="col-6 col-md-4"><div class="p-2 border rounded text-center small">Accès</div></div>
                            <div class="col-6 col-md-4"><div class="p-2 border rounded text-center small">Rectification</div></div>
                            <div class="col-6 col-md-4"><div class="p-2 border rounded text-center small">Suppression</div></div>
                            <div class="col-6 col-md-4"><div class="p-2 border rounded text-center small">Portabilité</div></div>
                            <div class="col-6 col-md-4"><div class="p-2 border rounded text-center small">Opposition</div></div>
                        </div>
                    </section>
                    <section id="data-deletion" class="mb-5">
                        <h2 class="h4 fw-bold">5. Suppression des données</h2>
                        <p>Vous pouvez supprimer votre compte à tout moment depuis les paramètres de l'application. Cette action entraînera la suppression définitive de :</p>
                        <ul>
                            <li>Votre profil utilisateur et les informations de l'atelier.</li>
                            <li>La base de données de vos clients et leurs mesures.</li>
                            <li>Les photos de tissus et modèles associées à votre compte.</li>
                        </ul>
                    </section>
                    <section id="contact" class="bg-light p-4 rounded text-center">
                        <h2 class="h4 fw-bold">Une question ?</h2>
                        <p>Pour toute demande concernant vos données, contactez-nous à :</p>
                        <a href="mailto:{{ contact_email }}" class="btn btn-outline-primary">{{ contact_email }}</a>
                    </section>
                </div>
            </div>
        </div>
    </div>

    <style>
        body { background-color: #f8f9fa; }
        #privacy-nav .nav-link:hover { color: #e91e63 !important; } /* Rose TailorNet */
        h2 { color: #333; margin-top: 1rem; }
    </style>
{% endblock %}