{% extends "base.html" %}

{#- Натальная карта. Без result — страница с формой (GET, ошибки у полей, вопрос о переводе часов,
    открытие ссылки «Поделиться»). С result — карта, посчитанная движком, и форма «Изменить данные». -#}

{% block title %}{{ t("natal.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/natal.css') }}">
  <script type="module" src="{{ static_url('js/forms.js') }}"></script>
  <script type="module" src="{{ static_url('js/city-autocomplete.js') }}"></script>
  <script type="module" src="{{ static_url('js/share.js') }}"></script>
  {%- if result %}
  <script type="module" src="{{ static_url('js/toggles.js') }}"></script>
  {%- endif %}
{% endblock %}

{% block content %}
{% if result %}
  {% include "_partials/natal/result.html" %}
{% else %}
<section class="natal-intro container" aria-labelledby="natal-title">
  <div class="natal-intro__text">
    <h1 class="natal-intro__title" id="natal-title">{{ t("natal.h1") }}</h1>
    <p class="natal-intro__lead">{{ t("natal.lead")|inline }}</p>
    <p class="natal-intro__status" role="status" data-share-status
       data-msg-loading="{{ t('natal.share_loading') }}" data-msg-broken="{{ t('natal.share_broken') }}"></p>
  </div>
  <div class="natal-intro__panel panel">
    {% include "_partials/natal_form.html" %}
  </div>
</section>
{% endif %}
{% endblock %}