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

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

{% block content %}
<div class="page-header">
    <h1>{{ action }} Editor</h1>
    <a href="{{ url_for('admin_editors') }}" class="btn btn-secondary">&larr; Back to Editors</a>
</div>

<div class="form-container">
    <form method="POST">
        <div class="form-group">
            <label for="name">Full Name *</label>
            <input type="text" id="name" name="name" value="{{ editor.name if editor else '' }}" required>
        </div>
        
        <div class="form-group">
            <label for="title">Title (Prof., Dr., A/Prof., etc.)</label>
            <input type="text" id="title" name="title" value="{{ editor.title if editor else '' }}" placeholder="e.g., Prof., Dr., A/Prof.">
        </div>
        
        <div class="form-group">
            <label for="role">Role *</label>
            <select id="role" name="role" required>
                <option value="">Select a role</option>
                <option value="Editor-in-Chief" {% if editor and editor.role == 'Editor-in-Chief' %}selected{% endif %}>Editor-in-Chief</option>
                <option value="Manager & Associate Editor" {% if editor and editor.role == 'Manager & Associate Editor' %}selected{% endif %}>Manager & Associate Editor</option>
                <option value="Associate Editors" {% if editor and editor.role == 'Associate Editors' %}selected{% endif %}>Associate Editor</option>
                <option value="Advisory Board Members" {% if editor and editor.role == 'Advisory Board Members' %}selected{% endif %}>Advisory Board Member</option>
            </select>
        </div>
        
        <div class="form-group">
            <label for="affiliation">Affiliation</label>
            <textarea id="affiliation" name="affiliation" rows="3" placeholder="e.g., University Name, City, Country">{{ editor.affiliation if editor else '' }}</textarea>
        </div>
        
        <div class="form-group">
            <label for="email">Email</label>
            <input type="email" id="email" name="email" value="{{ editor.email if editor else '' }}">
        </div>
        
        <div class="form-group">
            <label for="order">Display Order</label>
            <input type="number" id="order" name="order" value="{{ editor.order if editor else 0 }}" min="0">
            <small>Lower numbers appear first</small>
        </div>
        
        <div class="form-actions">
            <button type="submit" class="btn btn-primary">{{ action }} Editor</button>
            <a href="{{ url_for('admin_editors') }}" class="btn btn-secondary">Cancel</a>
        </div>
    </form>
</div>
{% endblock %}