{% extends 'base.html' %}
{% block title %}My Buses{% endblock %}
{% block content %}
<h2 style="color:#2c3e50;">🚌 My Buses</h2>

{% if operator %}
{% if operator.verified %}
<p style="color:#27ae60; font-weight:600;">✅ Your operator account is approved by the admin.</p>
<a href="{% url 'add_bus' %}" class="btn" style="margin:15px 0;">➕ Add a new bus</a>
{% else %}
<div class="alert alert-error">
    ⏳ Your operator account (<strong>{{ operator.company_name }}</strong>) is waiting for admin approval.
    You can add buses once the admin gives you access.
</div>
{% endif %}
{% else %}
<div class="alert alert-error">No operator profile found for your account. Please contact the admin.</div>
{% endif %}

<div class="table-container">
    <table>
        <thead>
            <tr>
                <th>ID</th>
                <th>Bus</th>
                <th>Reg. No</th>
                <th>Type</th>
                <th>Seats</th>
                <th>Review status</th>
                <th>Admin's note</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            {% for bus in buses %}
            <tr>
                <td>{{ bus.id }}</td>
                <td>{{ bus.bus_name }}</td>
                <td>{{ bus.registration_no }}</td>
                <td>{{ bus.bus_type }}</td>
                <td>{{ bus.total_seats }}</td>
                <td>
                    {% if bus.approval_status == 'APPROVED' %}
                    <span class="status-badge status-active">APPROVED</span>
                    {% elif bus.approval_status == 'REJECTED' %}
                    <span class="status-badge status-inactive">DECLINED</span>
                    {% else %}
                    <span class="status-badge status-pending">PENDING</span>
                    {% endif %}
                </td>
                <td>{{ bus.review_note|default:"—" }}</td>
                <td>
                    {% if bus.approval_status == 'APPROVED' %}
                    <span class="cell-muted">Locked</span>
                    {% else %}
                    <a href="{% url 'edit_bus' bus.id %}" class="btn btn-primary" style="padding:6px 14px;">✏️ Edit</a>
                    {% endif %}
                </td>
            </tr>
            {% empty %}
            <tr>
                <td colspan="8" style="text-align:center; color:#7f8c8d;">You have not added any buses yet.</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% endblock %}