{% extends "base.html" %}
{% load static i18n %}

{% block title %}{% trans "Politique de confidentialité | Jool International" %}{% endblock %}
{% block title_plain %}{% trans "Politique de confidentialité | Jool International" %}{% endblock %}
{% block meta_description %}{% trans "Politique de confidentialité de Jool International : données collectées, finalités, durée de conservation et droits des utilisateurs." %}{% endblock %}
{% block meta_robots %}noindex, follow{% endblock %}

{% block extra_css %}
<style>
  .privacy-hero {
    background: var(--teal-pale);
    padding: 72px 64px 48px;
    text-align: center;
  }
  .privacy-hero h1 {
    font-family: var(--display);
    font-weight: 900;
    font-size: clamp(2rem, 3.5vw, 3rem);
    letter-spacing: -0.03em;
    color: var(--black);
    margin-bottom: 12px;
  }
  .privacy-hero h1 em { font-style: normal; color: var(--teal); }
  .privacy-hero p {
    color: #666;
    font-size: 15px;
    font-weight: 300;
  }

  .privacy-body {
    max-width: 780px;
    margin: 0 auto;
    padding: 64px 32px 96px;
  }

  .privacy-body h2 {
    font-family: var(--display);
    font-weight: 800;
    font-size: 1.25rem;
    color: var(--black);
    margin: 48px 0 12px;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .privacy-body h2 .material-icons-round {
    font-size: 20px;
    color: var(--teal);
  }
  .privacy-body h2:first-child { margin-top: 0; }

  .privacy-body p, .privacy-body li {
    color: #444;
    font-size: 15px;
    line-height: 1.75;
    font-weight: 300;
  }
  .privacy-body ul {
    padding-left: 20px;
    margin: 10px 0;
  }
  .privacy-body ul li { margin-bottom: 6px; }

  .privacy-table {
    width: 100%;
    border-collapse: collapse;
    margin: 16px 0;
    font-size: 14px;
  }
  .privacy-table th {
    background: var(--teal);
    color: #fff;
    font-weight: 600;
    padding: 10px 14px;
    text-align: left;
  }
  .privacy-table td {
    padding: 10px 14px;
    border-bottom: 1px solid var(--gray);
    color: #444;
    font-weight: 300;
    vertical-align: top;
  }
  .privacy-table tr:last-child td { border-bottom: none; }
  .privacy-table tr:nth-child(even) td { background: var(--gray-2); }

  .privacy-highlight {
    background: var(--teal-pale);
    border-left: 3px solid var(--teal);
    border-radius: 0 12px 12px 0;
    padding: 16px 20px;
    margin: 20px 0;
    font-size: 14px;
    color: #444;
    font-weight: 300;
    line-height: 1.7;
  }

  @media (max-width: 768px) {
    .privacy-hero { padding: 48px 24px 36px; }
    .privacy-body { padding: 40px 20px 64px; }
  }
</style>
{% endblock %}

{% block content %}

<!-- ── Hero ── -->
<section class="privacy-hero">
  <h2 class="section-tag tag-teal" style="justify-content:center;margin-bottom:16px;">
    <span class="material-icons-round" style="font-size:13px;">shield</span>
    {% trans "Vos données, votre droit" %}
  </h2>
  <h1>{% blocktrans %}Politique de confidentialité{% endblocktrans %}</h1>
  <p>{% trans "Dernière mise à jour : mai 2026" %}</p>
</section>

<!-- ── Contenu ── -->
<div class="privacy-body">

  <div class="privacy-highlight">
    {% trans "Jool International s'engage à protéger vos données personnelles. Cette page explique clairement quelles données nous collectons, pourquoi, et comment vous pouvez exercer vos droits." %}
  </div>

  <!-- 1 -->
  <h2><span class="material-icons-round">business</span>{% trans "1. Responsable du traitement" %}</h2>
  <p>
    <strong>Jool International</strong><br>
    {% trans "Abidjan, Côte d'Ivoire" %}<br>
    {% trans "Email" %} : <a href="mailto:info@jool-int.com">info@jool-int.com</a><br>
    {% trans "Tél" %} : +225 27 22 557 825
  </p>

  <!-- 2 -->
  <h2><span class="material-icons-round">database</span>{% trans "2. Données collectées" %}</h2>
  <p>{% trans "Nous collectons des données uniquement lorsque vous interagissez activement avec notre site." %}</p>

  <table class="privacy-table">
    <thead>
      <tr>
        <th>{% trans "Formulaire" %}</th>
        <th>{% trans "Données collectées" %}</th>
        <th>{% trans "Finalité" %}</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td><strong>{% trans "Demande de contact" %}</strong></td>
        <td>{% trans "Nom, prénom, email, téléphone, message" %}</td>
        <td>{% trans "Répondre à votre demande commerciale" %}</td>
      </tr>
      <tr>
        <td><strong>{% trans "Candidature" %}</strong></td>
        <td>{% trans "Nom, prénom, email, téléphone, lettre de motivation, CV (fichier), LinkedIn, portfolio" %}</td>
        <td>{% trans "Traitement de votre candidature" %}</td>
      </tr>
    </tbody>
  </table>

  <p>{% blocktrans %}Nous ne collectons <strong>aucune donnée de navigation</strong> (Google Analytics ou autre tracker). Nous n'utilisons pas de cookies publicitaires ou de profilage.{% endblocktrans %}</p>

  <!-- 3 -->
  <h2><span class="material-icons-round">cookie</span>{% trans "3. Cookies utilisés" %}</h2>
  <table class="privacy-table">
    <thead>
      <tr><th>Cookie</th><th>{% trans "Rôle" %}</th><th>{% trans "Durée" %}</th></tr>
    </thead>
    <tbody>
      <tr>
        <td><code>csrftoken</code></td>
        <td>{% trans "Sécurité des formulaires (protection contre les attaques CSRF)" %}</td>
        <td>{% trans "1 an" %}</td>
      </tr>
      <tr>
        <td><code>sessionid</code></td>
        <td>{% trans "Session administrateur uniquement (visiteurs non connectés : inactif)" %}</td>
        <td>{% trans "2 semaines" %}</td>
      </tr>
    </tbody>
  </table>
  <div class="privacy-highlight">
    {% blocktrans %}Ces cookies sont <strong>strictement nécessaires</strong> au fonctionnement du site. Ils ne tracent pas votre navigation et ne nécessitent pas votre consentement.{% endblocktrans %}
  </div>

  <!-- 4 -->
  <h2><span class="material-icons-round">schedule</span>{% trans "4. Durée de conservation" %}</h2>
  <ul>
    <li>{% blocktrans %}<strong>Demandes de contact :</strong> conservées 12 mois, puis supprimées.{% endblocktrans %}</li>
    <li>{% blocktrans %}<strong>Candidatures et CVs :</strong> conservés 24 mois après la clôture de l'offre, puis supprimés.{% endblocktrans %}</li>
  </ul>

  <!-- 5 -->
  <h2><span class="material-icons-round">share</span>{% trans "5. Partage des données" %}</h2>
  <p>
    {% blocktrans %}Vos données ne sont <strong>jamais vendues, louées ni cédées</strong> à des tiers.<br> Elles sont accessibles uniquement par l'équipe Jool International habilitée à traiter votre demande.{% endblocktrans %}
  </p>
  <p>{% trans "Notre hébergement est assuré via un serveur privé (VPS). Les fichiers CV sont stockés de manière sécurisée et ne sont pas accessibles publiquement." %}</p>

  <!-- 6 -->
  <h2><span class="material-icons-round">fonts</span>{% trans "6. Polices Google Fonts" %}</h2>
  <p>
    {% blocktrans %}Notre site utilise les polices Barlow et Roboto chargées depuis les serveurs de Google Fonts. Ce chargement implique que votre adresse IP est transmise aux serveurs de Google lors de votre visite. Google déclare ne pas utiliser ces données à des fins publicitaires dans ce contexte.<br> Pour plus d'informations : <a href="https://policies.google.com/privacy" target="_blank" rel="noopener">politique de confidentialité de Google</a>.{% endblocktrans %}
  </p>

  <!-- 7 -->
  <h2><span class="material-icons-round">verified_user</span>{% trans "7. Vos droits" %}</h2>
  <p>{% trans "Conformément à la loi ivoirienne n°2013-450 relative à la protection des données personnelles, vous disposez des droits suivants :" %}</p>
  <ul>
    <li>{% blocktrans %}<strong>Droit d'accès</strong> : connaître les données que nous détenons sur vous.{% endblocktrans %}</li>
    <li>{% blocktrans %}<strong>Droit de rectification</strong> : corriger des données inexactes.{% endblocktrans %}</li>
    <li>{% blocktrans %}<strong>Droit de suppression</strong> : demander l'effacement de vos données.{% endblocktrans %}</li>
    <li>{% blocktrans %}<strong>Droit d'opposition</strong> : vous opposer à un traitement.{% endblocktrans %}</li>
  </ul>
  <p>
    {% trans "Pour exercer ces droits, contactez-nous à :" %}<br>
    <a href="mailto:info@jool-int.com"><strong>info@jool-int.com</strong></a>
  </p>
  <p>{% blocktrans %}Nous nous engageons à répondre dans un délai de <strong>30 jours</strong>.{% endblocktrans %}</p>

  <!-- 8 -->
  <h2><span class="material-icons-round">edit_note</span>{% trans "8. Modifications" %}</h2>
  <p>
    {% trans "Cette politique peut être mise à jour en cas d'évolution de nos pratiques ou de la réglementation. La date de dernière mise à jour est indiquée en haut de cette page. Nous vous invitons à la consulter régulièrement." %}
  </p>

</div>

{% endblock %}