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

{% block title %}Releases - {{ 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">Releases</li>
    </ol>
</nav>

<div class="page-header">
    <h1>Releases</h1>
    <p>Release versions and artifacts</p>
</div>

<div class="toolbar">
    <form method="get" class="actions-row">
        <label for="release-status" class="visually-hidden">Status</label>
        <select id="release-status" name="status" class="form-control w-sm">
            <option value="">All Statuses</option>
            <option value="draft" {% if selected_status == 'draft' %}selected{% endif %}>Draft</option>
            <option value="published" {% if selected_status == 'published' %}selected{% endif %}>Published</option>
            <option value="deprecated" {% if selected_status == 'deprecated' %}selected{% endif %}>Deprecated</option>
        </select>
        {% if channels %}
        <label for="release-channel" class="visually-hidden">Channel</label>
        <select id="release-channel" name="channel_id" class="form-control w-md">
            <option value="">All Channels</option>
            {% for channel in channels %}
            <option value="{{ channel.id }}" {% if selected_channel_id == channel.id %}selected{% endif %}>{{ channel.name }}</option>
            {% endfor %}
        </select>
        {% endif %}
        <button type="submit" class="btn btn-secondary">
            {{ ui.icon("filter_list") }} Filter
        </button>
        <a href="{{ url_for(request_endpoint, project_id=project.id) }}" class="btn btn-secondary">Clear</a>
    </form>
    
</div>

<div class="table-scroll" tabindex="0"><table class="data-table">
    <thead>
        <tr>
            <th scope="col">Version</th>
            <th scope="col">Name</th>
            <th scope="col">Status</th>
            <th scope="col">Artifacts</th>
            <th scope="col">Published By</th>
            <th scope="col">Created</th>
            <th scope="col">Actions</th>
        </tr>
    </thead>
    <tbody>
        {% for release in releases %}
        <tr>
            <td>
                <a href="{{ url_for('projects.release_detail', project_id=project.id, release_id=release.id) }}" class="strong mono">
                    {{ release.version }}
                </a>
            </td>
            <td>{{ release.name or '' }}</td>
            <td>
                {{ ui.status_badge(release.status) }}
            </td>
            <td>{{ release.artifact_count or 0 }}</td>
            <td>{{ release.published_by_username or '—' }}</td>
            <td>{{ release.created_at | format_datetime('%Y-%m-%d %H:%M') }}</td>
            <td>
                <a href="{{ url_for('projects.release_detail', project_id=project.id, release_id=release.id) }}" class="btn btn-sm btn-secondary">View</a>
            </td>
        </tr>
        {% else %}
        {{ ui.empty_state("No releases yet.", hint="A release is created from a release template.", action_url=url_for('projects.release_template_list', project_id=project.id), action_label="Release Templates", colspan=7) }}
        {% endfor %}
    </tbody>
</table></div>

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