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

{% block title %}Infrastructure 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.infra_job_list', project_id=project.id) }}">Infrastructure</a></li>
        <li aria-current="page">#{{ job.id }}</li>
    </ol>
</nav>

<div class="page-header page-header--split">
    <div>
        <h1>Infrastructure Job #{{ job.id }}</h1>
        <p>{{ job.spec_name }} - {{ job.action | state_words }}</p>
    </div>
    <div class="actions-row">
        <a href="{{ url_for('projects.infra_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">
    <div class="card">
        <div class="muted">Status</div>
        <div>
            {{ ui.status_badge(job.status) }}
        </div>
    </div>
    <div class="card">
        <div class="muted">Action</div>
        <div><span class="badge badge-info badge-lg">{{ job.action | state_words }}</span></div>
    </div>
    <div class="card">
        <div class="muted">State</div>
        <div>{{ ui.status_badge(job.state) }}</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 %}&mdash;{% 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.infra_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>
{% endblock %}