{% extends "texsitecore/skeletons/bootstrap5-skeleton.html" %}

{% load i18n %}
{% load static %}
{% load texsitecore_tags %}
{% load wagtailcore_tags %}
{% load wagtailimages_tags %}

{% block head-css %}
    {{ block.super }}

    {% include "texsitecore/includes/google_font.html" with family="Kaushan+Script" only %}
    {% include "texsitecore/includes/google_font.html" with family="Montserrat:wght@400;700" only %}
    {% include "texsitecore/includes/google_font.html" with family="Roboto+Slab:wght@100;200;300;400;500;600;700;800;900" only %}
    <link href="{% static "css/texsite-agency.css" %}" rel="stylesheet">
{% endblock %}

{% block head-extension %}
    {% include "texsitecore/includes/favicon.html" %}
{% endblock %}

{% block body-content %}
    {% wagtail_site as current_site %}
    {% get_menu_pages current_site as menu_pages %}

    <!-- Navigation -->
    <nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
        <div class="container">
            <a class="navbar-brand" href="/">{{ current_site.site_name }}</a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="{% trans "Toggle navigation" %}">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarResponsive">
                <ul class="navbar-nav ms-auto">
                    {% for menu_page in menu_pages %}
                        <li class="nav-item">
                            <a class="nav-link" href="{{ menu_page.url }}">{{ menu_page.title }}</a>
                        </li>
                    {% endfor %}
                </ul>
            </div>
        </div>
    </nav>

    {% block agency-body-content %}{% endblock %}

    <!-- Footer -->
    <footer class="footer">
        <div class="container text-center">
            <div class="mb-2">
                {% trans "Copyright &copy;" %} {% now "Y" %} {{ current_site.site_name }}
            </div>
            {% get_footer_pages current_site as footer_pages %}
            {% for footer_page in footer_pages %}
                <a href="{{ footer_page.url }}">{{ footer_page.title }}</a>
                {% if not forloop.last %}
                    <span class="mx-1">&middot;</span>
                {% endif %}
            {% endfor %}
        </div>
    </footer>
{% endblock %}