{% if __panic__ is defined %}

<div class="alert alert-danger" role="alert">
    {% translate %}
    <i>AdminDigest.html</i> must not extend <i>Base.html</i> or <i>Bare.html</i>. It must <i>only</i> have a <i>main</i> block.
    {% endtranslate %}
</div>

{% else %}

{% extends "Boilerplate.html" %}

{% block TOPLEVELhead %}

<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="noindex, nofollow, noarchive">

{% if not (disable_bootstrap | default(false)) %}
<link rel="stylesheet" href="{{ internalstatic('vendor/bootstrap/bootstrap.min.css') }}">
<script src="{{ internalstatic('vendor/bootstrap/bootstrap.bundle.min.js') }}"></script>
{% endif %}

<link rel="stylesheet" href="{{ internalstatic('style.css') }}">

{% if not (disable_uproot_fonts | default(false)) %}
<link rel="stylesheet" href="{{ internalstatic('webfonts.css') }}">
{% if not (disable_tabular_numbers | default(false)) %}
<link rel="stylesheet" href="{{ internalstatic('inter-tnum.css') }}">
{% endif %}
{% endif %}

<script src="{{ internalstatic('uproot.js') }}"></script>
{% if not (disable_terms | default(false)) %}
<script src="{{ uproot_terms_url }}"></script>
{% endif %}
<script>
    uproot.vars = {{ _uproot_js | tojson | safe }};
    window.C = uproot.vars._uproot_internal?.C;

    {% if not (disable_auto_start | default(false)) %}
    uproot.onStart(() => {
        {% if not (disable_connection_lost_modal | default(false)) %}
        // Enable Connection lost modal monitoring first (includes startup failsafe)
        uproot.enableConnectionLostModal();
        {% endif %}

        uproot.init();

        // Start WebSocket after wrapping functions
        uproot.wsstart();
    });
    {% endif %}
</script>
<script src="{{ internalstatic('jserrors.js') }}"></script>

{% if _uproot_simulate %}
<script src="{{ internalstatic('simulate.js') }}"></script>
{% endif %}

<script src="{{ internalstatic('vendor/alpinejs/cdn.min.js') }}" defer></script>

{% block head %}
{% endblock head %}

{% endblock TOPLEVELhead %}


{% block TOPLEVELbody %}

<a class="visually-hidden-focusable" href="#uproot-main">
    {% translate %}Skip to main content{% endtranslate %}
</a>

<div class="modal fade" id="error-modal" tabindex="-1" aria-hidden="true" aria-modal="true" role="alertdialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">
                    {% translate %}
                    Error
                    {% endtranslate %}
                </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div id="error-modal-body"></div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-outline-danger" data-bs-dismiss="modal" aria-label="Close">
                    {% translate %}
                    Close
                    {% endtranslate %}
                </button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="alert-modal" tabindex="-1" aria-hidden="true" aria-modal="true" role="alertdialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <div id="alert-modal-body"></div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-outline-danger" data-bs-dismiss="modal" aria-label="Close">
                    {% translate %}
                    Close
                    {% endtranslate %}
                </button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="adminmessage-modal" tabindex="-1" aria-hidden="true" aria-modal="true" role="alertdialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">
                    {% translate %}
                    Chat with Research Coordinator
                    {% endtranslate %}
                </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div id="adminmessage-modal-body"></div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-outline-danger" data-bs-dismiss="modal" aria-label="Close">
                    {% translate %}
                    Close
                    {% endtranslate %}
                </button>
            </div>
        </div>
    </div>
</div>

{% if not (disable_connection_lost_modal | default(false)) %}
<div class="modal fade" id="connection-timeout-modal" tabindex="-1" aria-hidden="true" data-bs-backdrop="static" data-bs-keyboard="false" aria-modal="true" role="alertdialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">
                    {% translate %}
                    Connection lost
                    {% endtranslate %}
                </h5>
            </div>
            <div class="modal-body">
                <p>
                {% translate %}
                Connection with server lost. Please check your internet connection.
                {% endtranslate %}
                </p>
                <p class="mb-0">
                {% translate %}
                If you are using a VPN, consider disabling it.
                {% endtranslate %}
                </p>
            </div>
            <div class="modal-footer">
                <button type="button" id="connection-modal-reload-btn" class="btn btn-outline-danger" onclick="uproot.reload()">
                    {% translate %}
                    Reload
                    {% endtranslate %}
                </button>
            </div>
        </div>
    </div>
</div>
{% endif %}

<div id="uproot-buddy" hidden>
    <button type="button"
        onclick="uproot.adminMessage()"
        aria-label="{% translate %}Open Chat with Research Coordinator{% endtranslate %}"
        title="{% translate %}Open Chat with Research Coordinator{% endtranslate %}">
        <img
            src="{{ internalstatic('buddy.svg') }}"
            width="142"
            height="142"
            alt="">
    </button>
</div>

{% block pre_form %}
{% endblock pre_form %}

