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

{% block title %}{{ action }} Issue - GJEE Admin{% endblock %}

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

<div class="form-container">
    <form method="POST">
        <div class="form-group">
            <label for="issue_number">Issue Number *</label>
            <input type="number" id="issue_number" name="issue_number" value="{{ issue.issue_number if issue else '' }}" required min="1">
        </div>
        
        <div class="form-group">
            <label for="title">Title (optional)</label>
            <input type="text" id="title" name="title" value="{{ issue.title if issue else '' }}" placeholder="e.g., Special Issue on AI in Education">
            <small>Leave blank to use default format: Vol.X, No.Y (Year)</small>
        </div>
        
        <div class="form-group checkbox-group">
            <label>
                <input type="checkbox" name="published" {% if issue and issue.published %}checked{% endif %}>
                Published (visible on the website)
            </label>
        </div>
        
        <div class="form-actions">
            <button type="submit" class="btn btn-primary">{{ action }} Issue</button>
            <a href="{{ url_for('admin_issues', volume_id=volume.id) }}" class="btn btn-secondary">Cancel</a>
        </div>
    </form>
</div>
{% endblock %}