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

{% block title %}{{ 'legal.privacy.meta_title'|trans }}{% endblock %}
{% block meta_description %}{{ 'legal.privacy.meta_description'|trans }}{% endblock %}
{% block canonical %}
  {% set canonicalRoute = app.request.locale == 'en' ? 'app_privacy_policy_en' : 'app_privacy_policy' %}
  <link rel="canonical" href="{{ url(canonicalRoute) }}">
  <link rel="alternate" hreflang="fr" href="{{ url('app_privacy_policy') }}">
  <link rel="alternate" hreflang="en" href="{{ url('app_privacy_policy_en') }}">
  <link rel="alternate" hreflang="x-default" href="{{ url('app_privacy_policy') }}">
{% endblock %}

{% block body %}
  {% set languageSwitchRoute = app.request.locale == 'en' ? 'app_privacy_policy' : 'app_privacy_policy_en' %}
  {% include 'legal/_header.html.twig' %}

  <main class="legal-main" id="main-content" tabindex="-1">
    <div class="legal-shell">
      <header class="legal-heading">
        <p class="kicker">{{ 'legal.privacy.kicker'|trans }}</p>
        <h1>{{ 'legal.privacy.title'|trans }}</h1>
        <p>{{ 'legal.updated'|trans }}</p>
        {% if app.request.locale == 'en' %}<p class="legal-translation-note">{{ 'legal.privacy.informative'|trans }}</p>{% endif %}
      </header>

      <div class="legal-content">
        <section aria-labelledby="privacy-controllers">
          <h2 id="privacy-controllers">{{ 'legal.privacy.controllers.title'|trans }}</h2>
          <p>{{ 'legal.privacy.controllers.intro'|trans }}</p>
          <ul>
            <li>{{ 'legal.privacy.controllers.audrey'|trans }}</li>
            <li>{{ 'legal.privacy.controllers.florie'|trans }}</li>
          </ul>
          <p>{{ 'legal.privacy.controllers.contact'|trans }} <a href="mailto:hello@tomonia-experience.com">hello@tomonia-experience.com</a>.</p>
        </section>

        <section aria-labelledby="privacy-data">
          <h2 id="privacy-data">{{ 'legal.privacy.data.title'|trans }}</h2>
          <p>{{ 'legal.privacy.data.intro'|trans }}</p>
          <ul>
            {% for item in ('legal.privacy.data.items'|trans)|split('|') %}<li>{{ item }}</li>{% endfor %}
          </ul>
        </section>

        <section aria-labelledby="privacy-purpose">
          <h2 id="privacy-purpose">{{ 'legal.privacy.purpose.title'|trans }}</h2>
          <p>{{ 'legal.privacy.purpose.p1'|trans }}</p>
          <p>{{ 'legal.privacy.purpose.p2'|trans }}</p>
        </section>

        <section aria-labelledby="privacy-recipients">
          <h2 id="privacy-recipients">{{ 'legal.privacy.recipients.title'|trans }}</h2>
          <p>{{ 'legal.privacy.recipients.p1'|trans }}</p>
          <p>{{ 'legal.privacy.recipients.p2'|trans }}</p>
        </section>

        <section aria-labelledby="privacy-retention">
          <h2 id="privacy-retention">{{ 'legal.privacy.retention.title'|trans }}</h2>
          <p>{{ 'legal.privacy.retention.p1'|trans }}</p>
        </section>

        <section aria-labelledby="privacy-providers">
          <h2 id="privacy-providers">{{ 'legal.privacy.providers.title'|trans }}</h2>
          <ul>
            <li>{{ 'legal.privacy.providers.ovh'|trans }}</li>
            <li>{{ 'legal.privacy.providers.cloudflare'|trans }}</li>
            <li>{{ 'legal.privacy.providers.google'|trans }}</li>
          </ul>
          <p>{{ 'legal.privacy.providers.p1'|trans }}</p>
        </section>

        <section aria-labelledby="privacy-cookies">
          <h2 id="privacy-cookies">{{ 'legal.privacy.cookies.title'|trans }}</h2>
          <p>{{ 'legal.privacy.cookies.p1'|trans }}</p>
          <p>{{ 'legal.privacy.cookies.p2'|trans }}</p>
        </section>

        <section aria-labelledby="privacy-rights">
          <h2 id="privacy-rights">{{ 'legal.privacy.rights.title'|trans }}</h2>
          <p>{{ 'legal.privacy.rights.p1'|trans }}</p>
          <p>{{ 'legal.privacy.rights.p2_before'|trans }} <a href="mailto:hello@tomonia-experience.com">hello@tomonia-experience.com</a>. {{ 'legal.privacy.rights.p2_after'|trans }}</p>
          <p>{{ 'legal.privacy.rights.p3_before'|trans }} <a href="https://www.cnil.fr/fr/plaintes" rel="noopener noreferrer">{{ 'legal.privacy.rights.cnil'|trans }}</a>.</p>
        </section>
      </div>
    </div>
  </main>

  {% include '_public_footer.html.twig' %}
{% endblock %}