{#- Форма натальной карты: главная, страница карты (повторный показ с ошибками сервера)
    и «Изменить данные» под результатом.
    values — введённые значения, errors — сообщения по именам полей; оба необязательны.
    time_choice — вопрос о времени на переводе часов: кнопки-варианты (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 accuracy = values.get("accuracy") or "exact" %}
<form class="natal-form" method="post" action="/{{ lang }}/natal" data-validate aria-label="{{ t('natal_form.label') }}">
  <div class="field">
    <label class="field__label" for="natal-name">{{ t("natal_form.name") }} <span class="field__optional">{{ t("natal_form.optional") }}</span></label>
    <input class="input" id="natal-name" name="name" type="text" maxlength="60" autocomplete="off"
           value="{{ values.get('name', '') }}" aria-describedby="natal-name-error"{{ invalid(errors, "name") }}>
    {{ error_slot("natal-name", errors.get("name")) }}
  </div>

  <div class="natal-form__row">
    <div class="field">
      <label class="field__label" for="natal-date">{{ t("natal_form.date") }}</label>
      {#- Границы — файлы эфемерид в ephe/ (sepl_18, semo_18, seas_18): 1800–2399 годы. #}
      {#- autocomplete="off": карту строят и на чужую дату, подстановка своего дня рождения мешает -#}
      <input class="input" id="natal-date" name="date" type="date" min="1800-01-01" max="2399-12-31" required
             autocomplete="off" value="{{ values.get('date', '') }}" aria-describedby="natal-date-error"
             data-msg-missing="{{ t('natal_form.date_missing') }}" data-msg-invalid="{{ t('natal_form.date_invalid') }}"
             {{- invalid(errors, "date") }}>
      {{ error_slot("natal-date", errors.get("date")) }}
    </div>
    <div class="field">
      <label class="field__label" for="natal-time">{{ t("natal_form.time") }}</label>
      <input class="input" id="natal-time" name="time" type="time" data-time-input
             autocomplete="off" value="{{ values.get('time', '') }}" aria-describedby="natal-time-error"
             data-msg-missing="{{ t('natal_form.time_missing') }}" data-msg-invalid="{{ t('natal_form.time_invalid') }}"
             {%- if accuracy == "unknown" %} disabled{% endif %}{{ invalid(errors, "time") }}>
      {{ error_slot("natal-time", errors.get("time")) }}
    </div>
  </div>

  {% if time_choice %}
  {#- Enter в поле формы нажимает первую кнопку отправки. Без этой пустой кнопки ею была бы
      кнопка первого варианта, и выбор сделался бы сам; так форма просто спросит ещё раз -#}
  <button class="visually-hidden" type="submit" tabindex="-1" aria-hidden="true"></button>
  <div class="time-choice" role="group" aria-labelledby="natal-time-choice">
    <p class="time-choice__text" id="natal-time-choice">{{ icon("warning-circle") }}<span>{{ time_choice.message }}</span></p>
    <div class="time-choice__actions">
      {%- for option in time_choice.options %}
      <button class="button button--secondary time-choice__button" type="submit"
              name="{{ option.name }}" value="{{ option.value }}"{% if loop.first %} autofocus{% endif %}>{{ option.label }}</button>
      {%- endfor %}
    </div>
  </div>
  {% elif values.get("utc_offset") %}
  {#- Выбор из двух одинаковых времён, сделанный раньше: без него форма снова спросит -#}
  <input type="hidden" name="utc_offset" value="{{ values.get('utc_offset') }}">
  {% endif %}

  <fieldset class="field natal-form__accuracy" data-accuracy>
    <legend class="field__label">{{ t("natal_form.accuracy") }}</legend>
    <div class="segmented">
      {%- for value in ("exact", "15m", "1h", "unknown") %}
      <label class="segmented__item">
        <input class="segmented__input" type="radio" name="accuracy" value="{{ value }}"
               {%- if value == accuracy %} checked{% endif %}
               {%- if value == "unknown" %} aria-describedby="natal-unknown-note"{% endif %}>
        <span class="chip">{{ t("natal_form.accuracy_" ~ value) }}</span>
      </label>
      {%- endfor %}
    </div>
    <p class="natal-form__note" id="natal-unknown-note" data-unknown-note>{{ icon("info") }}<span>{{ t("natal_form.unknown_note") }}</span></p>
  </fieldset>

  {{ city_field("natal", values, errors) }}

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