{% extends "base.html" %}

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

{% block title %}{{ t("match.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/match.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/match/result.html" %}
{% else %}
<section class="match-intro container" aria-labelledby="match-title">
  <div class="match-intro__text">
    <h1 class="match-intro__title" id="match-title">{{ t("match.h1") }}</h1>
    <p class="match-intro__lead">{{ t("match.lead")|inline }}</p>
  </div>
  <div class="match-intro__panel panel">
    {% include "_partials/match_form.html" %}
  </div>
</section>
{% endif %}
{% endblock %}