{% extends "base_template.html" %}
{% block title %}{{ _('Staff') }} — {{ edition.name }}{% endblock %}
{% block content %}
<div class="d-flex flex-column align-items-start gap-2 mb-4">
    <a href="{{ url_for('edition_staff.admin_index') }}" class="btn btn-outline-secondary btn-sm">← {{ _('All editions') }}</a>
    <h1 class="h3 mb-0">{{ _('Staff of %(name)s', name=edition.name) }}</h1>
    <p class="text-muted mb-0">{{ _('These people manage this edition only. Editors run the whole edition; authors publish their own events; contributors write drafts for review.') }}</p>
</div>
{% with messages = get_flashed_messages(with_categories=true) %}
    {% for category, message in messages %}<div class="alert alert-{{ 'danger' if category == 'danger' else 'success' }} py-2">{{ message }}</div>{% endfor %}
{% endwith %}

<div class="card mb-4">
    <div class="card-header"><strong>{{ _('Current staff') }}</strong></div>
    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead><tr><th>{{ _('User') }}</th><th>{{ _('Role') }}</th><th></th></tr></thead>
            <tbody>
            {% for row, user in staff %}
                <tr>
                    <td>{{ user.email if user else _('(deleted user)') }}</td>
                    <td>
                        <form method="POST" action="{{ url_for('edition_staff.admin_assign', edition_id=edition.id) }}" class="d-flex gap-1" style="max-width:260px">
                            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                            <input type="hidden" name="email" value="{{ user.email if user else '' }}">
                            <select name="role" class="form-select form-select-sm">
                                {% for value, label in roles %}<option value="{{ value }}" {{ 'selected' if value == row.role else '' }}>{{ label }}</option>{% endfor %}
                            </select>
                            <button class="btn btn-sm btn-outline-secondary" type="submit">{{ _('Save') }}</button>
                        </form>
                    </td>
                    <td class="text-end">
                        {# The question goes into the script as JSON, inside single
                            quotes, so a quote in a translation cannot end the string. #}
                        <form method="POST" action="{{ url_for('edition_staff.admin_revoke', edition_id=edition.id, user_id=row.user_id) }}" onsubmit='return confirm({{ _("Remove this person from the edition?") | striptags | tojson }})'>
                            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                            <button class="btn btn-sm btn-outline-danger" type="submit">{{ _('Remove') }}</button>
                        </form>
                    </td>
                </tr>
            {% else %}
                <tr><td colspan="3" class="text-muted">{{ _('No staff yet. Add someone below.') }}</td></tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
</div>

<div class="card">
    <div class="card-header"><strong>{{ _('Add staff') }}</strong></div>
    <form method="POST" action="{{ url_for('edition_staff.admin_assign', edition_id=edition.id) }}" class="card-body">
        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        <div class="row g-3 align-items-end">
            <div class="col-md-5">
                <label class="form-label">{{ _('Email') }}</label>
                <input name="email" type="email" class="form-control" required placeholder="person@example.org">
                <div class="form-text">{{ _('An existing account is reused; a new email creates an account.') }}</div>
            </div>
            <div class="col-md-3">
                <label class="form-label">{{ _('Password (new users)') }}</label>
                <input name="password" type="text" class="form-control" placeholder="{{ _('min. 6 characters') }}">
            </div>
            <div class="col-md-2">
                <label class="form-label">{{ _('Role') }}</label>
                <select name="role" class="form-select">
                    {% for value, label in roles %}<option value="{{ value }}">{{ label }}</option>{% endfor %}
                </select>
            </div>
            <div class="col-md-2">
                <button class="btn btn-primary w-100" type="submit">{{ _('Add') }}</button>
            </div>
        </div>
    </form>
</div>
{% endblock %}