{% extends "admin/base.html" %}

{% block title %}Series{% endblock %}

{% block content %}
<div class="header">
    <h2>Series</h2>
    <a href="/admin/series/new" class="btn btn-primary">New Series</a>
</div>

<div class="card">
    {% if series_list | length > 0 %}
    <table>
        <thead>
            <tr>
                <th>Title</th>
                <th>Items</th>
                <th>Status</th>
                <th>Updated</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            {% for s in series_list %}
            <tr>
                <td><a href="/admin/series/{{ s.id }}/edit">{{ s.title }}</a></td>
                <td>{{ s.items | length }} post{{ s.items | length | pluralize }}</td>
                <td>
                    <span class="status status-{{ s.status }}">{{ s.status }}</span>
                </td>
                <td>{{ s.updated_at }}</td>
                <td>
                    <a href="/admin/series/{{ s.id }}/edit" class="btn btn-secondary btn-sm">Edit</a>
                    <button
                        class="btn btn-danger btn-sm"
                        hx-post="/admin/series/{{ s.id }}/delete"
                        hx-confirm="Delete this series? Posts will not be deleted.">
                        Delete
                    </button>
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
    {% else %}
    <p style="color: var(--text-muted);">No series yet. <a href="/admin/series/new">Create your first series</a> to group related posts together.</p>
    {% endif %}
</div>
{% endblock %}