{# Background transfer status for one peer (Phase 6). The fragment swaps
   itself: while any batch is active it polls every 2s; when idle it only
   re-fetches on the sharingTransfersChanged trigger (fired by the routes
   that enqueue a batch), so an idle page costs nothing. #}
{% set any_active = transfers | selectattr('active') | list | length > 0 %}
<div id="transfers-panel"
     hx-get="{{ url_for('sharing_device_transfers', device_id=device.device_id) }}"
     hx-swap="outerHTML"
     hx-trigger="{% if any_active %}every 2s{% else %}sharingTransfersChanged from:body{% endif %}">
    {% if transfers %}
    <div class="sharing-panel transfers-panel">
        <h3>{{ _("Transfers") }}</h3>
        {% for batch in transfers %}
        <div class="transfer-batch" data-state="{{ batch.state }}">
            <div class="transfer-batch-header">
                <div class="transfer-batch-info">
                    <strong class="transfer-batch-label">{{ batch.label }}</strong>
                    {% if batch.path == 'local' %}
                    <span class="transfer-path-badge transfer-path-local">{{ _("Local network") }}</span>
                    {% elif batch.path == 'direct' %}
                    <span class="transfer-path-badge transfer-path-direct">{{ _("Direct") }}</span>
                    {% elif batch.path == 'relay' %}
                    <span class="transfer-path-badge transfer-path-relay">{{ _("Via relay (metered)") }}</span>
                    {% endif %}
                    <span class="transfer-state-badge transfer-state-{{ batch.state }}">
                        {% if batch.state == 'collecting' %}{{ _("Collecting file list…") }}
                        {% elif batch.state == 'running' %}{{ _("Transferring") }}
                        {% elif batch.state == 'paused_relay_budget' %}{{ _("Paused") }}
                        {% elif batch.state == 'completed' %}{{ _("Completed") }}
                        {% elif batch.state == 'completed_with_errors' %}{{ _("Completed with errors") }}
                        {% elif batch.state == 'failed' %}{{ _("Failed") }}
                        {% elif batch.state == 'cancelled' %}{{ _("Cancelled") }}
                        {% endif %}
                    </span>
                </div>
                <div class="transfer-batch-actions">
                    {% if batch.active %}
                    <button type="button" class="btn-danger btn-sm"
                            hx-post="{{ url_for('sharing_transfer_cancel', device_id=device.device_id, batch_id=batch.id) }}"
                            hx-target="#transfers-panel" hx-swap="outerHTML">
                        {{ _("Cancel") }}
                    </button>
                    {% else %}
                    <button type="button" class="btn-secondary btn-sm"
                            hx-post="{{ url_for('sharing_transfer_delete', device_id=device.device_id, batch_id=batch.id) }}"
                            hx-target="#transfers-panel" hx-swap="outerHTML">
                        {{ _("Dismiss") }}
                    </button>
                    {% endif %}
                </div>
            </div>

            {% if batch.files_total %}
            <div class="transfer-progress-meta">
                {% trans trimmed count=batch.files_total, done=batch.files_done|format_integer, total=batch.files_total|format_integer %}
                    {{ done }} of {{ total }} file
                {% pluralize %}
                    {{ done }} of {{ total }} files
                {% endtrans %}
                {% if batch.bytes_total %}
                — {{ batch.bytes_done | filesizeformat }} / {{ batch.bytes_total | filesizeformat }}
                {% endif %}
                {% if batch.relay_bytes %}
                — {{ _("%(amount)s over the relay", amount=batch.relay_bytes | filesizeformat) }}
                {% endif %}
            </div>
            {% if batch.bytes_total %}
            <div class="progress-bar-container" role="progressbar"
                 aria-valuemin="0" aria-valuemax="100"
                 aria-valuenow="{{ ((batch.bytes_done / batch.bytes_total) * 100) | round(1) }}">
                <div class="progress-bar" style="width: {{ ((batch.bytes_done / batch.bytes_total) * 100) | round(1) }}%"></div>
            </div>
            <div class="progress-text">{{ (batch.bytes_done / batch.bytes_total) | format_percent(2) }}</div>
            {% endif %}
            {% endif %}

            {% if batch.active_files %}
            <div class="transfer-active-files known-device-meta">
                {{ _("Pulling:") }} {{ batch.active_files | join(', ') }}
            </div>
            {% endif %}

            {% if batch.paused_for_budget %}
            <div class="transfer-budget-notice">
                <p>
                    {{ _("This transfer reached %(budget)s over the shared relay. Relay traffic is metered — if both devices can be on the same network, that is the free path.",
                         budget=batch.relay_budget_bytes | filesizeformat) }}
                </p>
                <button type="button" class="btn-secondary btn-sm"
                        hx-post="{{ url_for('sharing_transfer_continue', device_id=device.device_id, batch_id=batch.id) }}"
                        hx-target="#transfers-panel" hx-swap="outerHTML">
                    {{ _("Continue anyway") }}
                </button>
            </div>
            {% endif %}

            {% if batch.error %}
            <p class="transfer-error">{{ batch.error }}</p>
            {% endif %}
            {% if batch.failed_files %}
            <ul class="transfer-failed-files">
                {% for failure in batch.failed_files %}
                <li><strong>{{ failure.name }}</strong>{% if failure.error %} — {{ failure.error }}{% endif %}</li>
                {% endfor %}
            </ul>
            {% endif %}
        </div>
        {% endfor %}
    </div>
    {% endif %}
</div>