<!DOCTYPE HTML>
{% load static %}
{% load django_htmx %}
{% load crispy_forms_tags %}
{% load auth_extras %}
<html>

    <head>
        <title>
            {% block title %}
                RCR Platform Migration
            {% endblock %}
        </title>
    {% comment %} <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" /> {% endcomment %}
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

        <link href="{% static 'css/widgets.css' %}" type="text/css" media="all" rel="stylesheet">
        <link rel="stylesheet" href="{% static 'css/dicomViewer.css' %}">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.4/toastr.min.css" integrity="sha512-6S2HWzVFxruDlZxI3sXOZZ4/eJ8AcxkQH1+JjSe/ONCEqR9L4Ysq5JdT5ipqtzU7WHalNwzwBv+iE51gNHJNqQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">

        <link rel="apple-touch-icon" sizes="180x180" href="{% static 'favicon/apple-touch-icon.png' %}">
        <link rel="icon" type="image/png" sizes="32x32" href="{% static 'favicon/favicon-32x32.png' %}">
        <link rel="icon" type="image/png" sizes="16x16" href="{% static 'favicon/favicon-16x16.png' %}">
        <link rel="manifest" href="{% static 'favicon/site.webmanifest' %}">
        <link rel="mask-icon" href="{% static 'favicon/safari-pinned-tab.svg' %}" color="#5bbad5">
        <meta name="msapplication-TileColor" content="#da532c">
        <meta name="theme-color" content="#ffffff">


        <link href="/static/css/widgets.css" type="text/css" media="all" rel="stylesheet">
        <link href="/static/admin/css/vendor/select2/select2.min.css" type="text/css" media="screen" rel="stylesheet">
        <link href="/static/admin/css/autocomplete.css" type="text/css" media="screen" rel="stylesheet">
        <link href="/static/autocomplete_light/select2.css" type="text/css" media="screen" rel="stylesheet">

        <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.9-1/core.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.9-1/md5.js"></script>

    {% comment %} <script src="https://unpkg.com/alpinejs" defer></script> {% endcomment %}
        <script src="{% static 'js/_hyperscript.min.js' %}"></script>
        <script src="{% static 'js/htmx.min.js' %}"></script>
        {% django_htmx_script %}
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        <script src="{% static 'admin/js/core.js' %}"></script>
        <script src="{% static 'admin/js/SelectBox.js' %}"></script>
        <script src="{% static 'admin/js/SelectFilter2.js' %}"></script>
        <script src="{% static 'jsi18n.js' %}"></script>
        <script src="{% static 'admin/js/vendor/select2/select2.full.js' %}"></script>
        <script src="{% static 'autocomplete_light/autocomplete_light.min.js' %}"></script>
        <script src="{% static 'tesseract.min.js' %}"></script>
        <script src="{% static 'autocomplete_light/select2.min.js' %}"></script>
        <script src="{% static 'autocomplete_light/i18n/en.js' %}"></script>
        <script type="text/javascript" async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-AMS-MML_HTMLorMML"> </script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/dexie/3.0.3/dexie.min.js" integrity="sha512-aEtNzq8X5E0ambgeM68H174SOXaANJ6wDqJ0TuVIx4R2J4fRdUA0nLzx0faA1mmViqb+r0VX7cOXkskxyJENUA==" crossorigin="anonymous"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/html5sortable/0.10.0/html5sortable.min.js" integrity="sha512-tBlVMq89XaEC9iU5LyRjP2Vxs8SmVhEHGbv2Co6SbGa14Wsxy2qZN0jadrN+Xn5AifORaUbvZcG21/ExcNfWDA==" crossorigin="anonymous"></script>
        <script src="{% static 'tesseract.min.js' %}"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.4/toastr.min.js" integrity="sha512-lbwH47l/tPXJYG9AcFNoJaTMhGvYWhVM9YI43CT+uteTRRaiLCui8snIgyAN8XWgNjNhCqlAUdzZptso6OCoFQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>

        <script src="{% static 'js/cornerstone/hammer.js' %}"></script>
        <script src="{% static 'js/cornerstone/cornerstone.min.js' %}"></script>
        <script src="{% static 'js/cornerstone/dicomParser.min.js' %}"></script>
        <script src="{% static 'js/cornerstone/cornerstoneMath.min.js' %}"></script>
        <script src="{% static 'js/cornerstone/cornerstoneTools.min.js' %}"></script>
        <script src="{% static 'js/cornerstone/cornerstoneWebImageLoader.min.js' %}"></script>
        <script src="{% static 'js/cornerstone/cornerstoneWADOImageLoader.min.js' %}"></script>
        <script src="{% static 'js/cornerstone/cornerstone-base64-image-loader.umd.js' %}"></script>
        <script src="{% static 'js/anatomy.js' %}" defer="defer" type="module"></script>
        {% block js %}
        {% endblock %}
        <link rel="stylesheet" href="{% static 'css/anatomy.css' %}">
        {% block css %}
        {% endblock %}
    </head>


    <body hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'>
        <div class="main-nav-header">
                <span id="" class="top-bar-link">
                    <a href="{% url 'rcr:radiology_results' %}">Results</a>
                </span>
                <span id="" class="top-bar-link">
                    <a href="{% url 'rcr:radiology_index_all_view' %}">All</a>
                </span>
                <span id="" class="top-bar-link">
                    <a href="{% url 'rcr:radiology_index_view' %}">Index</a>
                </span>
                <span id="" class="top-bar-link">
                    <a href="{% url 'rcr:radiology_assessors_view' %}">Assessors</a>
                </span>
                <span id="" class="top-bar-link">
                    <a href="{% url 'rcr:radiology_review_view' %}">Review</a>
                </span>
                <span id="" class="top-bar-link">
                    <a href="{% url 'rcr:radiology_gap' %}?outcome=1">Gap Analysis</a>
                </span>
            {% if request.user.is_staff %}
                <span id="admin-link" class="top-bar-link">
                    <a href="{% url 'admin:index' %}">Admin</a>
                </span>
            {% endif %}
            {% comment %} <span id="index-link" class="top-bar-link">
                <a href="{% url 'home' %}">Home</a>
            </span> {% endcomment %}
        </div>
        <div class="content container">
            {% block navigation %}
            {% endblock %}
            <div class="row clear-both">
                <div class="col-md-12">
                    {% block content %}
                    {% endblock %}
                </div>
            </div>
        </div>

        <footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top">
            <div class="col-md-4 d-flex align-items-center">
                <a href="/" class="mb-3 me-2 mb-md-0 text-muted text-decoration-none lh-1">
                    <svg class="bi" width="30" height="24"><use xlink:href="#bootstrap"></use></svg>
                </a>
                <span class="text-muted">PenraCourses</span>
            </div>

            <ul class="nav col-md-4 justify-content-end list-unstyled d-flex">
                <li class="ms-3"><a class="text-muted" href="{% url 'privacy' %}">Privacy</a></li>
                <li class="ms-3"><a class="text-muted" href="{% url 'cookie_consent_cookie_group_list' %}">Cookies</a></li>
            </ul>
        </footer>
    </body>

</html>