@extends('layouts.app')
@section('title', __('tms::lang.vehicles'))
@section('content')
@include('tms::layouts.nav')
<section class="content no-print mt-page">
    <div class="mt-page-header">
        <h1><i class="fas fa-truck-moving" style="color:#3b82f6;margin-left:8px;"></i> @lang('tms::lang.vehicles')</h1>
        @can('tms.vehicles.create')
        <button type="button" class="mt-btn-primary btn btn-modal" data-href="{{ action([\Modules\Tms\Http\Controllers\VehicleController::class,'create']) }}" data-container=".tms_vehicle_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_vehicles_table" style="width:100%">
                <thead><tr>
                    <th>@lang('tms::lang.plate_number')</th><th>@lang('tms::lang.vehicle_type')</th><th>@lang('tms::lang.brand')</th>
                    <th>@lang('tms::lang.status')</th><th>@lang('tms::lang.active')</th><th>@lang('tms::lang.action')</th>
                </tr></thead>
            </table>
        </div>
    </div>
</section>
<div class="modal fade tms_vehicle_modal" tabindex="-1"></div>
@endsection
@section('javascript')
<script>
$(function(){
    var table = $('#tms_vehicles_table').DataTable({
        processing:true,serverSide:true,
        ajax:{url:'{{ action([\Modules\Tms\Http\Controllers\VehicleController::class,"index"]) }}',data:function(d){d.active_only=$('.tms-active-only').is(':checked')?1:0;}},
        columns:[{data:'plate_number'},{data:'vehicle_type'},{data:'brand'},{data:'status'},{data:'is_active'},{data:'action',orderable:false,searchable:false}]
    });
    $('.tms-active-only').on('change',function(){table.ajax.reload();});
    $(document).on('submit','form#tms_vehicle_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_vehicle_modal').modal('hide');toastr.success(r.msg);table.ajax.reload();}}});});
    $(document).on('click','.delete_tms_vehicle',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