{% extends "test/base.html" %}
{% set active_test_page = "manual" %}
{% block title %}Manual — Complete | SPIKEE{% endblock %}

{% block content %}
<div class="container-fluid px-4 py-3">

    <div class="d-flex align-items-center gap-3 mb-4">
        <h5 class="fw-semibold mb-0">Session Complete</h5>
        <span class="badge badge-success">Done</span>
    </div>

    <div class="card spikee-card mb-3" style="max-width:480px">
        <div class="card-body py-3 px-3">
            <div class="row g-3 text-center">
                <div class="col-4">
                    <div class="fs-4 fw-bold">{{ done }}</div>
                    <div class="small text-muted">Processed</div>
                </div>
                <div class="col-4">
                    <div class="fs-4 fw-bold text-success">{{ submitted }}</div>
                    <div class="small text-muted">Submitted</div>
                </div>
                <div class="col-4">
                    <div class="fs-4 fw-bold text-secondary">{{ skipped }}</div>
                    <div class="small text-muted">Skipped</div>
                </div>
            </div>
            {% if total > done %}
            <div class="mt-3 text-center small text-muted">
                {{ total - done }} entries were not reached (session finished early).
            </div>
            {% endif %}
        </div>
    </div>

    <div class="d-flex flex-wrap gap-2">
        <a href="/results/overview?result_file={{ result_key | urlencode }}"
           class="btn btn-outline-success">View Results</a>
        <a href="/test/manual" class="btn btn-outline-secondary">New Session</a>
        <a href="/jobs/{{ job.id }}" class="btn btn-outline-secondary">Job Detail</a>
    </div>

</div>
{% endblock %}