@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 --}}
                        <div class="card-header">
                            <div class="d-flex justify-content-between align-items-center">
                                <h5 class="mb-0"><i class="fas fa-boxes-stacked mr-2 text-muted"></i>Freight Loads</h5>
                                <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 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>

                            {{-- Rich load rows (Bootstrap classes + inline styles so they always render) --}}
                            @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',
                                ];
                                $statusBadge = ['posted'=>'info','assigned'=>'primary','in_transit'=>'warning','delivered'=>'success','cancelled'=>'danger'];
                            @endphp

                            @forelse($loads as $load)
                                <div class="border rounded bg-white shadow-sm p-3 mb-3">

                                    {{-- Top line --}}
                                    <div class="d-flex flex-wrap align-items-center" style="gap:8px;">
                                        <span class="badge badge-dark" style="font-size:.78rem;padding:5px 9px;">Load #</span>
                                        <span class="badge badge-secondary" style="font-size:.78rem;padding:5px 9px;">{{ $load->reference_no }}</span>
                                        @if(optional($load->client)->company_name)
                                            <span class="badge" style="font-size:.78rem;padding:5px 9px;background:#0d9488;color:#fff;">{{ \Illuminate\Support\Str::limit($load->client->company_name, 16) }}</span>
                                        @endif
                                        <span class="badge badge-danger" style="font-size:.78rem;padding:5px 9px;">
                                            <i class="far fa-clock mr-1"></i>{{ $load->pickup_date ? $load->pickup_date->format('d M Y') : 'No date' }}
                                        </span>
                                        @if($load->distance_miles)
                                            <span style="font-size:.82rem;color:#334155;">[<strong>Miles:</strong> {{ $load->distance_miles }}]</span>
                                        @endif
                                        <span style="font-size:.85rem;font-weight:600;color:#334155;">
                                            <i class="fas fa-user text-muted mr-1"></i>{{ optional($load->client)->contact_name ?: '—' }}
                                        </span>
                                        @if($load->rate_offer)
                                            <span class="badge" style="font-size:.78rem;padding:5px 9px;background:#0ea5e9;color:#fff;">
                                                <i class="fas fa-dollar-sign mr-1"></i>{{ number_format($load->rate_offer, 0) }}
                                            </span>
                                        @endif

                                        <span style="flex:1;"></span>

                                        <form method="POST" action="{{ route('admin.freight-loads.status', $load->id) }}" style="margin:0;">
                                            @csrf
                                            <select name="status" class="form-control form-control-sm"
                                                style="width:auto;display:inline-block;font-weight:700;border:1.5px solid #cbd5e1;"
                                                onchange="this.form.submit()">
                                                @foreach(\App\Models\Freight\FreightLoad::STATUSES as $key => $label)
                                                    <option value="{{ $key }}" {{ $load->status === $key ? 'selected' : '' }}>{{ $label }}</option>
                                                @endforeach
                                            </select>
                                        </form>
                                    </div>

                                    {{-- Pickup / Drop-off --}}
                                    <div class="mt-2 pt-2 border-top" style="font-size:.88rem;line-height:1.85;">
                                        <div>
                                            <i class="fas fa-map-marker-alt text-danger mr-1"></i>
                                            <strong>Pick up Location:</strong>
                                            <span style="color:#dc2626;font-weight:600;">{{ $load->pickup_location }}</span>
                                        </div>
                                        <div>
                                            <i class="fas fa-flag-checkered mr-1" style="color:#1e293b;"></i>
                                            <strong>Drop Off Location:</strong>
                                            <span style="color:#334155;font-weight:600;">{{ $load->dropoff_location }}</span>
                                        </div>
                                    </div>

                                    {{-- Freight details --}}
                                    <div class="mt-2 pt-2 border-top d-flex flex-wrap" style="gap:20px;font-size:.84rem;color:#475569;">
                                        <span>
                                            <i class="fas {{ $equipIcons[$load->equipment_type] ?? 'fa-truck' }} text-danger mr-1"></i>
                                            <strong>Equipment/Truck Type:</strong>
                                            <span style="color:#dc2626;font-weight:600;">{{ $load->equipment_type ?: '—' }}</span>
                                        </span>
                                        @if($load->commodity)
                                            <span>
                                                <i class="fas fa-box mr-1" style="color:#f59e0b;"></i>
                                                <strong>Commodity:</strong>
                                                <span style="color:#7c3aed;font-weight:600;">{{ $load->commodity }}</span>
                                            </span>
                                        @endif
                                        @if($load->weight)
                                            <span>
                                                <i class="fas fa-weight-hanging mr-1" style="color:#16a34a;"></i>
                                                <strong>Weight:</strong>
                                                <span style="color:#16a34a;font-weight:600;">{{ $load->weight }} lbs</span>
                                            </span>
                                        @endif
                                        @if($load->dimensions)
                                            <span><i class="fas fa-ruler-combined text-muted mr-1"></i><strong>Dimensions:</strong> {{ $load->dimensions }}</span>
                                        @endif
                                        @if($load->driver)
                                            <span><i class="fas fa-id-badge mr-1" style="color:#0d9488;"></i><strong>Driver:</strong> {{ $load->driver->full_name }}</span>
                                        @endif
                                    </div>
                                </div>
                            @empty
                                <div class="border rounded text-center text-muted py-5" style="border-style:dashed !important;">
                                    <i class="fas fa-inbox fa-2x d-block mb-2"></i>
                                    No loads found{{ request('status') ? ' for this status' : '' }}.
                                </div>
                            @endforelse

                            <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