@extends('layouts.app')
@section('title', $route->name)
@section('content')
<div class="card">
    <h2 style="font-size:17px;color:#0b4f2c;margin-bottom:16px;">{{ $route->name }}</h2>

    <h3 style="font-size:14px;color:#555;margin-bottom:8px;">Stops</h3>
    <table style="width:100%;border-collapse:collapse;font-size:13px;margin-bottom:18px;">
        <thead><tr style="background:#f4f6f5;text-align:left;"><th style="padding:6px;">#</th><th style="padding:6px;">Stop</th><th style="padding:6px;">Pickup Time</th></tr></thead>
        <tbody>
            @forelse($route->routeStops as $stop)
                <tr style="border-bottom:1px solid #eee;">
                    <td style="padding:6px;">{{ $stop->order }}</td>
                    <td style="padding:6px;font-weight:bold;">{{ $stop->name }}</td>
                    <td style="padding:6px;">{{ $stop->pickup_time ?? '—' }}</td>
                </tr>
            @empty
                <tr><td colspan="3" style="padding:10px;color:#999;">No stops added yet.</td></tr>
            @endforelse
        </tbody>
    </table>

    <h3 style="font-size:14px;color:#555;margin-bottom:8px;">Vehicles on this Route</h3>
    <table style="width:100%;border-collapse:collapse;font-size:13px;margin-bottom:18px;">
        <thead><tr style="background:#f4f6f5;text-align:left;"><th style="padding:6px;">Plate No.</th><th style="padding:6px;">Driver</th></tr></thead>
        <tbody>
            @forelse($route->buses as $bus)
                <tr style="border-bottom:1px solid #eee;"><td style="padding:6px;">{{ $bus->plate_number }}</td><td style="padding:6px;">{{ $bus->driver->name ?? '—' }}</td></tr>
            @empty
                <tr><td colspan="2" style="padding:10px;color:#999;">No vehicles assigned yet.</td></tr>
            @endforelse
        </tbody>
    </table>

    <h3 style="font-size:14px;color:#555;margin-bottom:8px;">Transport Fees</h3>
    <table style="width:100%;border-collapse:collapse;font-size:13px;">
        <thead><tr style="background:#f4f6f5;text-align:left;"><th style="padding:6px;">Term</th><th style="padding:6px;">Amount</th></tr></thead>
        <tbody>
            @forelse($route->fees as $fee)
                <tr style="border-bottom:1px solid #eee;"><td style="padding:6px;">{{ $fee->term->name }}</td><td style="padding:6px;">₦{{ number_format($fee->amount, 2) }}</td></tr>
            @empty
                <tr><td colspan="2" style="padding:10px;color:#999;">No fee set for this route yet.</td></tr>
            @endforelse
        </tbody>
    </table>
</div>
@endsection