{% comment %}
    SPDX-License-Identifier: AGPL-3.0-or-later
    Copyright (C) 2024 Aden Chan
    Copyright (C) 2025-2026 Colin B. Macdonald
    Copyright (C) 2026 Aidan Murphy
{% endcomment %}
<div class="card">
    <!-- pb-0 so we can sneak in the error div -->
    <div class="card-body pb-0">
        {% if src.uploaded %}
            <h5 class="card-title">
                PDF for version {{ src.version }}:
                <a href="{{ src.version }}" target="_blank">{{ src.original_filename }}</a>
            </h5>
            <p class="card-text mb-2">
                sha256: <small class="text-muted font-monospace">{{ src.hash }}</small>
                {% if src.duplicate_versions %}
                    <i class="bi bi-exclamation-diamond-fill text-warning"></i>
                    duplicate of version{{ src.duplicate_versions|pluralize }}: {{ src.duplicate_versions|join:", " }}
                {% endif %}
                <br />
                {{ src.page_count }} pages of &ldquo;{{ src.paper_size_name }}&rdquo; paper
                <span class="text-muted">({{ src.paper_size_width|stringformat:".6g" }} &times; {{ src.paper_size_height|stringformat:".6g" }} pts)</span>.
            </p>
            <div class="row row-cols-auto px-2">
                <div class="px-1 col">
                    <a class="btn btn-primary"
                       href="{% url 'prep_mock' src.version %}"
                       target="_blank">Mock</a>
                </div>
                <div class="px-1 col">
                    <a class="btn btn-danger"
                       hx-delete="{% url 'prep_source_upload' src.version %}"
                       hx-confirm="Are you sure?"
                       hx-target="#card_ver{{ src.version }}"
                       hx-target-error="#error_msg_ver{{ src.version }}">Delete</a>
                </div>
            </div>
        {% else %}
            <h5 class="card-title">
                PDF for version {{ src.version }}
                <i class="bi bi-exclamation-diamond-fill text-warning"></i>
            </h5>
            <div class="card-text">
                <form enctype="multipart/form-data"
                      id="form-{{ src.version }}"
                      hx-post="{% url 'prep_source_upload' src.version %}"
                      hx-target="#card_ver{{ src.version }}"
                      hx-target-error="#error_msg_ver{{ src.version }}">
                    {% csrf_token %}
                    <div class="mb-2">
                        <input class="form-control"
                               type="file"
                               name="source_pdf"
                               accept="application/pdf"
                               required />
                    </div>
                    <button class="btn btn-primary" type="submit">upload</button>
                </form>
            </div>
        {% endif %}
        <div class="mt-2 mb-2">
            <!-- this is the target for any htmx error message -->
            <!-- p-0 border-0 here tries to hide the div when its empty -->
            <div id="error_msg_ver{{ src.version }}"
                 class="p-0 border-0 alert alert-danger"></div>
        </div>
        {% if not src.page_count|divisibleby:2 %}
            <p class="alert alert-danger">
                Assessments with odd page counts will yield pages without QR codes when printed.
                (<a href="https://plom.readthedocs.io/en/latest/preparing_an_assessment.html#page-parity-physical-exams-accommodating-scanning-workflows">Why is this an issue?</a>)
            </p>
        {% endif %}
    </div>
</div>