{% extends 'base.html' %}
{% block title %}Admin Dashboard{% endblock %}
{% block content %}
<h2 style="color:#2c3e50;">📊 Admin Dashboard</h2>
<p style="color:#7f8c8d; margin:5px 0 20px;">Platform-wide overview. Click a card's linked page to drill down.</p>

<div class="test-controls">
    <div class="test-results" style="flex:1; text-align:center;"><strong>{{ total_users }}</strong><br>Users ({{
        total_passengers }} passengers)</div>
    <div class="test-results" style="flex:1; text-align:center; border-left-color:#8e44ad;"><strong>{{ total_operators
            }}</strong><br>Operators ({{ pending_operators }} pending)</div>
    <div class="test-results" style="flex:1; text-align:center; border-left-color:#16a085;"><strong>{{ total_buses
            }}</strong><br>Buses ({{ pending_buses }} to review)</div>
    <div class="test-results" style="flex:1; text-align:center; border-left-color:#3498db;"><strong>{{ total_bookings
            }}</strong><br>Bookings</div>
    <div class="test-results" style="flex:1; text-align:center; border-left-color:#27ae60;"><strong>Rs. {{
            platform_revenue }}</strong><br>Platform revenue</div>
    <div class="test-results" style="flex:1; text-align:center; border-left-color:#f39c12;"><strong>{{ active_trips
            }}</strong><br>Active trips</div>
</div>

<p style="margin-top:10px; display:flex; flex-wrap:wrap; gap:.5rem;">
    <a href="{% url 'manage_operators' %}" class="btn">🏢 Operator Access</a>
    <a href="{% url 'manage_buses' %}" class="btn">🔍 Bus Approvals</a>
    <a href="{% url 'commission_report' %}" class="btn">💰 Commission</a>
    <a href="{% url 'login_logs' %}" class="btn">🔐 Login Logs</a>
    <a href="/admin/" class="btn btn-accent" target="_blank">⚙️ Admin Interface</a>
    <a href="{% url 'admin_dashboard' %}" class="btn">📊 Refresh Statistics</a>
</p>

<h3 style="color:#2c3e50; margin-top:25px;">Recent bookings</h3>
<div class="table-container">
    <table>
        <thead>
            <tr>
                <th>Code</th>
                <th>Passenger</th>
                <th>Operator</th>
                <th>Seats</th>
                <th>Total</th>
                <th>Commission</th>
                <th>Date</th>
            </tr>
        </thead>
        <tbody>
            {% for b in recent_bookings %}
            <tr>
                <td>{{ b.booking_code }}</td>
                <td>{{ b.user.full_name }}</td>
                <td>{{ b.schedule.bus.operator.company_name }}</td>
                <td>{{ b.seats_count }}</td>
                <td>Rs. {{ b.total_amount }}</td>
                <td><strong style="color:#27ae60;">Rs. {{ b.commission_amount }}</strong></td>
                <td>{{ b.booked_at|date:"Y-m-d H:i" }}</td>
            </tr>
            {% empty %}
            <tr>
                <td colspan="7" style="text-align:center; color:#7f8c8d;">No bookings yet.</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% endblock %}