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

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

{% block body %}
  {% set languageSwitchRoute = app.request.locale == 'en' ? 'app_legal_notices' : 'app_legal_notices_en' %}
  {% set homeRoute = app.request.locale == 'en' ? 'app_home_en' : 'app_home' %}
  {% set privacyRoute = app.request.locale == 'en' ? 'app_privacy_policy_en' : 'app_privacy_policy' %}
  {% 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.notice.kicker'|trans }}</p>
        <h1>{{ 'legal.notice.title'|trans }}</h1>
        <p>{{ 'legal.updated'|trans }}</p>
        {% if app.request.locale == 'en' %}<p class="legal-translation-note">{{ 'legal.notice.informative'|trans }}</p>{% endif %}
      </header>

      <div class="legal-content">
        <section aria-labelledby="legal-publisher">
          <h2 id="legal-publisher">{{ 'legal.notice.publisher.title'|trans }}</h2>
          <p>{{ 'legal.notice.publisher.intro'|trans }}</p>
          <p>{{ 'legal.notice.publisher.site'|trans }}</p>

          <div class="legal-entities">
            <article>
              <h3>Audrey Maleyrie</h3>
              <p>{{ 'legal.notice.audrey.status'|trans }}</p>
              <address>
                <strong>Le Collectif des Talents</strong><br>
                {{ 'legal.notice.company_capital'|trans }}<br>
                34 rue Nicolas Parent<br>
                73000 Chambéry — France<br>
                SIRET : 497&nbsp;892&nbsp;992&nbsp;00023<br>
                497&nbsp;892&nbsp;992 RCS Chambéry<br>
                {{ 'legal.notice.vat_number'|trans }}
              </address>
              <p>{{ 'legal.notice.audrey.representative'|trans }}</p>
            </article>

            <article>
              <h3>Florie Moutin</h3>
              <p>{{ 'legal.notice.florie.status'|trans }}</p>
              <address>
                1 chemin des Mollières<br>
                73100 Tresserve — France<br>
                SIRET : 500&nbsp;193&nbsp;685&nbsp;00020<br>
                {{ 'legal.notice.rne'|trans }}<br>
                500&nbsp;193&nbsp;685 RCS Chambéry<br>
                {{ 'legal.notice.vat_na'|trans }}
              </address>
            </article>
          </div>
        </section>

        <section aria-labelledby="legal-directors">
          <h2 id="legal-directors">{{ 'legal.notice.directors.title'|trans }}</h2>
          <p>Audrey Maleyrie et Florie Loddo.</p>
        </section>

        <section aria-labelledby="legal-contact">
          <h2 id="legal-contact">{{ 'legal.notice.contact.title'|trans }}</h2>
          <p>{{ 'legal.notice.contact.text_before_email'|trans }} <a href="mailto:hello@tomonia-experience.com">hello@tomonia-experience.com</a> {{ 'legal.notice.contact.text_before_form'|trans }} <a href="{{ path(homeRoute) }}#contact">{{ 'legal.notice.contact.form'|trans }}</a>.</p>
        </section>

        <section aria-labelledby="legal-hosting">
          <h2 id="legal-hosting">{{ 'legal.notice.hosting.title'|trans }}</h2>
          <address>
            <strong>OVH SAS</strong><br>
            {{ 'legal.notice.host_capital'|trans }}<br>
            2 rue Kellermann<br>
            59100 Roubaix — France<br>
            RCS Lille Métropole 424&nbsp;761&nbsp;419&nbsp;00045
          </address>
        </section>

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

        <section aria-labelledby="legal-data">
          <h2 id="legal-data">{{ 'legal.notice.data.title'|trans }}</h2>
          <p>{{ 'legal.notice.data.before_link'|trans }} <a href="{{ path(privacyRoute) }}">{{ 'footer.privacy'|trans }}</a>.</p>
        </section>
      </div>
    </div>
  </main>

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