{% load static %}

<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <title>
            PYRSS{% block title %}{% endblock %}
        </title>

        <link type="text/css" rel="stylesheet" href="{% static '/css/bootstrap.css' %}" />
        <link type="text/css" rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
        <link type="text/css" rel="stylesheet" href="{% static '/css/colours.css' %}" />
        <link type="text/css" rel="stylesheet" href="{% static '/css/toasts.css' %}" />
        <link type="text/css" rel="stylesheet" href="https://cdn.datatables.net/2.0.5/css/dataTables.dataTables.css">
        <link type="text/css" rel="stylesheet" href="https://cdn.datatables.net/select/2.0.1/css/select.dataTables.min.css">
        


        {% block stylesheets %}{% endblock stylesheets %}
    </head>
    <body data-bs-theme="light" class="bg-body bg-gradient">

        <div class="h-100 d-flex flex-column align-items-stretch flex-nowrap" style="background-image: url('/static/images/background-texture.webp'); background-size: cover;">
            {% include 'includes/navbar.html' %}
            {% block content %}{% endblock content %}
        </div>



        {% comment %} {% include 'includes/footer.html' %} {% endcomment %}

        {% include 'includes/toasts.html' %}

        <script>
            const CSRF_MiddlewareToken = "{{ csrf_token }}";
            const currentUserId = "{{ request.user.id }}";
        </script>

        <script src="{% static '/js/jquery-3.6.0.min.js' %}"></script>
        <script src="https://cdn.datatables.net/2.0.5/js/dataTables.min.js"></script>
        <script src="https://cdn.datatables.net/select/2.0.1/js/dataTables.select.min.js"></script>
        <script src="{% static '/js/bootstrap.bundle.min.js' %}"></script>
        <script src="{% static '/js/toasts.js' %}"></script>
        <script src="{% static '/js/base.js' %%}"></script>

        {% block javascript %}{% endblock javascript %}        

    </body>
</html>
