@extends('freight-client.layouts.app')
@section('title', 'Dashboard')

@section('content')
    <h1 style="font-size:1.5rem;font-weight:800;margin:0 0 6px;">Welcome, {{ $client->contact_name }} 👋</h1>
    <p style="color:#64748b;margin:0 0 22px;">{{ $client->company_name ?: 'Freight Client' }}</p>

    <div class="stat-grid" style="margin-bottom:24px;">
        <div class="stat"><div class="label">Total Loads</div><div class="value">{{ $counts['total'] }}</div></div>
        <div class="stat"><div class="label">Posted</div><div class="value">{{ $counts['posted'] }}</div></div>
        <div class="stat"><div class="label">In Transit</div><div class="value">{{ $counts['in_transit'] }}</div></div>
        <div class="stat"><div class="label">Delivered</div><div class="value">{{ $counts['delivered'] }}</div></div>
        <div class="stat"><div class="label">Drivers Available Now</div><div class="value">{{ $availableDrivers }}</div></div>
    </div>

    <div style="display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px;">
        <a href="{{ route('freight.client.loads.create') }}" class="btn btn-primary"><i class="fas fa-plus"></i> Post a New Load</a>
        <a href="{{ route('freight.client.drivers') }}" class="btn btn-light"><i class="fas fa-map-location-dot"></i> Find Available Drivers</a>
    </div>

    <div class="card">
        <h2><i class="fas fa-clock-rotate-left"></i> Recent Loads</h2>
        @if($loads->count())
            <table>
                <thead><tr><th>Ref</th><th>Title</th><th>Pickup → Drop-off</th><th>Pickup Date</th><th>Status</th></tr></thead>
                <tbody>
                    @foreach($loads as $load)
                        <tr>
                            <td><strong>{{ $load->reference_no }}</strong></td>
                            <td>{{ $load->title }}</td>
                            <td>{{ $load->pickup_location }} <i class="fas fa-arrow-right" style="color:#94a3b8;"></i> {{ $load->dropoff_location }}</td>
                            <td>{{ $load->pickup_date ? $load->pickup_date->format('d M Y') : '—' }}</td>
                            <td><span class="badge badge-{{ $load->status }}">{{ $load->status_label }}</span></td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
            <div style="margin-top:14px;"><a href="{{ route('freight.client.loads') }}" class="btn btn-light">View all loads →</a></div>
        @else
            <p style="color:#64748b;margin:0;">No loads yet. <a href="{{ route('freight.client.loads.create') }}">Post your first load →</a></p>
        @endif
    </div>
@endsection