@extends('layouts.admin')
@section('admin-content')
<div class="content-wrapper back-image">
    <section class="content" id="freightLoads">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12 col-md-12">
                    <div class="card mt-2">

                        {{-- Header (mirrors the Reservations list header) --}}
                        <div class="card-header">
                            <div class="d-flex justify-content-between align-items-center">
                                <div>
                                    <h5 class="mb-0"><i class="fas fa-boxes-stacked mr-2 text-muted"></i>Freight Loads</h5>
                                </div>
                                <div class="text-right">
                                    <a href="{{ route('admin.freight-clients.index') }}" class="btn btn-info btn-sm">
                                        <i class="fas fa-user-tie mr-1"></i> Freight Clients
                                    </a>
                                </div>
                            </div>
                        </div>

                        <div class="card-body">
                            @if(session('success'))
                                <div class="alert alert-success alert-dismissible">
                                    <button type="button" class="close" data-dismiss="alert">&times;</button>
                                    <i class="fas fa-check-circle mr-1"></i> {{ session('success') }}
                                </div>
                            @endif

                            {{-- Status tabs (same look as the Reservations tabs) --}}
                            <div class="row">
                                <div class="col-lg-12 px-2 mb-3">
                                    <div class="nav nav-tabs" id="nav-tab" role="tablist">
                                        <a class="nav-link bg-info pl-4 pr-4 {{ !request('status') ? 'active' : '' }}"
                                           href="{{ route('admin.freight-loads.index') }}">
                                            All Loads
                                        </a>
                                        @foreach(\App\Models\Freight\FreightLoad::STATUSES as $key => $label)
                                            <a class="nav-link bg-info ml-4 pl-4 pr-4 {{ request('status') === $key ? 'active' : '' }}"
                                               href="{{ route('admin.freight-loads.index', ['status' => $key]) }}">
                                                {{ $label }}
                                            </a>
                                        @endforeach
                                    </div>
                                </div>
                            </div>

                            {{-- Loads table --}}
                            <div class="table-responsive">
                                <table class="table table-hover table-striped text-nowrap mb-0">
                                    <thead>
                                        <tr>
                                            <th>Ref</th>
                                            <th>Client</th>
                                            <th>Title</th>
                                            <th>Equipment</th>
                                            <th>Pickup</th>
                                            <th>Drop-off</th>
                                            <th>Pickup Date</th>
                                            <th>Distance</th>
                                            <th class="text-right">Rate</th>
                                            <th class="text-center">Status</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    @php
                                        $equipIcons = [
                                            'Dry Van' => 'fa-truck', 'Flatbed' => 'fa-truck-pickup',
                                            'Reefer' => 'fa-snowflake', 'Reefer (Refrigerated)' => 'fa-snowflake',
                                            'Step Deck' => 'fa-layer-group', 'Box Truck' => 'fa-truck-moving',
                                            'Tanker' => 'fa-gas-pump', 'Lowboy' => 'fa-trailer',
                                            'Hotshot' => 'fa-bolt', 'Power Only' => 'fa-truck-front',
                                            'Car Hauler' => 'fa-car', 'Other' => 'fa-ellipsis',
                                        ];
                                        $statusColors = ['posted'=>'info','assigned'=>'primary','in_transit'=>'warning','delivered'=>'success','cancelled'=>'danger'];
                                    @endphp
                                    @forelse($loads as $load)
                                        <tr>
                                            <td><strong>{{ $load->reference_no }}</strong></td>
                                            <td>{{ optional($load->client)->company_name ?: optional($load->client)->contact_name ?: '—' }}</td>
                                            <td>{{ $load->title }}</td>
                                            <td>
                                                @if($load->equipment_type)
                                                    <i class="fas {{ $equipIcons[$load->equipment_type] ?? 'fa-truck' }} mr-1 text-muted"></i> {{ $load->equipment_type }}
                                                @else — @endif
                                            </td>
                                            <td>{{ $load->pickup_location }}</td>
                                            <td>{{ $load->dropoff_location }}</td>
                                            <td>{{ $load->pickup_date ? $load->pickup_date->format('d M Y') : '—' }}</td>
                                            <td>{{ $load->distance_miles ? $load->distance_miles . ' mi' : '—' }}</td>
                                            <td class="text-right">{{ $load->rate_offer ? '$' . number_format($load->rate_offer, 2) : '—' }}</td>
                                            <td class="text-center">
                                                <span class="badge badge-{{ $statusColors[$load->status] ?? 'secondary' }}">{{ $load->status_label }}</span>
                                            </td>
                                        </tr>
                                    @empty
                                        <tr><td colspan="10" class="text-center text-muted py-5">
                                            <i class="fas fa-inbox fa-2x d-block mb-2"></i>
                                            No loads found{{ request('status') ? ' for this status' : '' }}.
                                        </td></tr>
                                    @endforelse
                                    </tbody>
                                </table>
                            </div>

                            <p class="text-muted mt-3 mb-0">
                                <i class="fas fa-info-circle"></i> Loads are posted by freight clients at
                                <a href="/freight-client" target="_blank">/freight-client</a>.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>
@endsection