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

{% block title %}Issues for Vol.{{ volume.volume_number }} ({{ volume.year }}) - GJEE Admin{% endblock %}

{% block content %}
<div class="page-header">
    <h1>Issues for Vol.{{ volume.volume_number }} ({{ volume.year }})</h1>
    <div>
        <a href="{{ url_for('admin_add_issue', volume_id=volume.id) }}" class="btn btn-primary">Add New Issue</a>
        <a href="{{ url_for('admin_volumes') }}" class="btn btn-secondary">&larr; Back to Volumes</a>
    </div>
</div>

<table class="data-table">
    <thead>
        <tr>
            <th>Issue</th>
            <th>Title</th>
            <th>Articles</th>
            <th>Published</th>
            <th>Actions</th>
        </tr>
    </thead>
    <tbody>
        {% for issue in issues %}
        <tr>
            <td>No. {{ issue.issue_number }}</td>
            <td>{{ issue.title if issue.title else issue.display_name }}</td>
            <td>{{ issue.articles|length }} articles</td>
            <td>
                {% if issue.published %}
                <span class="badge badge-success">Published</span>
                {% else %}
                <span class="badge badge-secondary">Draft</span>
                {% endif %}
            </td>
            <td class="actions">
                <a href="{{ url_for('admin_articles', issue_id=issue.id) }}" class="btn btn-sm">Manage Articles</a>
                <a href="{{ url_for('admin_edit_issue', issue_id=issue.id) }}" class="btn btn-sm">Edit</a>
                <form action="{{ url_for('admin_delete_issue', issue_id=issue.id) }}" method="POST" style="display: inline;" onsubmit="return confirm('Are you sure? This will delete all articles in this issue.');">
                    <button type="submit" class="btn btn-sm btn-danger">Delete</button>
                </form>
            </td>
        </tr>
        {% else %}
        <tr>
            <td colspan="5" class="no-data">No issues for this volume. <a href="{{ url_for('admin_add_issue', volume_id=volume.id) }}">Add one now</a>.</td>
        </tr>
        {% endfor %}
    </tbody>
</table>
{% endblock %}