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

{% block title %}{{ pipeline.name }} - Pipeline - {{ 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.release_list', project_id=project.id) }}">Releases</a></li>
        <li><a href="{{ url_for('projects.pipeline_list', project_id=project.id) }}">Pipelines</a></li>
        <li aria-current="page">{{ pipeline.name }}</li>
    </ol>
</nav>

<div class="page-header page-header--split">
    <div>
        <h1>{{ pipeline.name }}</h1>
        <p>{{ pipeline.description or 'Release pipeline' }}</p>
    </div>
    <div>
        <span class="badge badge-secondary badge-lg">v{{ pipeline.version }}</span>
    </div>
</div>

<div class="stat-grid">
    <div class="card">
        <div class="muted">Version</div>
        <div class="strong">v{{ pipeline.version }}</div>
    </div>
    <div class="card">
        <div class="muted">Stages</div>
        <div class="strong">{{ pipeline.stages|length }}</div>
    </div>
    <div class="card">
        <div class="muted">Triggers</div>
        <div class="strong">{% if pipeline.triggers %}{{ pipeline.triggers | join(', ') }}{% else %}manual only{% endif %}</div>
    </div>
    <div class="card">
        <div class="muted">Updated</div>
        <div class="strong">{{ pipeline.updated_at | format_datetime('%Y-%m-%d %H:%M') }}</div>
    </div>
</div>

<div class="card">
    <h2 class="card-header">Pipeline Stages</h2>
    {% if pipeline.stages %}
    <div class="table-scroll" tabindex="0"><table class="data-table">
        <thead>
            <tr>
                <th scope="col">#</th>
                <th scope="col">Name</th>
                <th scope="col">Type</th>
                <th scope="col">Approval Required</th>
                <th scope="col">On Failure</th>
            </tr>
        </thead>
        <tbody>
            {% for stage in pipeline.stages %}
            <tr>
                <td>{{ loop.index }}</td>
                <th scope="row">{{ stage.name }}</th>
                <td><span class="badge badge-secondary">{{ stage.type }}</span></td>
                <td>
                    {% if stage.requires_approval is defined and stage.requires_approval %}
                    <span class="badge badge-warning">Yes</span>
                    {% else %}
                    <span class="badge badge-secondary">No</span>
                    {% endif %}
                </td>
                <td>{% if stage.continue_on_failure is defined and stage.continue_on_failure %}Continue{% else %}Stop pipeline{% endif %}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table></div>
    {% else %}
    {{ ui.empty_state("No stages defined") }}
    {% endif %}
</div>

<div class="card mt">
    <h2 class="card-header">Recent Runs</h2>
    {% if recent_runs %}
    <div class="table-scroll" tabindex="0"><table class="data-table">
        <thead>
            <tr>
                <th scope="col">Run</th>
                <th scope="col">Status</th>
                <th scope="col">Triggered By</th>
                <th scope="col">Started</th>
                <th scope="col">Duration</th>
            </tr>
        </thead>
        <tbody>
            {% for run in recent_runs %}
            <tr>
                <td>#{{ run.id }}</td>
                <td>
                    {{ ui.status_badge(run.status) }}
                </td>
                <td>{{ run.triggered_by_username }}</td>
                <td>{{ run.started_at | format_datetime('%Y-%m-%d %H:%M', 'Pending') }}</td>
                <td>{% if run.started_at and run.completed_at %}{{ (run.completed_at - run.started_at).total_seconds() | int }}s{% elif run.started_at %}running{% else %}-{% endif %}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table></div>
    {% else %}
    {{ ui.empty_state("No runs recorded.") }}
    {% endif %}
</div>
{% endblock %}