{% comment %}
    SPDX-License-Identifier: AGPL-3.0-or-later
    Copyright (C) 2023-2025 Andrew Rechnitzer
    Copyright (C) 2023-2024, 2026 Colin B. Macdonald
    Copyright (C) 2025 Aidan Murphy
{% endcomment %}
<div style="justify-content: center; display:flex; align-items:center">
    <img class="m-1 p-1 border"
         src="{% url 'pushed_img_rot' image_pk %}"
         style="height: 55vh" />
</div>
<div class="m-2">
    {% if page_info.page_type == "fixed" %}
        <ul>
            <li>Paper: {{ page_info.paper_number }}</li>
            <li>Page: {{ page_info.page_number }}</li>
            <li>Version: {{ page_info.version }}</li>
            <li>Bundle: {{ page_info.bundle_name }}</li>
            <li>Bundle-order: {{ page_info.bundle_order }}</li>
        </ul>
        {% if user_is_manager %}
            <button class="btn btn-danger"
                    hx-confirm="This will invalidate any existing marking of this question. Are you sure you wish to proceed?"
                    hx-delete="{% url 'pushed_img' image_pk %}">discard this fixed page image</button>
            <button class="btn btn-danger"
                    hx-confirm="This will invalidate any existing id-ing and marking of this paper. Are you sure you wish to proceed?"
                    hx-delete="{% url 'scan_whole_paper' page_info.paper_number %}">
                <i class="bi bi-exclamation-diamond-fill"></i> discard this whole paper <i class="bi bi-exclamation-diamond-fill"></i>
            </button>
            <a class="btn btn-primary"
               href="{% url 'scan_whole_paper' page_info.paper_number %}">
                download this paper <i class="bi bi-download"></i>
            </a>
        {% endif %}
    {% elif page_info.page_type == "mobile" %}
        <ul>
            <li>Paper: {{ page_info.paper_number }}</li>
            <li>Questions: {{ page_info.question_list_html | safe }}</li>
            <li>Bundle: {{ page_info.bundle_name }}</li>
            <li>Bundle-order: {{ page_info.bundle_order }}</li>
        </ul>
        {% if user_is_manager %}
            <button class="btn btn-danger"
                    hx-confirm="This will invalidate any existing marking of this question. Are you sure you wish to proceed?"
                    hx-delete="{% url 'pushed_img' image_pk %}">discard this mobile page image</button>
            <button class="btn btn-danger"
                    hx-confirm="This will invalidate any existing id-ing and marking of this paper. Are you sure you wish to proceed?"
                    hx-delete="{% url 'scan_whole_paper' page_info.paper_number %}">
                <i class="bi bi-exclamation-diamond-fill"></i> discard this whole paper <i class="bi bi-exclamation-diamond-fill"></i>
            </button>
            <a class="btn btn-primary"
               href="{% url 'scan_whole_paper' page_info.paper_number %}">
                download this paper <i class="bi bi-download"></i>
            </a>
        {% endif %}
    {% else %}
        <ul>
            <li>Discard</li>
            <li>{{ page_info.reason }}</li>
            <li>Bundle: {{ page_info.bundle_name }}</li>
            <li>Bundle-order: {{ page_info.bundle_order }}</li>
        </ul>
        {% if user_is_manager %}
            <a href="{% url 'reassign_discard' page_pk %}" class="btn btn-warning">reassign this discarded page</a>
        {% endif %}
    {% endif %}
</div>