{% extends "base.html" %}
{% from "_partials/icon.html" import icon %}
{% from "_partials/forms.html" import error_slot, invalid %}

{#- Политика конфиденциальности. Сюда же приходит человек по ссылке отписки и после удаления
    адреса: notice — что произошло (text, ok), delete — форма удаления с ошибкой у поля. -#}

{% block title %}{{ t("privacy.title") }}{% endblock %}

{#- Заголовки на кириллице (ru, uk) видны сразу, без подмены шрифта; латинский Cormorant грузит base.html. URL без версии — как url() в fonts.css. #}
{% block preload %}
  {% if cyrillic %}
  <link rel="preload" href="/static/fonts/cormorant-garamond-cyrillic.woff2" as="font" type="font/woff2" crossorigin>
  {% endif %}
{% endblock %}

{% block head %}
  <link rel="stylesheet" href="{{ static_url('css/pages/privacy.css') }}">
  <script type="module" src="{{ static_url('js/forms.js') }}"></script>
{% endblock %}

{% block content %}
{% set values = (delete or {}).get("values") or {} %}
{% set errors = (delete or {}).get("errors") or {} %}
<article class="policy container">
  <header class="policy__head">
    <h1 class="policy__title">{{ t("privacy.h1") }}</h1>
    <p class="policy__lead">{{ t("privacy.lead")|inline }}</p>
    <p class="policy__updated">{{ t("privacy.updated") }}</p>
    {#- Владельца и адрес для обращений по данным не выдумываем: пока честная строка о превью -#}
    <p class="policy__preview">{{ icon("info", "policy__preview-icon") }}<span>{{ t("privacy.preview") if preview else t("privacy.owner") }}</span></p>
  </header>

  {%- if notice %}
  {#- Итог отписки или удаления. autofocus: после перехода по ссылке ответ читается первым -#}
  <p class="policy__notice" tabindex="-1" autofocus>
    {{- icon("check-circle" if notice.ok else "warning-circle", "policy__notice-icon") }}
    <span>{{ notice.text }}</span>
  </p>
  {%- endif %}

  <div class="policy__short panel-solid">
    <h2 class="policy__short-title">{{ t("privacy.short_title") }}</h2>
    <ul class="policy__short-list" role="list">
      {%- for key in ("short_1", "short_2", "short_3") %}
      <li>{{ icon("check", "policy__check") }}<span>{{ t("privacy." ~ key)|inline }}</span></li>
      {%- endfor %}
    </ul>
  </div>

  {%- for part, texts in (
        ("birth", ("birth_1", "birth_2", "birth_3")),
        ("waitlist", ("waitlist_1", "waitlist_2", "waitlist_3")),
        ("panchang", ("panchang_text",)),
        ("browser", ("browser_1", "browser_2")),
        ("logs", ("logs_text",))) %}
  <section class="policy__part" aria-labelledby="policy-{{ part }}">
    <h2 class="policy__part-title" id="policy-{{ part }}">{{ t("privacy." ~ part ~ "_title") }}</h2>
    <div class="policy__body">
      {%- for key in texts %}
      <p>{{ t("privacy." ~ key)|inline }}</p>
      {%- endfor %}
    </div>
  </section>
  {%- endfor %}

  <section class="policy__part" id="delete" aria-labelledby="policy-delete">
    <h2 class="policy__part-title" id="policy-delete">{{ t("privacy.delete_title") }}</h2>
    <div class="policy__body">
      <p>{{ t("privacy.delete_text")|inline }}</p>
      <form class="policy__form" method="post" action="/{{ lang }}/waitlist/delete" data-validate>
        <div class="field">
          <label class="field__label" for="delete-email">{{ t("home.waitlist.email") }}</label>
          <div class="policy__form-row">
            <input class="input" id="delete-email" name="email" type="email" required
                   autocomplete="email" spellcheck="false" maxlength="254"
                   value="{{ values.get('email', '') }}" aria-describedby="delete-email-error"
                   data-msg-missing="{{ t('home.waitlist.email_missing') }}"
                   data-msg-invalid="{{ t('home.waitlist.email_invalid') }}"
                   {{- invalid(errors, "email") }}>
            <button class="button button--secondary" type="submit">{{ t("privacy.delete_submit") }}</button>
          </div>
          {{ error_slot("delete-email", errors.get("email")) }}
        </div>
      </form>
    </div>
  </section>
</article>
{% endblock %}