@extends('layouts.app')
@section('title', __('tms::lang.drivers'))
@section('content')
@include('tms::layouts.nav')
<section class="content no-print mt-page">
    <div class="mt-page-header">
        <h1><i class="fas fa-id-card" style="color:#3b82f6;margin-left:8px;"></i> @lang('tms::lang.drivers')</h1>
        @can('tms.drivers.create')
        <button type="button" class="mt-btn-primary btn btn-modal" data-href="{{ action([\Modules\Tms\Http\Controllers\DriverController::class,'create']) }}" data-container=".tms_driver_modal"><i class="fa fa-plus"></i> @lang('tms::lang.add')</button>
        @endcan
    </div>
    <div class="mt-card"><div class="mt-card-body table-responsive">
        <div class="checkbox" style="margin-bottom:12px;"><label><input type="checkbox" class="tms-active-only" value="1"> @lang('tms::lang.active_only')</label></div>
        <table class="table table-bordered table-striped" id="tms_drivers_table" style="width:100%">
            <thead><tr><th>@lang('tms::lang.name')</th><th>@lang('tms::lang.phone')</th><th>@lang('tms::lang.license_number')</th><th>@lang('tms::lang.linked_user')</th><th>@lang('tms::lang.active')</th><th>@lang('tms::lang.action')</th></tr></thead>
        </table>
    </div></div>
</section>
<div class="modal fade tms_driver_modal" tabindex="-1"></div>
@endsection
@section('javascript')
<script>
$(function(){
    var table=$('#tms_drivers_table').DataTable({processing:true,serverSide:true,ajax:{url:'{{ action([\Modules\Tms\Http\Controllers\DriverController::class,"index"]) }}',data:function(d){d.active_only=$('.tms-active-only').is(':checked')?1:0;}},columns:[{data:'name'},{data:'phone'},{data:'license_number'},{data:'linked_user_name',orderable:false},{data:'is_active'},{data:'action',orderable:false,searchable:false}]});
    $('.tms-active-only').on('change',function(){table.ajax.reload();});
    $(document).on('submit','form#tms_driver_form',function(e){e.preventDefault();var f=$(this);$.ajax({method:f.find('[name=_method]').val()==='PUT'?'PUT':'POST',url:f.attr('action'),data:f.serialize(),dataType:'json',success:function(r){if(r.success){$('.tms_driver_modal').modal('hide');toastr.success(r.msg);table.ajax.reload();}}});});
    $(document).on('click','.delete_tms_driver',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