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

{% block title %}Test Job #{{ job.id }} - {{ project.name }} - Pychestrate{% endblock %}

{% block content %}
<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><a href="{{ url_for('projects.test_job_list', project_id=project.id) }}">Tests</a></li>
        <li aria-current="page">#{{ job.id }}</li>
    </ol>
</nav>

<div class="page-header page-header--split">
    <div>
        <h1>Test Job #{{ job.id }}</h1>
        <p>{{ job.spec_name }}</p>
    </div>
    <div class="actions-row">
        <a href="{{ url_for('projects.test_job_logs', project_id=project.id, job_id=job.id) }}" class="btn btn-secondary">
            {{ ui.icon("article") }} View Logs
        </a>
    </div>
</div>

<div class="stat-grid stat-grid--dense">
    <div class="card">
        <div class="muted">Status</div>
        <div>
            {{ ui.status_badge(job.status) }}
        </div>
    </div>
    <div class="card">
        <div class="muted">Passed</div>
        <div class="stat-value text-success">{{ job.result_summary.passed if job.result_summary else '-' }}</div>
    </div>
    <div class="card">
        <div class="muted">Failed</div>
        <div class="stat-value text-danger">{{ job.result_summary.failed if job.result_summary else '-' }}</div>
    </div>
    <div class="card">
        <div class="muted">Skipped</div>
        <div class="stat-value muted">{{ job.result_summary.skipped if job.result_summary else '-' }}</div>
    </div>
    <div class="card">
        <div class="muted">Errors</div>
        <div class="stat-value text-danger">{{ job.result_summary.errors if job.result_summary else '-' }}</div>
    </div>
    <div class="card">
        <div class="muted">Duration</div>
        <div class="strong">{% if job.duration_seconds is not none %}{{ job.duration_seconds }}s{% else %}-{% endif %}</div>
    </div>
</div>

<div class="card">
    <h2 class="card-header">Job Details</h2>
    <div class="table-scroll" tabindex="0"><table class="data-table">
        <tr>
            <th scope="row">Specification</th>
            <td>
                <a href="{{ url_for('projects.test_spec_detail', project_id=project.id, spec_id=job.spec_id) }}">{{ job.spec_name }}</a>
                <span class="muted small">v{{ job.spec_version }}</span>
            </td>
        </tr>
        <tr>
            <th scope="row">Triggered By</th>
            <td>{{ job.triggered_by_username }}</td>
        </tr>
        <tr>
            <th scope="row">Created</th>
            <td>{{ job.created_at | format_datetime('%Y-%m-%d %H:%M:%S') }}</td>
        </tr>
        <tr>
            <th scope="row">Started</th>
            <td>{{ job.started_at | format_datetime('%Y-%m-%d %H:%M:%S', 'Not started') }}</td>
        </tr>
        <tr>
            <th scope="row">Completed</th>
            <td>{{ job.completed_at | format_datetime('%Y-%m-%d %H:%M:%S', 'Not completed') }}</td>
        </tr>
    </table></div>
</div>

{% if results %}
<div class="card mt">
    <h2 class="card-header">Test Results</h2>
    <div class="table-scroll" tabindex="0"><table class="data-table">
        <thead>
            <tr>
                <th scope="col">Test</th>
                <th scope="col">Result</th>
                <th scope="col">Duration</th>
                <th scope="col">Failure</th>
            </tr>
        </thead>
        <tbody>
            {% for result in results %}
            <tr>
                <td class="mono" title="{{ result.classname }}">{{ result.name }}</td>
                <td>
                    {{ ui.status_badge(result.status) }}
                </td>
                <td>{{ (result.duration_seconds * 1000) | round | int }}ms</td>
                <td style="font-size: 0.8rem;">{{ result.failure_message or '' }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table></div>
</div>
{% endif %}
{% endblock %}