@extends("newDashboard.index")

@section("css")
<link rel="stylesheet" href="{{asset('metronic/css/data-table.css')}}">
<style>
#permit-form{
	background: none;
}
</style>
@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 id="success_message"></div>
    
                <select class="selectToClone form-control itemId d-none">
                <option value="0">{{ __('validation.Select', ['attribute' => __('messages.transactions')]) }}</option>
                @foreach ($items as $row)
                    <option value="{{ $row->id }}">
                        {{ $row->name }}
                    </option>
                @endforeach
            </select>
   <div class="buttons-container">
        <button type="button" class="btn btn-primary float-end" data-bs-toggle="modal"
            data-bs-target="#addPermit">{{ __('messages.Add Item') }}</button>
    </div>
 	<div class="table-responsive customscroll">
 	         
   	 <table class="table datatable text-center" id="table" >
        <thead>
        <tr>
       		<th>{{__('messages.ID')}}</th>
            <th>{{__('messages.Quantity / Weight')}}</th>
            <th>{{__('messages.Item name')}}</th>
            <th>{{__('messages.username')}}</th>
            <th>{{__('messages.Date')}}</th>
            <th></th>
        </tr>
        </thead>
        <tbody></tbody>
    </table>
    </div>
  </div>
</div>
     <div class="modal fade" id="addPermit" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">{{ __('messages.Add Item') }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>


            <form id="permit-form">
                <input type="hidden" id="submit-url" value="{{ route('permitEmpty.store') }}">


                <div class="form-row row justify-content-around">
                
                    <div class="col-md-12 row align-items-center restrictions-container">
                        <hr class="w-85  m-auto ">
                   
                        <hr class="w-85  m-auto">
                        <div class="col-md-12 row align-items-center restrictions-container m-auto mt-3">
                         
                            <ul id="save_msgList"></ul>
                            <div id="error_message"></div>

                            <div class="custoTable custoTable2" style="overflow: hidden;">
                                <div class="table_responsive libra-order">
                                    <table id="show-myTableItems">
                                        <thead>
                                        <tr>
                                            <th class='col-4 required'>{{ __('messages.Item name') }}</th>
                                            <th class='required'>{{ __('messages.Quantitys') }}</th>
                                            <th></th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <!-- First default row without delete button -->
                                        <tr class="restrictions-row default-row">
                                            <td class='select-td'>
                                                <select
                                                        class="js-example-disabled-results select2 form-control itemId">
                                                    <option value="0">
                                                        {{ __('validation.Select', ['attribute' => __('messages.Item name')]) }}
                                                    </option>
                                                    @foreach ($items as $row){{$row->name}}
                                                        <option value="{{ $row->id }}">
                                                            {{ $row->name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </td>
                                            <td>
                                                <input type="number" step="any"
                                                       class="form-control qnt">
                                            </td>
                                         
                                           
                                             <td>
                                                <div class="row justify-content-end">
                                                    <i
                                                            class="fa-solid fa-circle-plus col-md-1 add-restrictions-btn"></i>
                                                </div>
                                            </td>
                                        </tr>
                                       
                                        </tbody>
                                       
                                    </table>
                                </div>
                            </div>
                        </div>


                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary close-delet-model"
                            data-bs-dismiss="modal">{{ __('messages.Close') }}</button>
                    <button type="submit"
                            class="btn btn-primary  savePermit " id="submit-btn"> {{ __('messages.save') }}</button>
                </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@section("scripts")
<script> 

var translations = {
	'Quantitys': '{{ __("messages.Quantitys") }}',
    'id': '{{ __("messages.ID") }}',
    'Item_name': '{{ __("messages.Item name") }}',
    'Add_Item': '{{ __("messages.Add Item") }}',
    'trailer_number': '{{ __("messages.Trailer Number") }}',
    'phone_number': '{{ __("messages.Phone Number") }}',
    'container_quantity': '{{ __("messages.Container quantity") }}',
    'date': '{{ __("messages.date") }}',
    'User Name': '{{ __("messages.User Name") }}',
    
};
</script>
<script src="{{asset('metronic/js/pages/permits-table-empty.js')}}"></script>
@endsection