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

{% block title %}{% if app.request.locale == 'fr' %}Conditions générales d'utilisation - Na+{% else %}Terms of Use - Na+{% endif %}{% endblock %}

{% block body %}
  <main id="contenu" class="content">
    <img src="/Logo.png" class="logo-central" alt="Logo" />

    <h1>{% if app.request.locale == 'fr' %}Conditions générales d'utilisation{% else %}Terms of Use{% endif %}</h1>

    <section class="content-section">
      <h2>{% if app.request.locale == 'fr' %}Objet{% else %}Purpose{% endif %}</h2>
      <p>{% if app.request.locale == 'fr' %}Les présentes conditions définissent les règles d'utilisation du réseau social Na+.{% else %}These terms define the rules for using the Na+ social network.{% endif %}</p>
    </section>

    <section class="content-section">
      <h2>{% if app.request.locale == 'fr' %}Accès au service{% else %}Access to service{% endif %}</h2>
      <p>{% if app.request.locale == 'fr' %}L'accès au service est réservé aux personnes majeures.{% else %}Access to the service is reserved for adults.{% endif %}</p>
    </section>

    <section class="content-section">
      <h2>{% if app.request.locale == 'fr' %}Inscription{% else %}Registration{% endif %}</h2>
      <p>{% if app.request.locale == 'fr' %}L'utilisateur garantit l'exactitude des informations transmises lors de son inscription.{% else %}The user guarantees the accuracy of the information provided during registration.{% endif %}</p>
    </section>

    <section class="content-section">
      <h2>{% if app.request.locale == 'fr' %}Comportement des utilisateurs{% else %}User behavior{% endif %}</h2>
      <ul class="bullets">
        <li>{% if app.request.locale == 'fr' %}Respect des autres membres{% else %}Respect for other members{% endif %}</li>
        <li>{% if app.request.locale == 'fr' %}Interdiction de harcèlement{% else %}Harassment prohibited{% endif %}</li>
        <li>{% if app.request.locale == 'fr' %}Interdiction de contenu illégal{% else %}Illegal content prohibited{% endif %}</li>
      </ul>
    </section>

    <section class="content-section">
      <h2>{% if app.request.locale == 'fr' %}Responsabilité{% else %}Liability{% endif %}</h2>
      <p>{% if app.request.locale == 'fr' %}Na+ ne peut être tenu responsable des contenus publiés par les utilisateurs.{% else %}Na+ cannot be held responsible for content published by users.{% endif %}</p>
    </section>

    <section class="content-section">
      <h2>{% if app.request.locale == 'fr' %}Modification du service{% else %}Service modifications{% endif %}</h2>
      <p>{% if app.request.locale == 'fr' %}Na+ se réserve le droit de modifier les fonctionnalités du service.{% else %}Na+ reserves the right to modify service features.{% endif %}</p>
    </section>
  </main>
{% endblock %}