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

{% block title %}Manage Volumes - GJEE Admin{% endblock %}

{% block content %}
<div class="page-header">
    <h1>Manage Volumes</h1>
    <a href="{{ url_for('admin_add_volume') }}" class="btn btn-primary">Add New Volume</a>
</div>

<div class="section">
    <h2>Current Issues (2010 - onwards)</h2>
    <table class="data-table">
        <thead>
            <tr>
                <th>Volume</th>
                <th>Year</th>
                <th>Issues</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            {% for volume in volumes if volume.is_current %}
            <tr>
                <td>Vol. {{ volume.volume_number }}</td>
                <td>{{ volume.year }}</td>
                <td>{{ volume.issues|length }} issues</td>
                <td class="actions">
                    <a href="{{ url_for('admin_issues', volume_id=volume.id) }}" class="btn btn-sm">Manage Issues</a>
                    <a href="{{ url_for('admin_edit_volume', volume_id=volume.id) }}" class="btn btn-sm">Edit</a>
                    <form action="{{ url_for('admin_delete_volume', volume_id=volume.id) }}" method="POST" style="display: inline;" onsubmit="return confirm('Are you sure? This will delete all issues and articles in this volume.');">
                        <button type="submit" class="btn btn-sm btn-danger">Delete</button>
                    </form>
                </td>
            </tr>
            {% else %}
            <tr>
                <td colspan="4" class="no-data">No current volumes. <a href="{{ url_for('admin_add_volume') }}">Add one now</a>.</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>

<div class="section">
    <h2>Back Issues (1997 - 2007)</h2>
    <table class="data-table">
        <thead>
            <tr>
                <th>Volume</th>
                <th>Year</th>
                <th>Issues</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            {% for volume in volumes if not volume.is_current %}
            <tr>
                <td>Vol. {{ volume.volume_number }}</td>
                <td>{{ volume.year }}</td>
                <td>{{ volume.issues|length }} issues</td>
                <td class="actions">
                    <a href="{{ url_for('admin_issues', volume_id=volume.id) }}" class="btn btn-sm">Manage Issues</a>
                    <a href="{{ url_for('admin_edit_volume', volume_id=volume.id) }}" class="btn btn-sm">Edit</a>
                    <form action="{{ url_for('admin_delete_volume', volume_id=volume.id) }}" method="POST" style="display: inline;" onsubmit="return confirm('Are you sure? This will delete all issues and articles in this volume.');">
                        <button type="submit" class="btn btn-sm btn-danger">Delete</button>
                    </form>
                </td>
            </tr>
            {% else %}
            <tr>
                <td colspan="4" class="no-data">No back issues.</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% endblock %}