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

{% block title %}Watches - {{ 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 aria-current="page">Watches</li>
    </ol>
</nav>

<div class="page-header">
    <h1>Watches</h1>
    <p>Repository and build event triggers</p>
</div>

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

<div class="table-scroll" tabindex="0"><table class="data-table">
    <thead>
        <tr>
            <th scope="col">Name</th>
            <th scope="col">Source</th>
            <th scope="col">Starts when</th>
            <th scope="col">Condition</th>
            <th scope="col">Actions</th>
            <th scope="col">Enabled</th>
            <th scope="col">Last Triggered</th>
            <th scope="col"></th>
        </tr>
    </thead>
    <tbody>
        {% for watch in watches %}
        <tr>
            <td>
                <a href="{{ url_for('projects.watch_detail', project_id=project.id, watch_id=watch.id) }}" class="strong">
                    {{ watch.name }}
                </a>
            </td>
            <td>{{ watch.source_name }}</td>
            <td>{{ trigger_labels.get(watch.trigger_source.value, watch.trigger_source.value) }}</td>
            <td>{% if watch.conditions.tag_pattern %}tag matches <code>{{ watch.conditions.tag_pattern }}</code>{% elif watch.conditions.branch_pattern %}branch matches <code>{{ watch.conditions.branch_pattern }}</code>{% else %}<span class="muted">none</span>{% endif %}{% if watch.conditions.build_status in ('succeeded', 'failed') %}, build {{ watch.conditions.build_status }}{% endif %}</td>
            <td>
                {% for action in watch.actions %}
                <span class="badge badge-info">{{ action_labels.get(action.action.value, action.action.value) }}</span>
                {% else %}
                <span class="muted">None configured</span>
                {% endfor %}
            </td>
            <td>
                {% if watch.enabled %}
                <span class="badge badge-success">Enabled</span>
                {% else %}
                <span class="badge badge-secondary">Disabled</span>
                {% endif %}
            </td>
            <td>{{ watch.last_trigger_time | format_datetime('%Y-%m-%d %H:%M', 'Never') }}</td>
            <td>
                <a href="{{ url_for('projects.watch_detail', project_id=project.id, watch_id=watch.id) }}" class="btn btn-sm btn-secondary">View</a>
                {% if can_manage %}
                <a href="{{ url_for('projects.watch_edit', project_id=project.id, watch_id=watch.id) }}" class="btn btn-sm btn-secondary">Edit</a>
                {% endif %}
            </td>
        </tr>
        {% else %}
        <tr>
            <td colspan="8" class="muted center pad-lg">
                No watches yet.
                {% if can_manage %}
                <a href="{{ url_for('projects.watch_create', project_id=project.id) }}">Create your first watch</a>
                {% else %}
                Watches are event triggers set up by project developers.
                {% endif %}
            </td>
        </tr>
        {% endfor %}
    </tbody>
</table></div>

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