{% extends "layout.html" %}
{% load wagtailcore_tags oxyan static string_filters i18n %}

{% block extrahead %}
  {{ block.super }}
  <link rel="stylesheet" href="{% static 'theme/modern_saas/css/main.css' %}">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
  <script src="{% static 'theme/modern_saas/js/nav-toggle.js' %}" defer></script>
  {% include "engine/partials/gym_theme_overrides.html" %}
  {% include "engine/partials/hotel_theme_overrides.html" %}
  {% include "engine/partials/auto_theme_overrides.html" %}
  {% include "engine/partials/bank_theme_overrides.html" %}
  {% include "engine/partials/pharmacy_theme_overrides.html" %}
  {% include "engine/partials/realty_theme_overrides.html" %}
  {% include "engine/partials/tech_theme_overrides.html" %}
  {% include "engine/partials/travel_theme_overrides.html" %}
  {% include "engine/partials/saas_theme_overrides.html" %}
  <style>
    :root { --mb-site-header-height: 88px; }
    header.mega_header {
      z-index: 1200;
    }
    .te-modern-saas .te-block--saas-testimonials .saas-testimonials__header {
      top: calc(var(--mb-site-header-height) + 8px);
      z-index: 20;
    }
    @media (max-width: 991.98px) {
      :root { --mb-site-header-height: 72px; }
    }
  </style>
{% endblock %}

{% block layout %}
  <a class="btn btn-secondary hidelink" id="main_content_link" href="#skip_header" tabindex="2">
    {% if request.LANGUAGE_CODE == 'ru' %}Перейти к содержанию{% elif request.LANGUAGE_CODE == 'de' %}Zum Inhalt springen{% elif request.LANGUAGE_CODE == 'fr' %}Aller au contenu{% elif request.LANGUAGE_CODE == 'es' %}Ir al contenido{% elif request.LANGUAGE_CODE == 'it' %}Vai al contenuto{% elif request.LANGUAGE_CODE == 'pt' %}Ir para o conteúdo{% elif request.LANGUAGE_CODE == 'nl' %}Ga naar inhoud{% else %}Skip to content{% endif %}
  </a>
  {% include_header header_template|default:"engine/partials/header.html" %}
  <div id="main_content" tabindex="-1">
    <div class="te-modern-saas">
      <main>
        {% for block in self.body %}
          {% with scope_class=block.block_type|split:"_"|join:"-" %}
          <section class="te-block te-block--{{ scope_class }}" data-block-type="{{ block.block_type }}">
            {% include_block block %}
          </section>
          {% endwith %}
        {% endfor %}
      </main>
    </div>
  </div>
  <div class="footer-corners">
    {% include "svg/corner.svg" with class="left" %}
    {% include "svg/corner.svg" with class="right" %}
  </div>
  {% include "oxyan/partials/footer.html" %}
{% endblock %}