{% extends "base/base.html" %}
{% comment %}
    SPDX-License-Identifier: AGPL-3.0-or-later
    Copyright (C) 2022-2023 Edith Coates
    Copyright (C) 2022 Brennen Chiu
    Copyright (C) 2023-2024 Andrew Rechnitzer
    Copyright (C) 2023-2026 Colin B. Macdonald
    Copyright (C) 2023 Natalie Balashov
    Copyright (C) 2024 Aidan Murphy
{% endcomment %}
{% block title %}
    Staged bundles
{% endblock title %}
{% block page_heading %}
    Staged bundles
{% endblock page_heading %}
{% block main_content %}
    <div class="flex">
        <a class="btn btn-primary" href="{% url 'scan_overview' %}">Bundle and paper overview</a>
        <a class="btn btn-primary" href="{% url 'scan_upload' %}">Upload bundle</a>
    </div>
    <div class="card my-2">
        <div class="card-body">
            <h5 class="card-title">{{ staged_bundles|length }} staged bundles:</h5>
            <div>
                <ul>
                    <li>These bundles have been uploaded to the staging area.</li>
                    <li>You can view and fix problems &mdash; such as assigning extra pages.</li>
                    <li>Pages here are not yet available to markers, until you <q>push</q> them.</li>
                </ul>
            </div>
            {% if staged_bundles %}
                <table class="table table-sm table-bordered text-center sortable">
                    <thead>
                        <!-- make sure thumbnail not too wide -->
                        <th style="width: 8vw;">Thumbnail</th>
                        <th>Bundle name</th>
                        <th>Uploaded by</th>
                        <th>Upload time</th>
                        <th>Pages/Papers</th>
                        <th>Actions</th>
                    </thead>
                    <tbody>
                        {% for bundle in staged_bundles %}
                            <tr hx-get="{% url 'scan_get_staged_bundle_fragment' bundle.id %}"
                                hw-swap="innerHTML"
                                hx-trigger="load"
                                id="bundle{{ bundle.slug }}"></tr>
                        {% endfor %}
                    </tbody>
                </table>
            {% else %}
                <h6>No staged bundles</h6>
            {% endif %}
        </div>
    </div>
{% endblock main_content %}