{% comment %}
    SPDX-License-Identifier: AGPL-3.0-or-later
    Copyright (C) 2023-2024 Andrew Rechnitzer
    Copyright (C) 2024-2026 Colin B. Macdonald
    Copyright (C) 2026 Aidan Murphy
{% endcomment %}
{% load static %}
<td>
    <div class="bundle-thumb">
        {% if is_waiting_or_processing %}
            <img src="{% static 'ball_triangle.svg' %}"
                 hx-get="{% url 'scan_get_staged_bundle_fragment' bundle_id %}"
                 hw-swap="innerHTML"
                 hx-trigger="load delay:2s"
                 hx-target="#bundle{{ slug }}" />
        {% elif is_error %}
            <p class="alert alert-danger p-1 mb-0">
                Error <i class="bi bi-exclamation-diamond-fill text-warning"></i>
                <br />
                <small>(you could try removing and then re-uploading)</small>
            </p>
        {% else %}
            <img src="{% url 'scan_get_thumbnail' bundle_id 1 %}" />
        {% endif %}
    </div>
</td>
<td>{{ slug }}.pdf</td>
<td>{{ username }}</td>
<td>{{ when }}</td>
<td class="text-start">
    <ul>
        <li>
            Total pages: {{ number_of_pages }}
            {% if has_been_processed %}
            {% else %}
                Processing pages:
                <div class="progress" role="progressbar">
                    <div class="progress-bar progress-bar-striped bg-success"
                         style="width: {{ percent_split }}%">{{ number_of_split_pages }}</div>
                </div>
            {% endif %}
        </li>
        {% if has_been_processed %}
            {% if has_qr_codes %}
                <li>
                    {{ n_papers }} paper{{ n_papers|pluralize }}:
                    {{ pretty_print_paper_list }}
                </li>
                {% if n_known == number_of_pages %}
                    <li>
                        Known pages: <i class="bi bi-check-circle text-success"> all</i>
                    </li>
                {% else %}
                    <li>Known pages: {{ n_known }}</li>
                    {% if n_extra %}
                        <li>
                            Extra pages:
                            {% if n_extra == n_extra_w_data %}
                                {{ n_extra }} - all processed <i class="bi bi-check-circle text-success"></i>
                            {% else %}
                                <i class="bi bi-dash-circle-fill text-warning"></i> {{ n_extra_w_data }} of {{ n_extra }} processed
                            {% endif %}
                        </li>
                    {% endif %}
                    {% if n_unknown %}
                        <li>
                            Unknown pages:
                            {{ n_unknown }} <i class="bi bi-question-circle-fill text-warning"></i>
                        </li>
                    {% endif %}
                    {% if n_discard %}
                        <li>
                            Discard pages:
                            {{ n_discard }}
                        </li>
                    {% endif %}
                    {% if n_errors %}
                        <li>
                            Error pages:
                            {{ n_errors }} <i class="bi bi-exclamation-diamond-fill text-danger"></i>
                        </li>
                    {% endif %}
                {% endif %}
                {% if n_incomplete %}
                    <li>
                        Incomplete papers: {{ n_incomplete }} <i class="bi bi-exclamation-diamond-fill text-warning"></i>
                    </li>
                {% endif %}
                {% if n_collisions %}
                    <li>
                        Colliding pages: {{ n_collisions }} <i class="bi bi-exclamation-diamond-fill text-danger"></i>
                    </li>
                {% endif %}
            {% else %}
                {% if is_mid_qr_read %}
                    <li>
                        Reading qr-codes:
                        <div class="progress" role="progressbar">
                            <div class="progress-bar progress-bar-striped bg-success"
                                 style="width: {{ percent_read }}%">{{ number_of_read_pages }}</div>
                        </div>
                    </li>
                {% else %}
                    <li>QR codes not yet scanned</li>
                {% endif %}
            {% endif %}
        {% endif %}
    </ul>
    <p class="fw-light small lh-1 mt-0">
        Debug: image extract chore: {{ proc_chore_status }};
        read QR chore: {{ readQR_chore_status }}
    </p>
    {% if is_error %}<p class="alert alert-danger p-1 mb-0">{{ error_msg }}</p>{% endif %}
</td>
<td>
    <div class="d-flex justify-content-evenly my-2">
        <div>
            <div id="busy_indicator_{{ bundle_id }}"
                 class="htmx-indicator spinner-border spinner-border-sm"
                 role="status">
                <!--<span class="visually-hidden">BUSY</span>-->
            </div>
            {% if has_been_processed %}
                <a class="btn btn-primary"
                   href="{% url 'scan_bundle_thumbnails' bundle_id %}">View</a>
                {% if has_qr_codes %}
                    <span>
                        {% if is_perfect %}
                            {% if n_collisions %}
                                <button type="button"
                                        class="btn btn-danger"
                                        disabled
                                        hx-post="{% url 'scan_push_all' bundle_id %}"
                                        hx-target-error="#error_msgs_bundle_{{ bundle_id }}"
                                        hx-indicator="#busy_indicator_{{ bundle_id }}"
                                        hx-disabled-elt="this">Push</button>
                            {% elif n_incomplete %}
                                <button type="button"
                                        class="btn btn-warning"
                                        hx-confirm="This bundle contains {{ n_incomplete }} incomplete paper{{ n_incomplete|pluralize }}. Pushing may create incomplete and unmarkable papers on your server so this isn't best practice. Are you sure you wish to push?"
                                        hx-post="{% url 'scan_push_all' bundle_id %}"
                                        hx-target-error="#error_msgs_bundle_{{ bundle_id }}"
                                        hx-indicator="#busy_indicator_{{ bundle_id }}"
                                        hx-disabled-elt="this">Push</button>
                            {% else %}
                                <button type="button"
                                        class="btn btn-success"
                                        hx-post="{% url 'scan_push_all' bundle_id %}"
                                        hx-target-error="#error_msgs_bundle_{{ bundle_id }}"
                                        hx-indicator="#busy_indicator_{{ bundle_id }}"
                                        hx-disabled-elt="this">Push</button>
                            {% endif %}
                        {% else %}
                            <button class="btn btn-danger" disabled>Push</button>
                        {% endif %}
                    </span>
                {% elif is_mid_qr_read %}
                    {# no-op #}
                {% else %}
                    <button type="button"
                            class="btn btn-info"
                            hx-post="{% url 'scan_get_staged_bundle_fragment' bundle_id %}"
                            hx-disabled-elt="this">Read QR</button>
                {% endif %}
            {% endif %}
            <a class="btn btn-secondary"
               target="_"
               href="{% url 'scan_get_bundle' bundle_id %}"
               title="Download bundle">
                <i class="bi bi-download"></i></a>
            <a class="btn btn-danger {% if bundle.disable_delete %}disabled{% endif %}"
               hx-delete="{% url 'scan_get_staged_bundle_fragment' bundle_id %}"
               hx-confirm="Are you sure?"
               title="Delete bundle">
                <i class="bi bi-trash"></i></a>
        </div>
    </div>
    <div>
        <!-- this is the target for any htmx error messages -->
        <!-- p-0 border-0 here tries to hide the div when its empty -->
        <!-- need one of these per bundle_id b/c the rows are combined in a parent doc -->
        <div id="error_msgs_bundle_{{ bundle_id }}"
             class="p-0 border-0 alert alert-danger"></div>
    </div>
</td>