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

{% 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" %}
{% endblock %}

{% block layout %}
  <a class="btn btn-secondary hidelink" id="main_content_link" href="#skip_header" tabindex="2">
    Ga naar inhoud
  </a>
  {% include_header header_template|default:"engine/partials/header.html" %}
  <div id="main_content" tabindex="-1">
    <div class="te-modern-saas">
      <main class="te-section">
        <div class="container">
          <h1 class="te-section__heading">{{ self.title }}</h1>
          {% 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 %}
        </div>
      </main>
    </div>
  </div>
  {% if not self.footer %}
    <div class="footer-corners">
      {% include "svg/corner.svg" with class="left" %}
      {% include "svg/corner.svg" with class="right" %}
    </div>
  {% endif %}
  {% include "oxyan/partials/footer.html" %}
{% endblock %}