{% extends 'base.html' %}
{% block title %}Commission Report{% endblock %}
{% block content %}
<h2 style="color:#2c3e50;">💰 Admin commission report</h2>
<p style="color:#7f8c8d; margin:5px 0 20px;">The admin earns {{ rate }}% of every ticket sold.</p>

<div class="test-controls">
    <div class="test-results" style="flex:1; text-align:center;"><strong>{{ totals.tickets|default:0
            }}</strong><br>Tickets</div>
    <div class="test-results" style="flex:1; text-align:center;"><strong>{{ totals.seats|default:0 }}</strong><br>Seats
    </div>
    <div class="test-results" style="flex:1; text-align:center; border-left-color:#3498db;"><strong>Rs. {{
            totals.sales|default:0 }}</strong><br>Total sales</div>
    <div class="test-results" style="flex:1; text-align:center; border-left-color:#27ae60;"><strong>Rs. {{
            totals.commission|default:0 }}</strong><br>Admin commission</div>
    <div class="test-results" style="flex:1; text-align:center; border-left-color:#f39c12;"><strong>Rs. {{
            totals.operator|default:0 }}</strong><br>Operator earnings</div>
</div>

<h3 style="color:#2c3e50; margin-top:20px;">By operator</h3>
<div class="table-container">
    <table>
        <thead>
            <tr>
                <th>Operator</th>
                <th>Tickets</th>
                <th>Sales</th>
                <th>Admin commission</th>
            </tr>
        </thead>
        <tbody>
            {% for row in per_operator %}
            <tr>
                <td>{{ row.schedule__bus__operator__company_name|default:"—" }}</td>
                <td>{{ row.tickets }}</td>
                <td>Rs. {{ row.sales }}</td>
                <td>Rs. {{ row.commission }}</td>
            </tr>
            {% empty %}
            <tr>
                <td colspan="4" style="text-align:center; color:#7f8c8d;">No sales yet.</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>

<h3 style="color:#2c3e50; margin-top:30px;">Recent tickets</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 ({{ rate }}%)</th>
                <th>Operator gets</th>
                <th>Date</th>
            </tr>
        </thead>
        <tbody>
            {% for b in 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>Rs. {{ b.operator_earning }}</td>
                <td>{{ b.booked_at|date:"Y-m-d H:i" }}</td>
            </tr>
            {% empty %}
            <tr>
                <td colspan="8" style="text-align:center; color:#7f8c8d;">No tickets sold yet.</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% endblock %}