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

@section('content')
    <div style="display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:20px;">
        <h1 style="font-size:1.5rem;font-weight:800;margin:0;">My Loads</h1>
        <a href="{{ route('freight.client.loads.create') }}" class="btn btn-primary"><i class="fas fa-plus"></i> Post a New Load</a>
    </div>

    <div class="card">
        @if($loads->count())
            <table>
                <thead>
                    <tr>
                        <th>Ref</th><th>Title</th><th>Equipment</th><th>Pickup</th><th>Drop-off</th>
                        <th>Pickup Date</th><th>Rate</th><th>Status</th><th></th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($loads as $load)
                        <tr>
                            <td><strong>{{ $load->reference_no }}</strong></td>
                            <td>{{ $load->title }}</td>
                            <td>{{ $load->equipment_type ?: '—' }}</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->rate_offer ? '$' . number_format($load->rate_offer, 2) : '—' }}</td>
                            <td><span class="badge badge-{{ $load->status }}">{{ $load->status_label }}</span></td>
                            <td style="white-space:nowrap;">
                                <a href="{{ route('freight.client.loads.edit', $load->id) }}" class="btn btn-light" style="padding:6px 10px;"><i class="fas fa-edit"></i></a>
                                <form method="POST" action="{{ route('freight.client.loads.delete', $load->id) }}" style="display:inline;" onsubmit="return confirm('Delete this load?');">
                                    @csrf @method('DELETE')
                                    <button type="submit" class="btn btn-danger" style="padding:6px 10px;"><i class="fas fa-trash"></i></button>
                                </form>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        @else
            <p style="color:#64748b;margin:0;">You haven't posted any loads yet. <a href="{{ route('freight.client.loads.create') }}">Post your first load →</a></p>
        @endif
    </div>
@endsection