<x-layouts.dashboard title="All Shipments">
    <x-widgets.page-header title="All Shipments">
        <div class="breadcrumb-item"><a href="javascript:void(0)"> Manage Shipments </a></div>
    </x-widgets.page-header>

    <div class="card">
        <div class="card-body">
            <div class="table-responsive-sm table-responsive-md">
                <livewire:shipment.all />
            </div>
        </div>
    </div>

    <script>
        if(!$('#shipments-table').hasClass('dataTable')) {
            $('#shipments-table').DataTable({
            columnDefs: [{
                targets: [8],
                orderable: false
            }]
        });   
        }
    </script>

    @if (session('success'))
        <script>
            toast.success(@js(session('success')))
        </script>
    @endif
</x-layouts.dashboard>
