{% load static %}
<!DOCTYPE html>
<html
  lang="en"
  class="layout-navbar-fixed layout-compact layout-menu-fixed"
  dir="ltr"
  data-theme="theme-default"
  data-assets-path="../assets/"
  data-template="vertical-menu-template-free"
  data-bs-theme="light"
>
  <head>
    {% include 'dashboard/gate_keeper_dashboard/header.html' %}
  </head>
<body>
    <div class="layout-wrapper layout-content-navbar">
        <div class="layout-container">
            {% include 'dashboard/gate_keeper_dashboard/menu.html' %}
            <div class="layout-page">
                {% include 'dashboard/gate_keeper_dashboard/navbar.html' %}
                <div class="content-wrapper">
                    <div class="container-xxl flex-grow-1 container-p-y">
                        {% block content %}
                        {% endblock %}
                    </div>
                    {% include 'dashboard/gate_keeper_dashboard/footer.html' %}
                </div>
            </div>
        </div>
    </div>
    <script src="{% static '/assets/vendor/libs/jquery/jquery.js'%}"></script>
    <script src="{% static '/assets/vendor/libs/popper/popper.js'%}"></script>
    <script src="{% static '/assets/vendor/js/bootstrap.js'%}"></script>
    <script src="{% static '/assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.js'%}"></script>

    <script src="{% static '/assets/vendor/js/menu.js'%}"></script>
    <!-- endbuild -->

    <!-- Vendors JS -->
    <script src="{% static '/assets/vendor/libs/apex-charts/apexcharts.js'%}"></script>

    <!-- Main JS -->
    <script src="{% static '/assets/js/main.js'%}"></script>

    <!-- Page JS -->
    <script src="{% static '/assets/js/dashboards-analytics.js'%}"></script>

     <script src="{% static 'default/footer/dataTables.js' %}"></script>

    <script src="{% static 'default/footer/dataTables.buttons.js' %}"></script>

    <script src="{% static 'default/footer/buttons.html5.min.js' %}"></script>

    <script src="{% static 'default/footer/buttons.print.min.js' %}"></script>

    <link rel="stylesheet" type="text/css" href="{% static 'default/footer/dataTables.dataTables.css' %}">

    <link rel="stylesheet" type="text/css" href="{% static 'default/footer/buttons.dataTables.css' %}">

    <script src="{% static 'default/footer/buttons.print.min.js' %}"></script>

    <script src="{% static 'default/footer/dataTables.responsive.js' %}"></script>
    <script src="{% static 'default/footer/responsive.dataTables.js' %}"></script>
    <!-- FastClick -->
    <script src="{% static 'plugins/fastclick/fastclick.min.js' %}"></script>
    <script src="{% static 'plugins/fastclick/fastclick.js' %}"></script>


<!--    <link href="{% static 'select2\css\select2.min.css' %}" rel="stylesheet" type="text/css"/>-->
<!---->
    <script src="{% static 'default/footer/sweetalert2@10.js' %}"></script>

<!--    <script src="{% static 'select2\js\select2.min.js' %}"></script>-->
</body>