{% extends "base_template.html" %}

{% block title %}Editions{% endblock %}

{% block content %}
<div class="d-flex flex-column align-items-start gap-2 mb-4">
    <div>
        <h1 class="h3 mb-0">Editions</h1>
        <p class="text-muted mb-0">Each instalment of the event. The current one drives the homepage and the programme page; the rest form the archive.</p>
    </div>
    {#- may_add, and may(endpoint, edition) on each row, say whether the
        account may open the screen a button leads to, asked as that
        screen's own gate asks, for the edition of the row, so no button
        answers 403. -#}
    {% if may_add %}
    <a href="{{ url_for('editions.admin_new') }}" class="btn btn-primary">+ Add edition</a>
    {% endif %}
</div>

{% with messages = get_flashed_messages(with_categories=true) %}
    {% for category, message in messages %}
        <div class="alert alert-{{ 'danger' if category == 'danger' else ('info' if category == 'info' else 'success') }} py-2">{{ message }}</div>
    {% endfor %}
{% endwith %}

<div class="card">
    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead>
                <tr>
                    <th>Edition</th>
                    <th>Dates</th>
                    <th class="text-center">Events</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                {% for e in editions %}
                <tr>
                    <td>
                        <strong>{{ e.name }}</strong>
                        {% if e is sameas current %}<span class="badge bg-primary ms-1">current</span>{% endif %}
                        {% if not e.published %}<span class="badge bg-warning text-dark ms-1">draft</span>{% endif %}
                        <div class="text-muted small">/editions/{{ e.slug }}{% if e.venue %} · {{ e.venue }}{% endif %}</div>
                    </td>
                    <td class="text-nowrap">
                        {% if e.starts_on %}{{ e.starts_on.strftime('%Y-%m-%d') }}{% endif %}
                        {% if e.ends_on and e.ends_on != e.starts_on %} → {{ e.ends_on.strftime('%Y-%m-%d') }}{% endif %}
                    </td>
                    <td class="text-center">{{ counts.get(e.id, 0) }}</td>
                    <td class="text-end text-nowrap">
                        {% set may_photos = may('editions.admin_photos', e) %}
                        {% if e is not sameas current and may('editions.admin_set_current', e) %}
                        <form method="POST" action="{{ url_for('editions.admin_set_current', edition_id=e.id) }}" class="d-inline">
                            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                            <button class="btn btn-sm btn-outline-secondary" type="submit" title="Make this the current edition">Set current</button>
                        </form>
                        {% endif %}
                        {% if e.starts_on and e.ends_on and may('editions.admin_adopt', e) %}
                        <form method="POST" action="{{ url_for('editions.admin_adopt', edition_id=e.id) }}" class="d-inline">
                            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                            <button class="btn btn-sm btn-outline-secondary" type="submit" title="Attach the events dated within this edition that have no edition yet">Adopt events</button>
                        </form>
                        {% endif %}
                        {% if may_photos %}
                        <a href="{{ url_for('editions.admin_photos', edition_id=e.id) }}" class="btn btn-sm btn-outline-secondary" title="Edit this edition's photo gallery">Photos</a>
                        <a href="{{ url_for('editions.admin_photos', edition_id=e.id, kind='poster') }}" class="btn btn-sm btn-outline-secondary" title="Edit this edition's posters">Posters</a>
                        {% endif %}
                        {% if may('editions.admin_sponsors', e) %}
                        <a href="{{ url_for('editions.admin_sponsors', edition_id=e.id) }}" class="btn btn-sm btn-outline-secondary" title="Edit this edition's sponsors">Sponsors</a>
                        {% endif %}
                        {% if may('editions.admin_edit', e) %}
                        <a href="{{ url_for('editions.admin_edit', edition_id=e.id) }}" class="btn btn-sm btn-outline-primary">Edit</a>
                        {% endif %}
                        {% if may('editions.admin_delete', e) %}
                        {#- The question is translated, and the name goes into
                            it escaped. striptags gives the plain text back,
                            the name as it is written, and tojson writes it
                            into the script as one string, inside single
                            quotes, so no quote in it can end the string. -#}
                        <form method="POST" action="{{ url_for('editions.admin_delete', edition_id=e.id) }}" class="d-inline" onsubmit='return confirm({{ _("Remove %(name)s? Its events are kept.", name=e.name) | striptags | tojson }})'>
                            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                            <button class="btn btn-sm btn-outline-danger" type="submit" title="Remove"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button>
                        </form>
                        {% endif %}
                    </td>
                </tr>
                {% else %}
                <tr><td colspan="4" class="text-muted">No editions yet. Add the next one and flag it as current; events dated within it can then be attached in one click.</td></tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endblock %}