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

{% block title %}Release Events - {{ 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.calendar_view', project_id=project.id) }}">Calendar</a></li>
        <li aria-current="page">Events</li>
    </ol>
</nav>

<div class="page-header">
    <h1>Release Events</h1>
    <p>Scheduled release windows and their phases</p>
</div>

{% call ui.preview_notice() %}
    Preview: release events cannot be created yet &mdash; no page or API
    manages them &mdash; so this list stays empty.
{% endcall %}

<div class="toolbar toolbar--end">
    <a href="{{ url_for('projects.calendar_view', project_id=project.id) }}" class="btn btn-secondary">
        {{ ui.icon("calendar_today") }} Calendar View
    </a>
</div>

<div class="table-scroll" tabindex="0"><table class="data-table">
    <thead>
        <tr>
            <th scope="col">Name</th>
            <th scope="col">Release</th>
            <th scope="col">Phases</th>
            <th scope="col">Start</th>
            <th scope="col">End</th>
            <th scope="col"></th>
        </tr>
    </thead>
    <tbody>
        {% for event in events %}
        <tr>
            <td>
                <a href="{{ url_for('projects.release_event_detail', project_id=project.id, event_id=event.id) }}" class="strong">
                    {{ event.name }}
                </a>
            </td>
            <td>
                <span class="badge badge-secondary mono">{{ event.release_version }}</span>
                {{ event.release_name }}
            </td>
            <td>{{ event.phases | length }}</td>
            <td>{{ event.start_time | format_datetime('%Y-%m-%d %H:%M') }}</td>
            <td>{{ event.end_time | format_datetime('%Y-%m-%d %H:%M') }}</td>
            <td>
                <a href="{{ url_for('projects.release_event_detail', project_id=project.id, event_id=event.id) }}" class="btn btn-sm btn-secondary">View</a>
            </td>
        </tr>
        {% else %}
        {{ ui.empty_state("No release events.", colspan=6) }}
        {% endfor %}
    </tbody>
</table></div>

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