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

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

{% block content %}
<div class="page-header">
    <h1>Manage Editorial Board</h1>
    <a href="{{ url_for('admin_add_editor') }}" class="btn btn-primary">Add New Editor</a>
</div>

<table class="data-table">
    <thead>
        <tr>
            <th>Order</th>
            <th>Name</th>
            <th>Title</th>
            <th>Role</th>
            <th>Affiliation</th>
            <th>Email</th>
            <th>Actions</th>
        </tr>
    </thead>
    <tbody>
        {% for editor in editors %}
        <tr>
            <td>{{ editor.order }}</td>
            <td>{{ editor.name }}</td>
            <td>{{ editor.title }}</td>
            <td>{{ editor.role }}</td>
            <td>{{ editor.affiliation[:40] if editor.affiliation else '' }}{% if editor.affiliation and editor.affiliation|length > 40 %}...{% endif %}</td>
            <td>{{ editor.email }}</td>
            <td class="actions">
                <a href="{{ url_for('admin_edit_editor', editor_id=editor.id) }}" class="btn btn-sm">Edit</a>
                <form action="{{ url_for('admin_delete_editor', editor_id=editor.id) }}" method="POST" style="display: inline;" onsubmit="return confirm('Are you sure you want to delete this editor?');">
                    <button type="submit" class="btn btn-sm btn-danger">Delete</button>
                </form>
            </td>
        </tr>
        {% else %}
        <tr>
            <td colspan="7" class="no-data">No editors found. <a href="{{ url_for('admin_add_editor') }}">Add one now</a>.</td>
        </tr>
        {% endfor %}
    </tbody>
</table>
{% endblock %}