@extends('layouts.app')
@section('title', __('tms::lang.routes'))
@section('content')
@include('tms::layouts.nav')
<section class="content no-print mt-page">
    <div class="mt-page-header">
        <h1><i class="fas fa-route" style="color:#3b82f6;margin-left:8px;"></i> @lang('tms::lang.routes')</h1>
        @can('tms.routes.create')
        <a href="{{ action([\Modules\Tms\Http\Controllers\RouteController::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-body table-responsive">
        <table class="table table-bordered table-striped" id="tms_routes_table" style="width:100%">
            <thead><tr>
                <th>@lang('tms::lang.ref_no')</th><th>@lang('tms::lang.route_date')</th><th>@lang('tms::lang.driver')</th>
                <th>@lang('tms::lang.vehicle')</th><th>@lang('tms::lang.stops')</th><th>@lang('tms::lang.status')</th><th>@lang('tms::lang.action')</th>
            </tr></thead>
        </table>
    </div></div>
</section>
@endsection
@section('javascript')
<script>
$(function(){
    var table = $('#tms_routes_table').DataTable({
        processing:true, serverSide:true,
        ajax:'{{ action([\Modules\Tms\Http\Controllers\RouteController::class,"index"]) }}',
        columns:[
            {data:'ref_no'},{data:'route_date'},{data:'driver_name',orderable:false},{data:'vehicle_plate',orderable:false},
            {data:'stops_count'},{data:'status'},{data:'action',orderable:false,searchable:false}
        ]
    });
    $(document).on('click','.delete_tms_route',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();}}});
        });
    });
});
</script>
@endsection