{% load static %}
{% block basic_header %}

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="{% static 'images/logos/TaskCallIconLogo.png' %}">

    <!-- Bootstrap version 5.3.2 - https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css -->
    <link rel="stylesheet" href="{% static 'css/bootstrap.css' %}">

    <!-- Bootstrap select version 1.14.0-beta3 - https://cdn.jsdelivr.net/npm/bootstrap-select@1.14.0-beta3/dist/css/bootstrap-select.min.css -->
    <link rel="stylesheet" href="{% static 'css/selectpicker.css' %}">

    <link rel="stylesheet" href="{% static 'css/basic.css' %}">
    <link rel="stylesheet" href="{% static 'css/buttons.css' %}">
    <link rel="stylesheet" href="{% static 'css/nav_bar.css' %}">
    <link rel="stylesheet" href="{% static 'css/onboarding.css' %}">

    <!-- Ajax libs jquery 3.7.1 - https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js -->
    <script type="text/javascript" src="{% static 'scripts/utils/ajax_jquery.js' %}"></script>

    <script nonce="{{ CSP_NONCE }}">
        var csrfToken = '{{ csrf_token }}';
        var cspNonce = '{{ CSP_NONCE }}';

        $(document).on('click', '#btnLogoutUser', function(){
            logoutUser();
        });

        var imgEmptyStateSketchUrl = "{% static 'images/app/EmptyStateSketch.jpg' %}";
        var imgUserAvatarUrl = "{% static 'images/app/UserAvatar.png' %}";
    </script>

    <!-- Bootstrap version 5.3.2 - https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js -->
    <script type="text/javascript" src="{% static 'scripts/utils/bootstrap.js' %}"></script>
    <script type="text/javascript" src="{% static 'scripts/utils/feather_icons.js' %}"></script>

    <!-- Modernizr version 2.8.3 - https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.js -->
    <script type="text/javascript" src="{% static 'scripts/utils/modernizr.js' %}"></script>

    <!-- This should always be the last jquery js file to be downloaded. Otherwise it will get overridden. -->
    <!-- Bootstrap select version 1.14.0-beta3 - https://cdn.jsdelivr.net/npm/bootstrap-select@1.14.0-beta3/dist/js/bootstrap-select.min.js -->
    <script type="text/javascript" src="{% static 'scripts/utils/selectpicker.js' %}"></script>

    <script type="text/javascript" src="{% static 'scripts/utils/var_names.js' %}"></script>
    <script type="text/javascript" src="{% static 'scripts/utils/url_paths.js' %}"></script>
    <script type="text/javascript" src="{% static 'scripts/utils/helpers.js' %}"></script>
    <script type="text/javascript" src="{% static 'scripts/utils/navigation.js' %}"></script>
    <script type="text/javascript" src="{% static 'scripts/utils/message_handler.js' %}"></script>
    <script type="text/javascript" src="{% static 'scripts/utils/display_tools.js' %}"></script>
    <script type="text/javascript" src="{% static 'scripts/utils/list_maker.js' %}"></script>

{% endblock %}