{% extends 'crochet/base.html' %}
{% load i18n %}

{% block title %}{% trans 'Política de cookies' %}{% endblock %}

{% block extra_css %}
  {% include 'crochet/_platform_assets.html' %}
{% endblock %}

{% block content %}
  <main class="max-w-2xl mx-auto px-4 py-8 flex flex-col gap-6">
    <h1 class="text-2xl font-semibold">{% trans 'Política de cookies' %}</h1>

    <p>
      {% blocktrans %}Una cookie es un pequeño archivo que una web guarda en tu navegador. Aquí usamos únicamente las que hacen falta para que la página funcione; no usamos cookies de analítica ni de publicidad, ni de terceros.{% endblocktrans %}
    </p>

    <section class="card bg-base-100 shadow border border-base-300">
      <div class="card-body">
        <h2 class="card-title text-lg">{% trans 'Cookies que usamos' %}</h2>
        <div class="overflow-x-auto">
          <table class="table">
            <thead>
              <tr>
                <th>{% trans 'Nombre' %}</th>
                <th>{% trans 'Finalidad' %}</th>
                <th>{% trans 'Duración' %}</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td><code>sessionid</code></td>
                <td>{% trans 'Mantiene tu sesión iniciada.' %}</td>
                <td>{% trans 'Hasta que cierras sesión o caduca.' %}</td>
              </tr>
              <tr>
                <td><code>csrftoken</code></td>
                <td>{% trans 'Protege los formularios frente a ataques de falsificación de petición (CSRF).' %}</td>
                <td>{% trans '1 año.' %}</td>
              </tr>
            </tbody>
          </table>
        </div>
        <p class="text-sm text-base-content/70">
          {% blocktrans %}Además, tu navegador guarda localmente (no como cookie) que ya has visto el aviso de cookies, para no volver a mostrártelo.{% endblocktrans %}
        </p>
      </div>
    </section>

    <p>
      {% blocktrans %}Ambas son cookies técnicas necesarias para el funcionamiento del sitio (iniciar sesión y proteger los formularios), así que no requieren tu consentimiento previo.{% endblocktrans %}
    </p>

    <a href="{% url 'crochet:home' %}" class="link link-primary">{% trans 'Volver al inicio' %}</a>
  </main>
{% endblock %}