{% extends "base.html" %}

{#- Панчанг. Без result — страница с формой: первый заход (пример — Киев) или ошибка в адресе.
    С result — пять элементов, Солнце и Луна, периоды дня, посчитанные движком, и форма
    «Другой город или дата». Всё через GET: город и дата не личные данные. -#}

{% block title %}
  {%- if result %}{{ t("panchang.title_day", place=city.name, date=result.day.date) }}
  {%- else %}{{ t("panchang.title") }}{% endif -%}
{% 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/panchang.css') }}">
  <script type="module" src="{{ static_url('js/forms.js') }}"></script>
  <script type="module" src="{{ static_url('js/city-autocomplete.js') }}"></script>
  {%- if result %}
  <script type="module" src="{{ static_url('js/toggles.js') }}"></script>
  {%- endif %}
{% endblock %}

{% block content %}
{% if result %}
  {% include "_partials/panchang/result.html" %}
{% else %}
<section class="pan-intro container" aria-labelledby="panchang-title">
  <div class="pan-intro__text">
    <h1 class="pan-intro__title" id="panchang-title">{{ t("panchang.h1") }}</h1>
    <p class="pan-intro__lead">{{ t("panchang.lead")|inline }}</p>
  </div>
  <div class="pan-intro__panel panel">
    {% include "_partials/panchang/form.html" %}
  </div>
</section>
{% endif %}
{% endblock %}