@extends('layouts.app')
@section('title', __('tms::lang.shipments'))
@section('content')
@include('tms::layouts.nav')
<section class="content no-print mt-page">
    <div class="mt-page-header">
        <h1><i class="fas fa-box" style="color:#3b82f6;margin-left:8px;"></i> @lang('tms::lang.shipments')</h1>
        @can('tms.shipments.create')
        <a href="{{ action([\Modules\Tms\Http\Controllers\ShipmentController::class, 'create']) }}" class="mt-btn-primary btn"><i class="fa fa-plus"></i> @lang('tms::lang.add')</a>
        @endcan
    </div>
    <div class="mt-card">
        <div class="mt-card-header">
            <h3 class="mt-card-title">@lang('tms::lang.all_shipments')</h3>
            <select id="tms_status_filter" class="form-control input-sm" style="width:180px;">
                <option value="">@lang('tms::lang.filter_by_status')</option>
                @foreach($statuses as $k => $v)<option value="{{ $k }}">{{ $v }}</option>@endforeach
            </select>
        </div>
        <div class="mt-card-body table-responsive">
            <table class="table table-bordered table-striped" id="tms_shipments_table" style="width:100%">
                <thead><tr>
                    <th>@lang('tms::lang.ref_no')</th><th>@lang('tms::lang.shipment_type')</th><th>@lang('tms::lang.customer')</th>
                    <th>@lang('tms::lang.driver')</th><th>@lang('tms::lang.vehicle')</th><th>@lang('tms::lang.status')</th>
                    <th>@lang('tms::lang.customs')</th><th>@lang('tms::lang.action')</th>
                </tr></thead>
            </table>
        </div>
    </div>
</section>
@endsection
@section('javascript')
<script>
$(function(){
    var table = $('#tms_shipments_table').DataTable({
        processing: true, serverSide: true,
        ajax: { url: '{{ action([\Modules\Tms\Http\Controllers\ShipmentController::class, "index"]) }}', data: function(d){ d.status = $('#tms_status_filter').val(); } },
        columns: [
            {data:'ref_no',name:'ref_no'},{data:'shipment_type',name:'shipment_type'},{data:'contact_name',name:'contact_name',orderable:false},
            {data:'driver_name',name:'driver_name',orderable:false},{data:'vehicle_plate',name:'vehicle_plate',orderable:false},
            {data:'status',name:'status'},{data:'customs_status',name:'customs_status',orderable:false,searchable:false},
            {data:'action',name:'action',orderable:false,searchable:false}
        ]
    });
    $('#tms_status_filter').on('change', function(){ table.ajax.reload(); });
    $(document).on('click', '.delete_tms_shipment', function(){
        var url = $(this).data('href');
        swal({title:LANG.sure,icon:'warning',buttons:true,dangerMode:true}).then(function(ok){
            if(!ok) return;
            $.ajax({method:'DELETE',url:url,dataType:'json',success:function(r){ if(r.success){toastr.success(r.msg);table.ajax.reload();}else{toastr.error(r.msg);} }});
        });
    });
});
</script>
@endsection