<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <link
            href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
            rel="stylesheet"
            integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
            crossorigin="anonymous">
        <link
            rel="stylesheet"
            href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.1/font/bootstrap-icons.css">
        <link 
            rel="stylesheet"
            href="{{ url_for('.static', filename='css/style.css') }}"
        />
        {% block style %}
        {% endblock %}
        <title>{% block title %} SKA Referee Test Beta {% endblock %}</title>
        {% include "components/og-meta.html" %}
    </head>
    <body class="bg-light">

        {% block navbar %}
            {% include "components/navbar.html" %}
        {% endblock %}
        
        <div class="container quiz-container">
            {% block top_alerts %}
                {% include "components/server-alerts.html" %}
            {% endblock %}
            {% block content %}{% endblock %}

            <footer class="container site-footer">
                {% include "components/footer.html" %}
            </footer>
        </div>

        <!-- JQuery, Popper, and Bootstrap js dependencies -->
        <script
            src="https://code.jquery.com/jquery-3.6.0.min.js"
            integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
            crossorigin="anonymous">
        </script>
        <script>
            window.jQuery || document.write(`<script src="{{ url_for('.static', filename='js/jquery-3.6.0.min.js') }}"><\/script>`)
        </script>
        <script
            src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js"
            integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB"
            crossorigin="anonymous">
        </script>
        <script
            src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js"
            integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13"
            crossorigin="anonymous"
        ></script>
        <!-- Custom js -->
        <script type="text/javascript">
            var csrf_token = "{{ csrf_token() }}";
        
            $.ajaxSetup({
                beforeSend: function(xhr, settings) {
                    if (!/^(GET|HEAD|OPTIONS|TRACE)$/i.test(settings.type) && !this.crossDomain) {
                        xhr.setRequestHeader("X-CSRFToken", csrf_token);
                    }
                }
            });
        </script>
        <script
            type="text/javascript"
            src="{{ url_for('.static', filename='js/script.js') }}"
        ></script>
        {% block script %}
        {% endblock %}
    </body>
</html>