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

{% block title %}Create Watch - {{ 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.watch_list', project_id=project.id) }}">Watches</a></li>
        <li aria-current="page">Create</li>
    </ol>
</nav>

<div class="page-header">
    <h1>Create Watch</h1>
    <p>Run something automatically when a repository changes or a build finishes</p>
</div>

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

        <div class="form-group">
            <label for="name">Name</label>
            <input type="text" id="name" name="name" class="form-control" required
                   value="{{ form_data.name if form_data else '' }}"
                   placeholder="e.g., build-on-push"{{ ui.invalid_attrs(errors, 'name') }}>
            {{ ui.field_error(errors, 'name') }}
        </div>

        <div class="form-group">
            <label for="description">Description</label>
            <textarea id="description" name="description" class="form-control" rows="2"
                      placeholder="Optional description">{{ form_data.description if form_data else '' }}</textarea>
        </div>

        <h2 class="card-header">When</h2>

        <div class="form-group">
            <label for="event_type">Start this watch when</label>
            <select id="event_type" name="event_type" class="form-control" required aria-describedby="event_type-help">
                {% for event_type in event_types %}
                <option value="{{ event_type }}" {% if form_data and form_data.event_type == event_type %}selected{% endif %}>{{ trigger_labels.get(event_type, event_type) }}</option>
                {% endfor %}
            </select>
            {{ ui.field_error(errors, 'event_type') }}
            <p id="event_type-help" class="form-text">Repository changes are found when someone fetches the repository (Fetch on its page).</p>
        </div>

        <div class="form-group">
            <label for="repository_id">Repository</label>
            <select id="repository_id" name="repository_id" class="form-control" aria-describedby="repository_id-help">
                <option value="">Select a repository</option>
                {% for repo in repositories %}
                <option value="{{ repo.id }}" {% if form_data and form_data.repository_id == repo.id|string %}selected{% endif %}>
                    {{ repo.name }}
                </option>
                {% endfor %}
            </select>
            {{ ui.field_error(errors, 'repository_id') }}
            <p id="repository_id-help" class="form-text">For new commits, new branches and new tags.</p>
        </div>

        <div class="form-group">
            <label for="source_spec_id">Build specification</label>
            <select id="source_spec_id" name="source_spec_id" class="form-control" aria-describedby="source_spec_id-help">
                <option value="">Select a build specification</option>
                {% for spec in build_specs %}
                <option value="{{ spec.id }}" {% if form_data and form_data.source_spec_id == spec.id|string %}selected{% endif %}>
                    {{ spec.name }}
                </option>
                {% endfor %}
            </select>
            <p id="source_spec_id-help" class="form-text">For "A build finishes": the specification whose builds start this watch.</p>
        </div>

        <div class="form-group">
            <label for="branch_pattern">Branch pattern</label>
            <input type="text" id="branch_pattern" name="branch_pattern" class="form-control"
                   value="{{ form_data.branch_pattern if form_data else '' }}"
                   placeholder="e.g., ^main$ or ^release/"{{ ui.invalid_attrs(errors, 'branch_pattern', 'branch_pattern-help') }}>
            {{ ui.field_error(errors, 'branch_pattern') }}
            <span id="branch_pattern-help" class="form-text">Regular expression matched from the start of the branch name (for commits, new branches, and the branch a finished build built). Leave empty to match every branch.</span>
        </div>

        <div class="form-group">
            <label for="tag_pattern">Tag pattern</label>
            <input type="text" id="tag_pattern" name="tag_pattern" class="form-control"
                   value="{{ form_data.tag_pattern if form_data else '' }}"
                   placeholder="e.g., ^v[0-9]+"{{ ui.invalid_attrs(errors, 'tag_pattern', 'tag_pattern-help') }}>
            {{ ui.field_error(errors, 'tag_pattern') }}
            <span id="tag_pattern-help" class="form-text">For new tags: regular expression matched from the start of the tag name. Leave empty to match every tag.</span>
        </div>

        <div class="form-group">
            <label for="build_status">Build result</label>
            <select id="build_status" name="build_status" class="form-control" aria-describedby="build_status-help">
                <option value="any" {% if not form_data or form_data.build_status in ('', 'any') %}selected{% endif %}>Succeeded or failed</option>
                <option value="succeeded" {% if form_data and form_data.build_status == 'succeeded' %}selected{% endif %}>Succeeded</option>
                <option value="failed" {% if form_data and form_data.build_status == 'failed' %}selected{% endif %}>Failed</option>
            </select>
            {{ ui.field_error(errors, 'build_status') }}
            <p id="build_status-help" class="form-text">For "A build finishes".</p>
        </div>

        <h2 class="card-header">Then</h2>

        <div class="form-group">
            <label for="action_type">Do this</label>
            <select id="action_type" name="action_type" class="form-control" required>
                {% for action_type in action_types %}
                <option value="{{ action_type }}" {% if form_data and form_data.action_type == action_type %}selected{% endif %}>{{ action_labels.get(action_type, action_type) }}</option>
                {% endfor %}
            </select>
            {{ ui.field_error(errors, 'action_type') }}
        </div>

        <div class="form-group">
            <label for="action_spec_id">Build specification to run</label>
            <select id="action_spec_id" name="action_spec_id" class="form-control" aria-describedby="action_spec_id-help">
                <option value="">Select a build spec</option>
                {% for spec in build_specs %}
                <option value="{{ spec.id }}" {% if form_data and form_data.action_spec_id == spec.id|string %}selected{% endif %}>
                    {{ spec.name }}
                </option>
                {% endfor %}
            </select>
        <p id="action_spec_id-help" class="form-text">For "Run a build". When a commit, branch or tag starts the watch and this specification builds the same repository, the build uses that branch and commit.</p>
        </div>

        <div class="form-group">
            <label for="action_target_id">Target id for other actions</label>
            <input type="number" id="action_target_id" name="action_target_id" class="form-control" min="1"
                   value="{{ form_data.action_target_id if form_data else '' }}"
                   placeholder="pipeline, infrastructure specification, or test specification id"{{ ui.invalid_attrs(errors, 'action_target_id', 'action_target_id-help') }}>
            {{ ui.field_error(errors, 'action_target_id') }}
            <p id="action_target_id-help" class="form-text">For starting a release pipeline, or running an infrastructure or test job: the id of the thing to run. Takes precedence over the build specification when set.</p>
        </div>

        <div class="form-group">
            <label>
                <input type="checkbox" name="enabled" value="true"
                       {% if not form_data or form_data.enabled == 'true' %}checked{% endif %}>
                Enable watch immediately
            </label>
        </div>

        <div class="actions-row">
            <button type="submit" class="btn btn-primary">
                {{ ui.icon("add") }} Create Watch
            </button>
            <a href="{{ url_for('projects.watch_list', project_id=project.id) }}" class="btn btn-secondary">Cancel</a>
        </div>
    </form>
</div>
{% endblock %}