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

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

<div class="page-header">
    <h1>Edit Build Specification</h1>
    <p>Saving creates version {{ spec.version + 1 }}. Builds already run keep the version they used.</p>
</div>

<div class="card narrow">
    <form method="post">
        <input type="hidden" name="csrf_token" value="{{ csrf_token }}">

        <div class="form-group">
            <label for="name">Specification Name *</label>
            <input type="text" id="name" name="name" class="form-control" required
                   value="{{ form_values.name }}"{{ ui.invalid_attrs(errors, 'name') }}>
            {{ ui.field_error(errors, 'name') }}
        </div>

        <div class="form-group">
            <label for="repository_id">Repository *</label>
            <select id="repository_id" name="repository_id" class="form-control" required>
                {% for repo in repositories %}
                <option value="{{ repo.id }}" {% if form_values.repository_id == repo.id|string %}selected{% endif %}>{{ repo.name }}</option>
                {% endfor %}
            </select>
        </div>

        <div class="form-group">
            <label for="branch">Branch</label>
            <input type="text" id="branch" name="branch" class="form-control"
                   value="{{ form_values.branch }}" placeholder="main"{{ ui.invalid_attrs(errors, 'branch') }}>
            {{ ui.field_error(errors, 'branch') }}
        </div>

        <div class="form-group">
            <label for="timeout_minutes">Timeout (minutes)</label>
            <input type="number" id="timeout_minutes" name="timeout_minutes" class="form-control"
                   value="{{ form_values.timeout_minutes }}" min="1" max="480"{{ ui.invalid_attrs(errors, 'timeout_minutes') }}>
            {{ ui.field_error(errors, 'timeout_minutes') }}
        </div>

        <div class="form-group">
            <label for="steps">Build Steps (JSON)</label>
            <textarea id="steps" name="steps" class="form-control" rows="10"{{ ui.invalid_attrs(errors, 'steps', 'steps-help') }}>{{ form_values.steps }}</textarea>
            {{ ui.field_error(errors, 'steps') }}
            <div id="steps-help" class="form-text">JSON array of build step definitions</div>
            {% include "projects/builds/_step_format.html" %}
        </div>

        <div class="form-group">
            <label for="environment">Environment Variables (JSON)</label>
            <textarea id="environment" name="environment" class="form-control" rows="4">{{ form_values.environment }}</textarea>
        </div>

        <div class="form-group">
            <label for="description">Description</label>
            <textarea id="description" name="description" class="form-control" rows="2">{{ form_values.description }}</textarea>
        </div>

        <div class="actions-row">
            <button type="submit" class="btn btn-primary">
                {{ ui.icon("save") }} Save as version {{ spec.version + 1 }}
            </button>
            <a href="{{ url_for('projects.build_spec_detail', project_id=project.id, spec_id=spec.id) }}" class="btn btn-secondary">Cancel</a>
        </div>
    </form>
</div>
{% endblock %}