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

{% block title %}Articles for {{ issue.display_name }} - GJEE Admin{% endblock %}

{% block content %}
<div class="page-header">
    <h1>Articles for {{ issue.display_name }}</h1>
    <div>
        <a href="{{ url_for('admin_add_article', issue_id=issue.id) }}" class="btn btn-primary">Add New Article</a>
        <a href="{{ url_for('admin_issues', volume_id=issue.volume_id) }}" class="btn btn-secondary">&larr; Back to Issues</a>
    </div>
</div>

<table class="data-table">
    <thead>
        <tr>
            <th>Order</th>
            <th>Title</th>
            <th>Authors</th>
            <th>Pages</th>
            <th>PDF</th>
            <th>Actions</th>
        </tr>
    </thead>
    <tbody>
        {% for article in articles %}
        <tr>
            <td>{{ article.order }}</td>
            <td>{{ article.title[:60] }}{% if article.title|length > 60 %}...{% endif %}</td>
            <td>{{ article.authors[:40] }}{% if article.authors|length > 40 %}...{% endif %}</td>
            <td>{{ article.pages if article.pages else '-' }}</td>
            <td>
                {% if article.pdf_filename %}
                <a href="{{ url_for('uploaded_file', filename=article.pdf_filename) }}" target="_blank" class="btn btn-sm">View PDF</a>
                {% else %}
                <span class="text-muted">No PDF</span>
                {% endif %}
            </td>
            <td class="actions">
                <a href="{{ url_for('admin_edit_article', article_id=article.id) }}" class="btn btn-sm">Edit</a>
                <form action="{{ url_for('admin_delete_article', article_id=article.id) }}" method="POST" style="display: inline;" onsubmit="return confirm('Are you sure you want to delete this article?');">
                    <button type="submit" class="btn btn-sm btn-danger">Delete</button>
                </form>
            </td>
        </tr>
        {% else %}
        <tr>
            <td colspan="6" class="no-data">No articles for this issue. <a href="{{ url_for('admin_add_article', issue_id=issue.id) }}">Add one now</a>.</td>
        </tr>
        {% endfor %}
    </tbody>
</table>
{% endblock %}