@extends('layouts.dashboard')
@section('title', 'Shippers')
@section('content')
<div class="container-fluid py-4">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h4 class="ff-list-page-title mb-1"><i class="fa-solid fa-building-circle-arrow-right text-accent me-2"></i>Shippers</h4>
            <p class="ff-list-page-subtitle mb-0">Manage pickup locations.</p>
        </div>
        <button class="btn ff-btn-primary px-4" data-bs-toggle="modal" data-bs-target="#addShipperModal"><i class="fa-solid fa-plus me-2"></i> Add Shipper</button>
    </div>
    <div class="card ff-card ff-list-card border-0 shadow-sm">
        <div class="card-body p-3 p-md-4">
            <div class="table-responsive ff-list-table-wrap">
                <table id="shippersTable" class="table ff-table w-100">
                    <thead>
                        <tr>
                            <th>Name</th>
                            <th>Address</th>
                            <th>City</th>
                            <th>State</th>
                            <th>Phone</th>
                            <th>Contact</th>
                            <th>Status</th>
                            <th class="text-end">Actions</th>
                        </tr>
                    </thead>
                    <tbody>@include('ui.partials.company-table-body', ['companies' => $shippers, 'tableType' => 'shipper'])</tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@include('ui.modals')
@include('ui.partials.dispatch-list-scripts', ['tableSelector' => '#shippersTable', 'emptyMessage' => "No shippers found. Click 'Add Shipper' to create your first one."])
@endsection