{% extends "layout.html" %}

{% block content %}
<section class="page-shell series-page" aria-labelledby="SeriesHeading">
    <header class="page-heading">
        <div>
            <p class="eyebrow">Administration</p>
            <h1 id="SeriesHeading">Series</h1>
        </div>
        {% if can_create %}
        <a class="nav-link nav-link-primary" href="{{ create_url }}">
            Create series
        </a>
        {% endif %}
    </header>

    {% if length(series) == 0 %}
    <div class="empty-panel">
        <h2>No series yet</h2>
        {% if can_create %}
        <p>Create a series to organize cards within a game.</p>
        {% else %}
        <p>Create a game before adding a series.</p>
        {% endif %}
    </div>
    {% else %}
    <ul class="series-admin-list">
        {% for item in series %}
        <li>
            <div>
                <p class="eyebrow">{{ item.game }}</p>
                {% if item.internal %}
                <span class="internal-badge">Internal</span>
                {% endif %}
                <h2>{{ item.name }}</h2>
                {% if item.has_description %}
                <div class="description-copy">{{ item.description }}</div>
                {% endif %}
            </div>
            <div class="series-admin-actions">
                <a href="{{ item.edit_url }}">Edit</a>
                <a href="{{ item.delete_url }}">Delete</a>
            </div>
        </li>
        {% endfor %}
    </ul>
    {% endif %}
</section>
{% endblock %}