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

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

<div class="page-header page-header--split">
    <div>
        <h1>Build #{{ build.id }}</h1>
        <p>{{ build.spec_name }} - {{ build.branch }}</p>
    </div>
    <div class="actions-row">
        <a href="{{ url_for('projects.build_logs', project_id=project.id, build_id=build.id) }}" class="btn btn-secondary">
            {{ ui.icon("article") }} View Logs
        </a>
        {% if can_manage and build.status.value in ['pending', 'queued', 'running'] %}
        <form action="{{ url_for('projects.build_cancel', project_id=project.id, build_id=build.id) }}" method="post" data-confirm="Cancel this build?">
            <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
            <button type="submit" class="btn btn-danger">
                {{ ui.icon("cancel") }} Cancel
            </button>
        </form>
        {% endif %}
    </div>
</div>

<div class="stat-grid">
    <div class="card">
        <div class="muted">Status</div>
        <div>
            {{ bm.build_status(build.status) }}
        </div>
    </div>
    <div class="card">
        <div class="muted">Specification</div>
        <div class="strong">
            <a href="{{ url_for('projects.build_spec_detail', project_id=project.id, spec_id=build.spec_id) }}">{{ build.spec_name }}</a>
            <span class="muted small">v{{ build.spec_version }}</span>
        </div>
    </div>
    <div class="card">
        <div class="muted">Branch</div>
        <div class="strong">{{ build.branch }}</div>
    </div>
    <div class="card">
        <div class="muted">Duration</div>
        <div class="strong">{% if build.duration_seconds is not none %}{{ build.duration_seconds }}s{% else %}&mdash;{% endif %}</div>
    </div>
</div>

<div class="card">
    <h2 class="card-header">Build Details</h2>
    <div class="table-scroll" tabindex="0"><table class="data-table">
        <tr>
            <th scope="row">Commit SHA</th>
            <td>{{ bm.build_commit(build, full=true) }}</td>
        </tr>
        <tr>
            <th scope="row">Commit Message</th>
            <td>{{ build.commit_message or '—' }}</td>
        </tr>
        <tr>
            <th scope="row">Trigger Type</th>
            <td><span class="badge badge-secondary">{{ build.trigger_type | state_words }}</span></td>
        </tr>
        <tr>
            <th scope="row">Triggered By</th>
            <td>{{ build.triggered_by_username }}</td>
        </tr>
        <tr>
            <th scope="row">Created</th>
            <td>{{ build.created_at | format_datetime('%Y-%m-%d %H:%M:%S') }}</td>
        </tr>
        <tr>
            <th scope="row">Started</th>
            <td>{{ build.started_at | format_datetime('%Y-%m-%d %H:%M:%S', 'Not started') }}</td>
        </tr>
        <tr>
            <th scope="row">Completed</th>
            <td>{{ build.completed_at | format_datetime('%Y-%m-%d %H:%M:%S', 'Not completed') }}</td>
        </tr>
    </table></div>
</div>

<div class="card mt">
    <h2 class="card-header">Artifacts ({{ artifacts|length }})</h2>
    {% if artifacts %}
    <div class="table-scroll" tabindex="0"><table class="data-table">
        <thead>
            <tr>
                <th scope="col">Name</th>
                <th scope="col">Path</th>
                <th scope="col">Size</th>
                <th scope="col">Checksum</th>
            </tr>
        </thead>
        <tbody>
            {% for artifact in artifacts %}
            <tr>
                <td>{{ artifact.name }}</td>
                <td class="mono">{{ artifact.path }}</td>
                <td>{{ (artifact.size_bytes / 1024)|round(1) }} KB</td>
                <td class="mono">{{ artifact.checksum[:16] }}...</td>
            </tr>
            {% endfor %}
        </tbody>
    </table></div>
    {% else %}
    {{ ui.empty_state("No artifacts") }}
    {% endif %}
</div>
{% endblock %}