<div id="uproot-wrapper" x-data>

    <header id="uproot-header">
        <div id="uproot-block-header_start">
            {% block header_start %}
            {% endblock header_start %}
        </div>
        <div class="container" id="uproot-header-container">
            {% if show_testing %}
            {% include "TestingHead.html" %}
            {% endif %}
            {% block timeoutbox %}
            {{ timeout_box() }}
            <div id="uproot-timeout-announcer" class="visually-hidden" aria-live="assertive" aria-atomic="true"></div>
            {% endblock timeoutbox %}
        </div>
        <div id="uproot-block-header_end">
            {% block header_end %}
            {% endblock header_end %}
        </div>
    </header>

    {% block wrapper_content %}
    <form id="uproot-form" method="post" oninput="uproot.dirty = true" onchange="uproot.dirty = true" enctype="multipart/form-data">
        <input type="hidden" name="_uproot_csrf" id="_uproot_csrf" value="">
        <input type="hidden" name="_uproot_from" id="_uproot_from" value="">

        {% block form_start %}
        {% endblock form_start %}

        <div id="uproot-main-wrapper">

            <div id="uproot-block-pre_main">
                {% block pre_main %}
                {% endblock pre_main %}
            </div>

            <div class="container" id="uproot-titlearea-container">
                {% block titlearea %}
                {% endblock titlearea %}
            </div>

            <main id="uproot-main" tabindex="-1">
                {% if _uproot_errors %}
                <div class="container" id="uproot-errors-container">
                    {% for error in _uproot_errors %}
                    <div class="alert alert-danger border-danger callout uproot-main-error" role="alert">
                        {{ error }}
                    </div>
                    {% endfor %}
                </div>
                {% endif %}

                <section id="uproot-block-main">
                    <div class="container" id="uproot-block-main-container">
                        {% block main %}
                        {% endblock main %}
                    </div>
                </section>

                <section id="uproot-block-main-full-width">
                    {% block main_full_width %}
                    {% endblock main_full_width %}
                </section>

                <section id="uproot-block-main2">
                    <div class="container" id="uproot-block-main2-container">
                        {% block main2 %}
                        {% endblock main2 %}
                    </div>
                </section>

                <section id="uproot-block-main2-full-width">
                    {% block main2_full_width %}
                    {% endblock main2_full_width %}
                </section>

                <section id="uproot-block-main3">
                    <div class="container" id="uproot-block-main3-container">
                        {% block main3 %}
                        {% endblock main3 %}
                    </div>
                </section>

                <div class="container" id="uproot-main-buttons-container">
                    {% block uproot_main_buttons %}
                    {% endblock uproot_main_buttons %}
                </div>
            </main>

            <div id="uproot-block-post_main">
                {% block post_main %}
                {% endblock post_main %}
            </div>

            {% if show_testing %}
            <div class="container" id="uproot-data-history-container">
                {% include "DataHistory.html" %}
            </div>
            {% endif %}
        </div>

        <div id="uproot-block-form_end">
            {% block form_end %}
            {% endblock form_end %}
        </div>
    </form>
    {% endblock wrapper_content %}
</div>

{% block late %}
{% endblock late %}

{% block late2 %}
{% endblock late2 %}

<footer id="uproot-footer">
    {% block footer %}
    <div id="uproot-spacer">
    </div>
    {% endblock footer %}
</footer>

<script>
    {% if player is not none and _uproot_simulate %}
    uproot.currentPage = {{ show2path(player.page_order, player.show_page) | tojson | safe }};
    {% endif %}

    uproot.onStart(() => {
        const ui = uproot.vars._uproot_internal;

        // initialize timeout

        if (ui.remaining_seconds !== undefined) {
            uproot.setPageTimeout(ui.remaining_seconds);
        }

        // sliders

        uproot.slidersWithoutAnchoring();
        uproot.slidersWithPopovers();

        // pagination

        uproot.paginateBlocks();

        if (!ui.allow_enter) {
            // disable Enter for form submission

            document.querySelectorAll("form").forEach((form) => {
                form.addEventListener("keydown", (e) => {
                    if (e.key === "Enter" && e.target.tagName !== "TEXTAREA") {
                        e.preventDefault();
                    }
                });
            });
        }

        // clear selection feature for non-required radios

        uproot.nonRequiredRadios();

        // bounded choice fields (checkboxes with min/max constraints)

        uproot.boundedChoiceFields();
    });

    uproot.onReady(() => {
        document.querySelectorAll(".uproot-chat").forEach((el) => {
            const chatId = el.dataset.chatid;

            uproot.api("chat_get", chatId).
                then(uproot.chat.messagesFromServer).
                then(() => {
                    el.classList.remove("hidden");
                    el.children[0].scroll(0, 1e6);
                });
        });
        uproot.chat.ignoreChatted = false;

        {% if player is not none and player._uproot_adminchat is not none %}
        uproot.chat.create(
            I("adminmessage-modal-body"),
            {{ player._uproot_adminchat.mname | tojson | safe }},
            { canReply: {{ player.get("_uproot_adminchat_replies", false) | tojson | safe }} }
        );
        uproot.ensureBuddy();
        {% endif %}

        {% if player is not none and _uproot_simulate %}
        {% include app_or_default(app, "simulate.js") ignore missing %}
        {% endif %}
    });
</script>

{% endblock TOPLEVELbody %}

{% endif %}