{#- Форма совместимости: страница /match (повторный показ с ошибками сервера) и «Изменить данные»
    под результатом. Два партнёра в одной форме, имена полей с префиксом he_ и she_.
    values — введённые значения, errors — сообщения по именам полей; оба необязательны.
    time_choices — {who: вопрос о времени на переводе часов}, кнопки-варианты (name/value/label).
    Время необязательно: пустое поле — «не знаю». Отправка POST: данные не попадают в адрес и логи. -#}
{% from "_partials/icon.html" import icon %}
{% from "_partials/forms.html" import error_slot, invalid %}
{% from "_partials/city_field.html" import city_field with context %}
{% set values = values or {} %}
{% set errors = errors or {} %}
{% set time_choices = time_choices or {} %}
{#- Фокус — на первый вариант первого вопроса (он раньше неё, как в errors) -#}
{% set first_asked = (time_choices|list|first) if time_choices else None %}
<form class="match-form" method="post" action="/{{ lang }}/match" data-validate aria-label="{{ t('match.form_label') }}">
  {% if time_choices %}
  {#- Enter в поле формы нажимает первую кнопку отправки. Без этой пустой кнопки ею была бы
      кнопка первого варианта времени, и выбор сделался бы сам -#}
  <button class="visually-hidden" type="submit" tabindex="-1" aria-hidden="true"></button>
  {% endif %}
  <div class="match-form__people">
    {%- for who in ("he", "she") %}
    {%- set n = who ~ "_" %}
    <fieldset class="partner-fields">
      <legend class="partner-fields__title">{{ t("match." ~ who) }}</legend>
      <div class="partner-fields__row">
        <div class="field">
          <label class="field__label" for="{{ who }}-date">{{ t("natal_form.date") }}</label>
          {#- Границы — файлы эфемерид в ephe/ (sepl_18, semo_18, seas_18): 1800–2399 годы. #}
          {#- autocomplete="off": даты здесь чужие, подстановка своего дня рождения только мешает -#}
          <input class="input" id="{{ who }}-date" name="{{ n }}date" type="date" min="1800-01-01" max="2399-12-31" required
                 autocomplete="off" value="{{ values.get(n ~ 'date', '') }}" aria-describedby="{{ who }}-date-error"
                 data-msg-missing="{{ t('natal_form.date_missing') }}" data-msg-invalid="{{ t('natal_form.date_invalid') }}"
                 {{- invalid(errors, n ~ "date") }}>
          {{ error_slot(who ~ "-date", errors.get(n ~ "date")) }}
        </div>
        <div class="field">
          <label class="field__label" for="{{ who }}-time">{{ t("natal_form.time") }} <span class="field__optional">{{ t("natal_form.optional") }}</span></label>
          <input class="input" id="{{ who }}-time" name="{{ n }}time" type="time"
                 autocomplete="off" value="{{ values.get(n ~ 'time', '') }}" aria-describedby="{{ who }}-time-hint {{ who }}-time-error"
                 data-msg-invalid="{{ t('natal_form.time_invalid') }}"{{ invalid(errors, n ~ "time") }}>
          {{ error_slot(who ~ "-time", errors.get(n ~ "time")) }}
        </div>
        <p class="field__hint partner-fields__hint" id="{{ who }}-time-hint">{{ t("match.time_hint") }}</p>
      </div>

      {%- set choice = time_choices.get(who) %}
      {% if choice %}
      <div class="time-choice" role="group" aria-labelledby="{{ who }}-time-choice">
        <p class="time-choice__text" id="{{ who }}-time-choice">{{ icon("warning-circle") }}<span>{{ choice.message }}</span></p>
        <div class="time-choice__actions">
          {%- for option in choice.options %}
          <button class="button button--secondary time-choice__button" type="submit"
                  name="{{ option.name }}" value="{{ option.value }}"{% if loop.first and who == first_asked %} autofocus{% endif %}>{{ option.label }}</button>
          {%- endfor %}
        </div>
      </div>
      {% elif values.get(n ~ "utc_offset") %}
      {#- Выбор из двух одинаковых времён, сделанный раньше: без него форма снова спросит -#}
      <input type="hidden" name="{{ n }}utc_offset" value="{{ values.get(n ~ 'utc_offset') }}">
      {% endif %}

      {{ city_field(who, values, errors, n) }}
    </fieldset>
    {%- endfor %}
  </div>

  <div class="match-form__actions">
    <button class="button button--primary match-form__submit" type="submit">
      <span>{{ t("match.submit") }}</span>{{ icon("arrow-right", "button__icon") }}
    </button>
    <p class="match-form__privacy">{{ t("natal_form.privacy") }}</p>
  </div>
</form>