@extends("newDashboard.index")

@section("css")
<link rel="stylesheet" href="{{asset('metronic/css/data-table.css')}}">
@endsection

@section("main-content")
<div class="content-wrapper">
  <div class="page-header">
    <h3 class="page-title">
      <span class="page-title-icon bg-gradient-primary text-white me-2">
        <i class="mdi mdi-apps menu-icon"></i>
      </span> {{__('messages.Permits')}}
    </h3>
  </div>
  <div class="row">
    
    <input type="hidden" id="add-ajax-route" value="{{ route('inventories.store.category') }}" />
    <input type="hidden" id="update-ajax-route" value="{{ route('inventories.update.category') }}" />
    <input type="hidden" id="delete-ajax-route" value="{{ route('inventories.delete.category') }}" />
    
 	<div class="table-responsive customscroll">
   	 <table class="table datatable text-center" id="table" >
        <thead>
        <tr>
       		<th>{{__('messages.ID')}}</th>
            <th>{{__('messages.Driver Name')}}</th>
            <th>{{__('messages.Truck Number')}}</th>
            <th>{{__('messages.Trailer Number')}}</th>
            <th>{{__('messages.Phone Number')}}</th>
            <th>{{__('messages.Container quantity')}}</th>
            <th>{{__('messages.Date')}}</th>
        </tr>
        </thead>
        <tbody></tbody>
    </table>
    </div>
  </div>
</div>
@endsection

@section("scripts")
<script>
var translations = {
	'Permits': '{{ __("messages.Permits") }}',
    'id': '{{ __("messages.ID") }}',
    'driver_name': '{{ __("messages.Driver Name") }}',
    'truck_number': '{{ __("messages.Truck Number") }}',
    'trailer_number': '{{ __("messages.Trailer Number") }}',
    'phone_number': '{{ __("messages.Phone Number") }}',
    'container_quantity': '{{ __("messages.Container quantity") }}',
    'date': '{{ __("messages.date") }}',
};
</script>
<script src="{{asset('metronic/js/pages/permits-table.js')}}"></script>
@endsection