{#- Форма панчанга: город и дата, отправка GET на /{lang}/panchang/. В адрес уходят только
    city (geonameid выбранного города) и date: у поля поиска и у скрытых координат нет name.
    Координаты и пояс нужны city-autocomplete.js: по ним он узнаёт, что город уже выбран.
    values — city, date и для выбранного города place/lat/lon/tz; errors — по именам city и date;
    limits — границы поля даты и сообщение о них; example — ссылка-пример на пустой странице. -#}
{% from "_partials/icon.html" import icon %}
{% from "_partials/forms.html" import error_slot, invalid %}
{% set values = values or {} %}
{% set errors = errors or {} %}
<form class="pan-form" method="get" action="/{{ lang }}/panchang/" data-validate aria-label="{{ t('panchang.form_label') }}">
  <div class="city" data-city
       data-msg-found="{{ t('place.found') }}"
       data-msg-empty="{{ t('panchang.place_empty') }}"
       data-msg-unavailable="{{ t('panchang.place_unavailable') }}"
       data-msg-selected="{{ t('place.selected') }}"
       data-hemispheres="{{ t('place.hemispheres') }}">
    <div class="field city__auto">
      <label class="field__label" for="pan-place">{{ t("panchang.place") }}</label>
      <div class="combobox">
        {{ icon("map-pin", "combobox__icon") }}
        <input class="input combobox__input" id="pan-place" type="text"
               role="combobox" aria-autocomplete="list" aria-expanded="false" aria-controls="pan-place-list"
               autocomplete="off" autocapitalize="words" spellcheck="false" maxlength="100"
               value="{{ values.get('place', '') }}"
               aria-describedby="pan-place-hint pan-place-error"
               data-msg-pick="{{ t('panchang.place_missing') }}"{{ invalid(errors, "city") }}>
        <ul class="listbox" id="pan-place-list" role="listbox" aria-label="{{ t('place.list') }}" hidden></ul>
      </div>
      <p class="field__hint" id="pan-place-hint" data-city-hint data-default>{{ t("place.hint") }}</p>
      {{ error_slot("pan-place", errors.get("city")) }}
      <p class="visually-hidden" role="status" data-city-status></p>
    </div>
    <input type="hidden" name="city" value="{{ values.get('city', '') }}" data-city-id>
    <input type="hidden" value="{{ values.get('lat', '') }}" data-city-lat>
    <input type="hidden" value="{{ values.get('lon', '') }}" data-city-lon>
    <input type="hidden" value="{{ values.get('tz', '') }}" data-city-tz>
  </div>

  <div class="field">
    <label class="field__label" for="pan-date">{{ t("panchang.date") }}</label>
    {#- Границы — файлы эфемерид в ephe/ минус запас на поиск новолуний (limits из web/app.py,
        константы в web/forms.py). Пустое поле — сегодня в городе. #}
    <input class="input" id="pan-date" name="date" type="date" min="{{ limits.min }}" max="{{ limits.max }}"
           autocomplete="off" value="{{ values.get('date', '') }}" aria-describedby="pan-date-hint pan-date-error"
           data-msg-invalid="{{ limits.message }}"{{ invalid(errors, "date") }}>
    <p class="field__hint" id="pan-date-hint">{{ t("panchang.date_hint") }}</p>
    {{ error_slot("pan-date", errors.get("date")) }}
  </div>

  <div class="pan-form__actions">
    <button class="button button--primary pan-form__submit" type="submit">
      <span>{{ t("panchang.submit") }}</span>{{ icon("arrow-right", "button__icon") }}
    </button>
    {%- if example %}
    <p class="pan-form__example">{{ t("panchang.example")|inline(example) }}</p>
    {%- endif %}
  </div>
</form>