@extends('components.frontend.master')

@section('title', 'Politique de Confidentialité - Welely | Protection de vos Données Personnelles')

@section('meta')
    <meta name="description"
        content="Découvrez comment Welely collecte, utilise et protège vos données personnelles. Politique de confidentialité conforme au RGPD et aux normes internationales de protection des données.">
    <meta name="keywords"
        content="politique de confidentialité, RGPD, protection des données, données personnelles, vie privée, sécurité des données">
    <meta name="author" content="Welely">
    <meta name="robots" content="index, follow">

    <!-- Open Graph -->
    <meta property="og:title" content="Politique de Confidentialité - Welely">
    <meta property="og:description"
        content="Découvrez comment Welely collecte, utilise et protège vos données personnelles. Conformité RGPD garantie.">
    <meta property="og:type" content="website">
    <meta property="og:url" content="{{ url()->current() }}">
    <meta property="og:image" content="{{ asset('images/logo.png') }}">
    <meta property="og:site_name" content="Welely">

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary">
    <meta name="twitter:title" content="Politique de Confidentialité - Welely">
    <meta name="twitter:description" content="Protection de vos données personnelles - Conformité RGPD.">
    <meta name="twitter:image" content="{{ asset('images/logo.png') }}">
@endsection

@section('content')
    <section class="privacy-header">
        <div class="container">
            <h1 data-text="Politique de Confidentialité">Politique de Confidentialité</h1>
            <p>Votre vie privée est importante pour nous</p>
            <div class="privacy-meta">
                <span>Dernière mise à jour : {{ date('d/m/Y') }}</span>
                <span>•</span>
                <span>Version 1.0</span>
            </div>
        </div>
    </section>

    <section class="privacy-content">
        <div class="container">
            <div class="privacy-intro scroll-animate animate-on-load">
                <p class="intro-text">
                    Chez <strong>Welely</strong>, nous accordons une importance capitale à la protection de vos données
                    personnelles. Cette politique de confidentialité décrit comment nous collectons, utilisons, stockons et
                    protégeons vos informations lorsque vous utilisez nos services et produits digitaux.
                </p>
                <p class="intro-text">
                    En utilisant les services de Welely, vous acceptez les pratiques décrites dans cette politique. Nous
                    nous
                    engageons à respecter les réglementations en vigueur, notamment le Règlement Général sur la Protection
                    des
                    Données (RGPD) et les lois locales applicables en Côte d'Ivoire.
                </p>
            </div>

            <!-- Table des matières -->
            <div class="privacy-toc scroll-animate animate-on-load">
                <h2>Table des matières</h2>
                <nav aria-label="Navigation de la politique de confidentialité">
                    <ol>
                        <li><a href="#collecte">Collecte des données</a></li>
                        <li><a href="#utilisation">Utilisation des données</a></li>
                        <li><a href="#partage">Partage des données</a></li>
                        <li><a href="#conservation">Conservation des données</a></li>
                        <li><a href="#securite">Sécurité des données</a></li>
                        <li><a href="#cookies">Cookies et technologies similaires</a></li>
                        <li><a href="#droits">Vos droits</a></li>
                        <li><a href="#modifications">Modifications de la politique</a></li>
                        <li><a href="#contact">Nous contacter</a></li>
                    </ol>
                </nav>
            </div>

            <!-- Section 1 : Collecte des données -->
            <div class="privacy-section scroll-animate animate-on-load" id="collecte">
                <div class="section-number">01</div>
                <h2>Collecte des données</h2>

                <h3>1.1 Données que nous collectons</h3>
                <p>Nous collectons différents types de données selon votre utilisation de nos services :</p>

                <div class="data-category">
                    <h4>📋 Données d'identification</h4>
                    <ul>
                        <li>Nom et prénom</li>
                        <li>Adresse email</li>
                        <li>Numéro de téléphone</li>
                        <li>Nom de l'entreprise</li>
                        <li>Fonction ou poste</li>
                    </ul>
                </div>

                <div class="data-category">
                    <h4>🌍 Données de localisation</h4>
                    <ul>
                        <li>Pays et ville</li>
                        <li>Adresse postale (si fournie)</li>
                        <li>Données de géolocalisation (avec votre consentement)</li>
                    </ul>
                </div>

                <div class="data-category">
                    <h4>💻 Données techniques</h4>
                    <ul>
                        <li>Adresse IP</li>
                        <li>Type de navigateur et version</li>
                        <li>Système d'exploitation</li>
                        <li>Pages visitées et durée de visite</li>
                        <li>Données de cookies et pixels de suivi</li>
                    </ul>
                </div>

                <div class="data-category">
                    <h4>💬 Données de communication</h4>
                    <ul>
                        <li>Messages envoyés via nos formulaires de contact</li>
                        <li>Échanges par email</li>
                        <li>Retours et témoignages</li>
                        <li>Données des tickets de support</li>
                    </ul>
                </div>

                <h3>1.2 Méthodes de collecte</h3>
                <p>Nous collectons vos données de plusieurs manières :</p>
                <ul>
                    <li><strong>Directement auprès de vous :</strong> lorsque vous remplissez nos formulaires, créez un
                        compte, ou nous contactez</li>
                    <li><strong>Automatiquement :</strong> via des cookies et technologies de suivi lors de votre navigation
                    </li>
                    <li><strong>Via des tiers :</strong> réseaux sociaux, partenaires marketing (avec votre consentement)
                    </li>
                </ul>
            </div>

            <!-- Section 2 : Utilisation des données -->
            <div class="privacy-section scroll-animate animate-on-load" id="utilisation">
                <div class="section-number">02</div>
                <h2>Utilisation des données</h2>

                <p>Nous utilisons vos données personnelles uniquement dans les buts suivants :</p>

                <div class="usage-purpose">
                    <h3>🎯 Fourniture de services</h3>
                    <ul>
                        <li>Traiter vos demandes de contact et devis</li>
                        <li>Créer et gérer votre compte client</li>
                        <li>Développer et livrer vos projets digitaux</li>
                        <li>Fournir le support technique et maintenance</li>
                        <li>Traiter les paiements et facturation</li>
                    </ul>
                </div>

                <div class="usage-purpose">
                    <h3>📢 Communication et marketing</h3>
                    <ul>
                        <li>Vous envoyer des newsletters (avec votre consentement)</li>
                        <li>Vous informer de nos nouveaux services et offres</li>
                        <li>Solliciter vos retours et témoignages</li>
                        <li>Vous inviter à des événements professionnels</li>
                    </ul>
                    <p class="note">💡 Vous pouvez vous désabonner à tout moment via le lien dans nos emails.</p>
                </div>

                <div class="usage-purpose">
                    <h3>📊 Amélioration de nos services</h3>
                    <ul>
                        <li>Analyser l'utilisation de notre site web</li>
                        <li>Identifier les problèmes techniques</li>
                        <li>Optimiser l'expérience utilisateur</li>
                        <li>Réaliser des statistiques anonymisées</li>
                    </ul>
                </div>

                <div class="usage-purpose">
                    <h3>⚖️ Obligations légales</h3>
                    <ul>
                        <li>Respecter nos obligations comptables et fiscales</li>
                        <li>Répondre aux demandes des autorités</li>
                        <li>Prévenir la fraude et abus</li>
                        <li>Faire valoir nos droits en justice si nécessaire</li>
                    </ul>
                </div>
            </div>

            <!-- Section 3 : Partage des données -->
            <div class="privacy-section scroll-animate animate-on-load" id="partage">
                <div class="section-number">03</div>
                <h2>Partage des données</h2>

                <p>Nous ne vendons ni ne louons jamais vos données personnelles. Nous pouvons partager vos informations
                    uniquement avec :</p>

                <div class="sharing-category">
                    <h3>🤝 Prestataires de services</h3>
                    <p>Nous travaillons avec des partenaires de confiance pour :</p>
                    <ul>
                        <li><strong>Hébergement web :</strong> OVH, AWS (serveurs sécurisés en Europe)</li>
                        <li><strong>Emails transactionnels :</strong> SendGrid, Mailgun</li>
                        <li><strong>Paiements en ligne :</strong> Stripe, PayPal (si applicable)</li>
                        <li><strong>Analytique web :</strong> Google Analytics (données anonymisées)</li>
                        <li><strong>Support client :</strong> outils de ticketing et CRM</li>
                    </ul>
                    <p class="note">⚠️ Ces prestataires sont contractuellement tenus de protéger vos données et ne peuvent
                        les utiliser qu'aux fins pour lesquelles nous les leur transmettons.</p>
                </div>

                <div class="sharing-category">
                    <h3>🏢 Transferts d'entreprise</h3>
                    <p>En cas de fusion, acquisition ou vente de notre entreprise, vos données pourraient être transférées.
                        Vous serez informé de tout changement de contrôle et de vos options.</p>
                </div>

                <div class="sharing-category">
                    <h3>⚖️ Obligations légales</h3>
                    <p>Nous pouvons divulguer vos données si requis par la loi, une ordonnance du tribunal, ou pour protéger
                        nos droits légaux.</p>
                </div>
            </div>

            <!-- Section 4 : Conservation des données -->
            <div class="privacy-section scroll-animate animate-on-load" id="conservation">
                <div class="section-number">04</div>
                <h2>Conservation des données</h2>

                <p>Nous conservons vos données personnelles uniquement le temps nécessaire aux finalités pour lesquelles
                    elles
                    ont été collectées :</p>

                <div class="retention-table">
                    <table>
                        <thead>
                            <tr>
                                <th>Type de données</th>
                                <th>Durée de conservation</th>
                                <th>Base légale</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Demandes de contact</td>
                                <td>3 ans après le dernier contact</td>
                                <td>Intérêt légitime</td>
                            </tr>
                            <tr>
                                <td>Comptes clients actifs</td>
                                <td>Durée de la relation commerciale + 3 ans</td>
                                <td>Exécution du contrat</td>
                            </tr>
                            <tr>
                                <td>Factures et données comptables</td>
                                <td>10 ans</td>
                                <td>Obligation légale</td>
                            </tr>
                            <tr>
                                <td>Cookies et données de navigation</td>
                                <td>13 mois maximum</td>
                                <td>Consentement</td>
                            </tr>
                            <tr>
                                <td>Newsletters</td>
                                <td>Jusqu'au désabonnement + 3 ans</td>
                                <td>Consentement</td>
                            </tr>
                        </tbody>
                    </table>
                </div>

                <p>Passé ces délais, vos données sont supprimées de manière sécurisée ou anonymisées pour des analyses
                    statistiques.</p>
            </div>

            <!-- Section 5 : Sécurité -->
            <div class="privacy-section scroll-animate animate-on-load" id="securite">
                <div class="section-number">05</div>
                <h2>Sécurité des données</h2>

                <p>La protection de vos données est notre priorité. Nous mettons en œuvre des mesures techniques et
                    organisationnelles robustes :</p>

                <div class="security-measures">
                    <div class="security-item">
                        <div class="security-icon">🔐</div>
                        <h3>Chiffrement SSL/TLS</h3>
                        <p>Toutes les communications entre votre navigateur et nos serveurs sont chiffrées avec un
                            certificat
                            SSL/TLS de dernière génération.</p>
                    </div>

                    <div class="security-item">
                        <div class="security-icon">🛡️</div>
                        <h3>Pare-feu et protection DDoS</h3>
                        <p>Nos serveurs sont protégés par des pare-feu avancés et des systèmes de détection d'intrusion.</p>
                    </div>

                    <div class="security-item">
                        <div class="security-icon">🔑</div>
                        <h3>Accès restreint</h3>
                        <p>Seuls les employés autorisés ont accès à vos données, dans le cadre strict de leurs fonctions.
                        </p>
                    </div>

                    <div class="security-item">
                        <div class="security-icon">💾</div>
                        <h3>Sauvegardes régulières</h3>
                        <p>Vos données sont sauvegardées quotidiennement sur des serveurs géographiquement distants.</p>
                    </div>

                    <div class="security-item">
                        <div class="security-icon">🔍</div>
                        <h3>Audits de sécurité</h3>
                        <p>Nous réalisons régulièrement des tests de sécurité et des audits de nos infrastructures.</p>
                    </div>

                    <div class="security-item">
                        <div class="security-icon">📝</div>
                        <h3>Politiques internes strictes</h3>
                        <p>Tous nos employés et sous-traitants sont soumis à des accords de confidentialité.</p>
                    </div>
                </div>

                <div class="security-note">
                    <p>⚠️ <strong>Important :</strong> Malgré toutes nos précautions, aucun système n'est infaillible. En
                        cas de violation de données susceptible de présenter un risque pour vos droits, nous vous en
                        informerons dans les 72 heures conformément au RGPD.</p>
                </div>
            </div>

            <!-- Section 6 : Cookies -->
            <div class="privacy-section scroll-animate animate-on-load" id="cookies">
                <div class="section-number">06</div>
                <h2>Cookies et technologies similaires</h2>

                <p>Notre site utilise des cookies pour améliorer votre expérience de navigation. Un cookie est un petit
                    fichier texte stocké sur votre appareil.</p>

                <h3>Types de cookies utilisés</h3>

                <div class="cookie-type">
                    <h4>🍪 Cookies essentiels (obligatoires)</h4>
                    <p>Nécessaires au fonctionnement du site. Ils permettent :</p>
                    <ul>
                        <li>La navigation entre les pages</li>
                        <li>L'accès aux zones sécurisées</li>
                        <li>La mémorisation du panier (e-commerce)</li>
                        <li>Les préférences de langue</li>
                    </ul>
                    <p class="cookie-duration">Durée : session ou 1 an maximum</p>
                </div>

                <div class="cookie-type">
                    <h4>📊 Cookies analytiques (avec consentement)</h4>
                    <p>Nous aident à comprendre comment vous utilisez notre site :</p>
                    <ul>
                        <li>Pages les plus visitées</li>
                        <li>Temps passé sur le site</li>
                        <li>Parcours de navigation</li>
                        <li>Sources de trafic</li>
                    </ul>
                    <p class="cookie-duration">Durée : 13 mois maximum</p>
                    <p class="cookie-service">Service utilisé : Google Analytics (données anonymisées)</p>
                </div>

                <div class="cookie-type">
                    <h4>🎯 Cookies marketing (avec consentement)</h4>
                    <p>Permettent de vous proposer du contenu personnalisé :</p>
                    <ul>
                        <li>Publicités ciblées</li>
                        <li>Mesure de l'efficacité des campagnes</li>
                        <li>Retargeting publicitaire</li>
                    </ul>
                    <p class="cookie-duration">Durée : 13 mois maximum</p>
                </div>

                <h3>Gestion des cookies</h3>
                <p>Vous pouvez à tout moment :</p>
                <ul>
                    <li><strong>Accepter ou refuser les cookies</strong> via notre bandeau de consentement</li>
                    <li><strong>Modifier vos préférences</strong> dans les paramètres de votre navigateur</li>
                    <li><strong>Supprimer les cookies</strong> déjà installés</li>
                </ul>

                <div class="browser-settings">
                    <h4>Configuration par navigateur :</h4>
                    <ul>
                        <li><strong>Chrome :</strong> Paramètres → Confidentialité et sécurité → Cookies</li>
                        <li><strong>Firefox :</strong> Options → Vie privée et sécurité → Cookies</li>
                        <li><strong>Safari :</strong> Préférences → Confidentialité → Cookies</li>
                        <li><strong>Edge :</strong> Paramètres → Cookies et autorisations de site</li>
                    </ul>
                </div>
            </div>

            <!-- Section 7 : Vos droits -->
            <div class="privacy-section scroll-animate animate-on-load" id="droits">
                <div class="section-number">07</div>
                <h2>Vos droits sur vos données</h2>

                <p>Conformément au RGPD et aux lois applicables, vous disposez des droits suivants :</p>

                <div class="rights-grid">
                    <div class="right-item">
                        <div class="right-icon">👁️</div>
                        <h3>Droit d'accès</h3>
                        <p>Vous pouvez demander une copie de toutes les données personnelles que nous détenons sur vous.</p>
                    </div>

                    <div class="right-item">
                        <div class="right-icon">✏️</div>
                        <h3>Droit de rectification</h3>
                        <p>Vous pouvez demander la correction de données inexactes ou incomplètes.</p>
                    </div>

                    <div class="right-item">
                        <div class="right-icon">🗑️</div>
                        <h3>Droit à l'effacement</h3>
                        <p>Vous pouvez demander la suppression de vos données (sous certaines conditions).</p>
                    </div>

                    <div class="right-item">
                        <div class="right-icon">⏸️</div>
                        <h3>Droit de limitation</h3>
                        <p>Vous pouvez demander la limitation du traitement de vos données.</p>
                    </div>

                    <div class="right-item">
                        <div class="right-icon">📦</div>
                        <h3>Droit à la portabilité</h3>
                        <p>Vous pouvez récupérer vos données dans un format structuré et lisible par machine.</p>
                    </div>

                    <div class="right-item">
                        <div class="right-icon">🚫</div>
                        <h3>Droit d'opposition</h3>
                        <p>Vous pouvez vous opposer au traitement de vos données à des fins de marketing direct.</p>
                    </div>

                    <div class="right-item">
                        <div class="right-icon">🤖</div>
                        <h3>Décisions automatisées</h3>
                        <p>Vous pouvez refuser les décisions basées uniquement sur un traitement automatisé.</p>
                    </div>

                    <div class="right-item">
                        <div class="right-icon">📜</div>
                        <h3>Retrait du consentement</h3>
                        <p>Vous pouvez retirer votre consentement à tout moment (sans effet rétroactif).</p>
                    </div>
                </div>

                <h3>Comment exercer vos droits ?</h3>
                <div class="exercise-rights">
                    <p>Pour exercer l'un de ces droits, contactez-nous :</p>
                    <ul>
                        <li>📧 <strong>Email :</strong> <a href="mailto:privacy@welely.com">privacy@welely.com</a></li>
                        <li>📝 <strong>Formulaire de contact :</strong> <a
                                href="{{ route('contact') }}">{{ route('contact') }}</a></li>
                        <li>📮 <strong>Courrier :</strong> Welely, Abidjan, Côte d'Ivoire</li>
                    </ul>
                    <p class="response-time">⏱️ Nous nous engageons à vous répondre dans un délai maximum de <strong>30
                            jours</strong>.</p>
                </div>

                <h3>Réclamation auprès de l'autorité de contrôle</h3>
                <p>Si vous estimez que vos droits ne sont pas respectés, vous pouvez déposer une réclamation auprès de
                    l'autorité de protection des données compétente en Côte d'Ivoire.</p>
            </div>

            <!-- Section 8 : Modifications -->
            <div class="privacy-section scroll-animate animate-on-load" id="modifications">
                <div class="section-number">08</div>
                <h2>Modifications de la politique</h2>

                <p>Nous nous réservons le droit de modifier cette politique de confidentialité à tout moment pour refléter
                    :</p>
                <ul>
                    <li>Les évolutions de nos services et produits</li>
                    <li>Les changements de réglementation</li>
                    <li>Les retours et demandes de nos utilisateurs</li>
                    <li>Les améliorations de nos pratiques de sécurité</li>
                </ul>

                <div class="modification-notice">
                    <h3>📢 Comment serez-vous informé ?</h3>
                    <p>En cas de modification substantielle, nous vous en informerons par :</p>
                    <ul>
                        <li>Email à l'adresse que vous nous avez fournie</li>
                        <li>Notification sur notre site web</li>
                        <li>Bandeau d'information lors de votre prochaine connexion</li>
                    </ul>
                    <p>La date de "Dernière mise à jour" en haut de cette page sera actualisée.</p>
                </div>

                <p><strong>Votre utilisation continue de nos services après publication des modifications vaut acceptation
                        de
                        la nouvelle politique.</strong></p>
            </div>

            <!-- Section 9 : Contact -->
            <div class="privacy-section scroll-animate animate-on-load" id="contact">
                <div class="section-number">09</div>
                <h2>Nous contacter</h2>

                <p>Pour toute question concernant cette politique de confidentialité ou le traitement de vos données
                    personnelles, n'hésitez pas à nous contacter :</p>

                <div class="contact-info">
                    <div class="contact-method">
                        <h3>📧 Par email</h3>
                        <p><a href="mailto:privacy@welely.com">privacy@welely.com</a></p>
                        <p class="contact-note">Pour les demandes relatives à vos données personnelles</p>
                    </div>

                    <div class="contact-method">
                        <h3>📝 Via notre formulaire</h3>
                        <p><a href="{{ route('contact') }}" class="btn btn-primary">Accéder au formulaire de contact</a>
                        </p>
                        <p class="contact-note">Réponse sous 48h ouvrées</p>
                    </div>

                    <div class="contact-method">
                        <h3>📮 Par courrier</h3>
                        <p>
                            <strong>Welely</strong><br>
                            À l'attention du Délégué à la Protection des Données<br>
                            Abidjan, Côte d'Ivoire
                        </p>
                    </div>

                    <div class="contact-method">
                        <h3>📞 Par téléphone</h3>
                        <p><a href="tel:+2250101054383">+225 01 01 05 43 83</a></p>
                        <p class="contact-note">Du lundi au vendredi, 9h-17h (GMT)</p>
                    </div>
                </div>
            </div>

            <!-- Section supplémentaire : Produits concernés -->
            <div class="privacy-section scroll-animate animate-on-load">
                <div class="section-number">10</div>
                <h2>Produits et services concernés</h2>

                <p>Cette politique de confidentialité s'applique à tous les produits et services proposés par Welely :</p>

                <div class="products-list">
                    <div class="product-item">
                        <h3>🌐 Sites Web & E-commerce</h3>
                        <p>Tous les sites web développés par Welely, incluant les boutiques en ligne et plateformes sur
                            mesure.</p>
                    </div>

                    <div class="product-item">
                        <h3>📱 Applications Mobiles</h3>
                        <p>Applications iOS et Android développées pour nos clients, incluant les applications métiers.</p>
                    </div>

                    <div class="product-item">
                        <h3>🎨 Services de Design</h3>
                        <p>Données collectées dans le cadre de projets de design graphique et d'identité visuelle.</p>
                    </div>

                    <div class="product-item">
                        <h3>💡 Consulting & Formation</h3>
                        <p>Informations recueillies lors de nos prestations de conseil et formations digitales.</p>
                    </div>

                    <div class="product-item">
                        <h3>📸 Services Audiovisuels</h3>
                        <p>Données liées à nos prestations de photographie et vidéographie professionnelles.</p>
                    </div>
                </div>
            </div>

            <!-- Call to action -->
            <div class="privacy-cta scroll-animate animate-on-load">
                <h2>Des questions sur la protection de vos données ?</h2>
                <p>Notre équipe est à votre disposition pour répondre à toutes vos interrogations concernant la
                    confidentialité
                    et la sécurité de vos informations personnelles.</p>
                <div class="cta-buttons">
                    <a href="{{ route('contact') }}" class="btn btn-primary">Contactez-nous</a>
                    <a href="{{ route('home') }}" class="btn btn-secondary">Retour à l'accueil</a>
                </div>
            </div>

        </div>
    </section>
@endsection