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

{% block title %}{{ spec.name }} - {{ 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><a href="{{ url_for('projects.build_spec_list', project_id=project.id) }}">Specifications</a></li>
        <li aria-current="page">{{ spec.name }}</li>
    </ol>
</nav>

<div class="page-header page-header--split">
    <div>
        <h1>{{ spec.name }}</h1>
        <p>{{ spec.description or 'No description' }}</p>
    </div>
    {% if can_manage %}
    <div class="actions-row">
        <details class="pyc-run-details">
            <summary class="btn btn-success">{{ ui.icon("play_arrow") }} Run Build</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 }}">
                <div class="form-group">
                    <label for="run-branch">Branch</label>
                    <input type="text" id="run-branch" name="branch" class="form-control" value="{{ spec.branch }}" aria-describedby="run-branch-help">
                    <p id="run-branch-help" class="form-text">Defaults to the specification's branch.</p>
                </div>
                <div class="form-group">
                    <label for="run-commit">Commit (optional)</label>
                    <input type="text" id="run-commit" name="commit_sha" class="form-control mono" placeholder="latest on branch" autocomplete="off" spellcheck="false">
                </div>
                <button type="submit" class="btn btn-success">{{ ui.icon("play_arrow") }} Run build now</button>
            </form>
        </details>
        <a href="{{ url_for('projects.build_spec_edit', project_id=project.id, spec_id=spec.id) }}" class="btn btn-secondary">
            {{ ui.icon("edit") }} Edit
        </a>
    </div>
    {% endif %}
</div>


<div class="stat-grid">
    <div class="card">
        <div class="muted">Repository</div>
        <div class="strong">{{ spec.repository_name }}</div>
    </div>
    <div class="card">
        <div class="muted">Branch</div>
        <div class="strong">{{ spec.branch }}</div>
    </div>
    <div class="card">
        <div class="muted">Version</div>
        <div class="strong">v{{ spec.version }}</div>
    </div>
    <div class="card">
        <div class="muted">Timeout</div>
        <div class="strong">{{ spec.timeout_minutes }} minutes</div>
    </div>
</div>

<div class="card">
    <h2 class="card-header">Build Steps ({{ spec.steps|length }})</h2>
    {% if spec.steps %}
    <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">Continue on Failure</th>
            </tr>
        </thead>
        <tbody>
            {% for step in spec.steps %}
            <tr>
                <td>{{ loop.index }}</td>
                <td>{{ step.name }}</td>
                <td><span class="badge badge-secondary">{{ step.type }}</span></td>
                <td>{% if step.continue_on_failure is defined and step.continue_on_failure %}Yes{% else %}No{% endif %}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table></div>
    {% else %}
    {{ ui.empty_state("No build steps defined") }}
    {% endif %}
</div>

<div class="card mt">
    <h2 class="card-header split">Recent Builds <a href="{{ url_for('projects.build_list', project_id=project.id, spec_id=spec.id) }}" class="btn btn-sm btn-secondary regular">View all</a></h2>
    {% if recent_builds %}
    <div class="table-scroll" tabindex="0"><table class="data-table">
        <thead>
            <tr>
                <th scope="col">Build</th>
                <th scope="col">Branch</th>
                <th scope="col">Status</th>
                <th scope="col">Duration</th>
                <th scope="col">Started</th>
            </tr>
        </thead>
        <tbody>
            {% for build in recent_builds %}
            <tr>
                <td>
                    <a href="{{ url_for('projects.build_detail', project_id=project.id, build_id=build.id) }}">#{{ build.id }}</a>
                </td>
                <td>{{ build.branch }}</td>
                <td>
                    {{ bm.build_status(build.status) }}
                </td>
                <td>{% if build.duration_seconds is not none %}{{ build.duration_seconds }}s{% else %}&mdash;{% endif %}</td>
                <td>{{ bm.build_started(build) }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table></div>
    {% else %}
    {{ ui.empty_state("No builds yet") }}
    {% endif %}
</div>

{% if can_delete %}
<div class="mt">
    {% if (spec_usage.watches or spec_usage.active_builds) %}
    <p class="muted">
        This specification cannot be deleted now:
        {% if spec_usage.active_builds %}{{ spec_usage.active_builds }} of its builds are waiting or running.{% endif %}
        {% if spec_usage.watches %}The watches {{ spec_usage.watches | join(', ') }} use it; change or delete them first.{% endif %}
    </p>
    {% endif %}
    {% if not spec_usage.watches and not spec_usage.active_builds %}
    <form action="{{ url_for('projects.build_spec_delete', project_id=project.id, spec_id=spec.id) }}" method="post"
          data-confirm="Delete the build specification &quot;{{ spec.name | e }}&quot;?{% if spec_usage.builds %} Its {{ spec_usage.builds }} build{{ '' if spec_usage.builds == 1 else 's' }} and their artifacts are deleted with it.{% endif %} This cannot be undone.">
        <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
        <button type="submit" class="btn btn-danger">{{ ui.icon("delete") }} Delete</button>
    </form>
    {% endif %}
</div>
{% endif %}
{% endblock %}