@extends('layouts.app')

@section('content')

<div class="mb-4 d-flex">
    <h3 class="text-muted my-auto"><b><i class="fas fa-dolly mr-2"></i>Shipments To Re-Ship</b></h3>
</div>

<div class="card mt-4">
    <div class="card-body">
        <table id="datatable" class="datatable table table-hover table-center mb-0">
            <thead>
                <tr>
                    <th>Shipment #</th>
                    <th>Order #</th>
                    <th>Status</th>
                    <th>Call Center Action</th>
                    <th>Reason</th>
                </tr>
            </thead>
        </table>
    </div>
</div>

@endsection

@section('script')
<script>
    var table = $('#datatable').DataTable({
        processing: true,
        serverSide: true,
        ajax: "{{ URL::to('shipment/shipmets_to_reship') }}",
        columns: [
            {data: 'shipment_number', name: 'shipment_number'},
            {data: 'order_number', name: 'order_number'},
            {data: 'shipment_status', name: 'shipment_status'},
            {data: 'call_center_action', name: 'call_center_action'},
            {data: 'reason', name: 'reason'}
        ]
    });
</script>
@endsection