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

{% block title %}Build Specifications - {{ 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">Specifications</li>
    </ol>
</nav>

<div class="page-header">
    <h1>Build Specifications</h1>
    <p>Manage build configurations</p>
</div>

{% if can_manage %}
<div class="toolbar toolbar--end">
    <a href="{{ url_for('projects.build_spec_create', project_id=project.id) }}" class="btn btn-primary">
        {{ ui.icon("add") }} Create Specification
    </a>
</div>
{% endif %}

<div class="table-scroll" tabindex="0"><table class="data-table">
    <thead>
        <tr>
            <th scope="col">Name</th>
            <th scope="col">Repository</th>
            <th scope="col">Branch</th>
            <th scope="col">Version</th>
            <th scope="col">Timeout</th>
            <th scope="col">Updated</th>
            <th scope="col">Actions</th>
        </tr>
    </thead>
    <tbody>
        {% for spec in specs %}
        <tr>
            <td>
                <a href="{{ url_for('projects.build_spec_detail', project_id=project.id, spec_id=spec.id) }}" class="strong">
                    {{ spec.name }}
                </a>
            </td>
            <td>{{ spec.repository_name }}</td>
            <td>{{ spec.branch }}</td>
            <td>v{{ spec.version }}</td>
            <td>{{ spec.timeout_minutes }}m</td>
            <td>{{ spec.updated_at | format_datetime('%Y-%m-%d %H:%M') }}</td>
            <td>
                <a href="{{ url_for('projects.build_spec_detail', project_id=project.id, spec_id=spec.id) }}" class="btn btn-sm btn-secondary">View</a>
                {% if can_manage %}
                <details class="pyc-run-details">
                    <summary class="btn btn-sm btn-success">{{ ui.icon("play_arrow") }} Run</summary>
                    <form action="{{ url_for('projects.build_trigger', project_id=project.id) }}" method="post" class="pyc-run-form">
                        <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
                        <input type="hidden" name="spec_id" value="{{ spec.id }}">
                        <label for="branch-{{ spec.id }}">Branch</label>
                        <input type="text" id="branch-{{ spec.id }}" name="branch" class="form-control" value="{{ spec.branch }}" placeholder="{{ spec.branch }}">
                        <label for="commit-{{ spec.id }}">Commit (optional)</label>
                        <input type="text" id="commit-{{ spec.id }}" name="commit_sha" class="form-control mono" placeholder="latest on branch" autocomplete="off" spellcheck="false">
                        <button type="submit" class="btn btn-sm btn-success">Run build</button>
                    </form>
                </details>
                {% endif %}
            </td>
        </tr>
        {% else %}
        <tr>
            <td colspan="7" class="muted center pad-lg">
                No build specifications yet.
                {% if can_manage %}
                <a href="{{ url_for('projects.build_spec_create', project_id=project.id) }}">Create your first specification</a>
                {% else %}
                Build specifications are created by project developers.
                {% endif %}
            </td>
        </tr>
        {% endfor %}
    </tbody>
</table></div>

{{ ui.pagination('projects.build_spec_list', page, total_pages, {'per_page': per_page, 'project_id': project.id}, total=total) }}
{% endblock %}