{% extends 'base.html' %}
{% block title %}Operator Access{% endblock %}
{% block topbar_title %}Operator Access{% endblock %}
{% block content %}
<h1 class="page-title">🏢 Operator Access</h1>
<p class="page-sub">Give or revoke access, or suspend an operator (hides their future trips, keeps history).</p>

<div class="table-container">
    <table>
        <thead>
            <tr>
                <th>ID</th>
                <th>Company</th>
                <th>Owner</th>
                <th>Email</th>
                <th>Access</th>
                <th>Action</th>
            </tr>
        </thead>
        <tbody>
            {% for op in operators %}
            <tr>
                <td>{{ op.id }}</td>
                <td>{{ op.company_name }}</td>
                <td>{{ op.user.full_name }}</td>
                <td>{{ op.user.email }}</td>
                <td>
                    {% if op.verified %}
                    <span class="status-badge status-active">GRANTED</span>
                    {% else %}
                    <span class="status-badge status-pending">NOT GRANTED</span>
                    {% endif %}
                </td>
                <td>
                    <form method="post" action="{% url 'manage_operators' %}" style="display:flex; gap:.4rem; align-items:center; flex-wrap:wrap;">
                        {% csrf_token %}
                        <input type="hidden" name="operator_id" value="{{ op.id }}">
                        {% if op.verified %}
                        <button type="submit" name="action" value="revoke" class="btn" style="padding:6px 12px;">Revoke</button>
                        {% else %}
                        <button type="submit" name="action" value="verify" class="btn" style="padding:6px 12px;">Give access</button>
                        {% endif %}
                        <select name="reason_code" style="padding:6px; border:1px solid var(--border); border-radius:8px;">
                            <option value="">reason…</option>
                            {% for rc in reason_codes %}<option value="{{ rc }}">{{ rc }}</option>{% endfor %}
                        </select>
                        <button type="submit" name="action" value="suspend" class="btn btn-danger" style="padding:6px 12px;">Suspend</button>
                    </form>
                </td>
            </tr>
            {% empty %}
            <tr>
                <td colspan="6" style="text-align:center; color:#7f8c8d;">No operators registered yet.</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% endblock %}