{% extends "projects/base.html" %}
{% import "site_shell/_macros.html" as ui %}
{% import "projects/builds/_build_macros.html" as bm %}

{% block title %}Tests - {{ project.name }} - Pychestrate{% endblock %}

{% block content %}
{% set catalog_query = ('?project_id=' ~ registry_project.project_id) if (registry_project is defined and registry_project) else '' %}
<nav aria-label="Breadcrumb">
    <ol class="breadcrumb">
        <li><a href="{{ url_for('projects.project_list') }}">Projects</a></li>
        <li><a href="{{ url_for('projects.project_detail', project_id=project.id) }}">{{ project.name }}</a></li>
        <li aria-current="page">Tests</li>
    </ol>
</nav>

<div class="page-header">
    <h1>Test Jobs</h1>
    <p>Test execution history and results</p>
</div>

{% call ui.preview_notice() %}
    Preview: test jobs run from a test specification, and test specifications
    cannot be created yet &mdash; no page or API manages them &mdash; so this
    list stays empty. To run this project&rsquo;s tests, use its
    <a href="/test-catalog{{ catalog_query }}">Test catalog</a>; the runs are
    listed under <a href="/runs{{ catalog_query }}">Runs</a>.
{% endcall %}

<div class="toolbar">
    <form method="get" class="actions-row">
        <select name="spec_id" aria-label="Filter by specification" class="form-control w-md">
            <option value="">All Specifications</option>
            {% for spec in specs %}
            <option value="{{ spec.id }}" {% if selected_spec_id == spec.id %}selected{% endif %}>{{ spec.name }}</option>
            {% endfor %}
        </select>
        <select name="status" aria-label="Filter by status" class="form-control w-sm">
            <option value="">All Statuses</option>
            <option value="pending" {% if selected_status == 'pending' %}selected{% endif %}>Pending</option>
            <option value="running" {% if selected_status == 'running' %}selected{% endif %}>Running</option>
            <option value="succeeded" {% if selected_status == 'succeeded' %}selected{% endif %}>Succeeded</option>
            <option value="failed" {% if selected_status == 'failed' %}selected{% endif %}>Failed</option>
        </select>
        <button type="submit" class="btn btn-secondary">
            {{ ui.icon("filter_list") }} Filter
        </button>
        <a href="{{ url_for(request_endpoint, project_id=project.id) }}" class="btn btn-secondary">Clear</a>
    </form>
    
    <a href="{{ url_for('projects.test_spec_list', project_id=project.id) }}" class="btn btn-secondary">
        {{ ui.icon("settings") }} View Specs
    </a>
</div>

<div class="table-scroll" tabindex="0"><table class="data-table">
    <thead>
        <tr>
            <th scope="col">Job</th>
            <th scope="col">Specification</th>
            <th scope="col">Status</th>
            <th scope="col">Passed</th>
            <th scope="col">Failed</th>
            <th scope="col">Skipped</th>
            <th scope="col">Triggered By</th>
            <th scope="col">Duration</th>
            <th scope="col">Started</th>
            <th scope="col">Actions</th>
        </tr>
    </thead>
    <tbody>
        {% for job in jobs %}
        <tr>
            <td>
                <a href="{{ url_for('projects.test_job_detail', project_id=project.id, job_id=job.id) }}" class="strong">
                    #{{ job.id }}
                </a>
            </td>
            <td>{{ job.spec_name }}</td>
            <td>
                {{ bm.build_status(job.status) }}
            </td>
            <td class="text-success">{{ job.result_summary.passed if job.result_summary else '-' }}</td>
            <td class="text-danger">{{ job.result_summary.failed if job.result_summary else '-' }}</td>
            <td class="muted">{{ job.result_summary.skipped if job.result_summary else '-' }}</td>
            <td>{{ job.triggered_by_username }}</td>
            <td>{% if job.duration_seconds is not none %}{{ job.duration_seconds }}s{% else %}&mdash;{% endif %}</td>
            <td>{{ bm.build_started(job) }}</td>
            <td>
                <a href="{{ url_for('projects.test_job_detail', project_id=project.id, job_id=job.id) }}" class="btn btn-sm btn-secondary">View</a>
                <a href="{{ url_for('projects.test_job_logs', project_id=project.id, job_id=job.id) }}" class="btn btn-sm btn-secondary">Logs</a>
            </td>
        </tr>
        {% else %}
        {{ ui.empty_state("No test jobs.", colspan=10) }}
        {% endfor %}
    </tbody>
</table></div>

{{ ui.pagination('projects.test_job_list', page, total_pages, {'per_page': per_page, 'project_id': project.id, 'status': selected_status, 'spec_id': selected_spec_id}, total=total) }}
{% endblock %}