@extends("newDashboard.index")

@section("css")
<link rel="stylesheet" href="{{asset('metronic/css/data-table.css')}}">
<style>
 #customDesignTablePermitInRecevOrder table,#customDesignTablePermitInRecevOrder th,#customDesignTablePermitInRecevOrder td {
  border: 1px solid black;
  border-collapse: collapse;
}

  #customDesignTablePermitInRecevOrder table {
            border-collapse: collapse;
            width: 100%;
        }

</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="fa-solid fa-sheet-plastic menu-icon"></i>
           </span> {{__('messages.Delivery of orders')}}
        </h3>
    </div>
    <div class="receive-order">
        <div class="alert alert-danger" role="alert" style="display:none;">
          <ul id="errors-list">
          </ul>
        </div>
        <nav>
            <div class="nav nav-tabs" id="nav-tab" role="tablist">
                <button class="nav-link active" id="nav-home-tab" data-bs-toggle="tab" data-bs-target="#nav-home" type="button" role="tab" aria-controls="nav-home" aria-selected="true">{{__('messages.Permit')}}</button>
                <button class="nav-link" id="nav-purchases-tab" data-bs-toggle="tab" data-bs-target="#nav-purchases" type="button" role="tab" aria-controls="nav-purchases" aria-selected="false">{{__('messages.Purchase data')}}</button>
                <button class="nav-link" id="nav-form-tab" data-bs-toggle="tab" data-bs-target="#nav-form" type="button" role="tab" aria-controls="nav-form" aria-selected="false">{{__('messages.Submit')}}</button>
            </div>
        </nav>
     	<input type="hidden" id="customerId" value="{{ $customerId ?? 0}}">
    	<div class="tab-content" id="nav-tabContent">
    		<div class="tab-pane fade show active row" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
              <h3 class="mt-4 mb-3">{{__('messages.Permit Data')}} <span class="text-danger">{{$permit->id}}</span></h3>
              <div class="col-md-12 row mb-3">
                  <div class="col-md-6">  	
                    <p class="title">{{__('messages.Driver Name')}}:</p>
                    <p>{{$permit->driver_name}}</p>
                  </div>
                  <div class="col-md-6">
                    <p class="title">{{__('messages.Phone Number')}}:</p>
                    <p>{{$permit->phone_number}}</p>
                  </div>
              </div>
              <div class="col-md-12 row mb-3">
                <div class="col-md-6">
                    <p class="title">{{__('messages.Truck Number')}}:</p>
                    <p>{{$permit->truck_number}}</p>
                </div>
                <div class="col-md-6">
                    <p class="title">{{__('messages.Trailer Number')}}:</p>
                    <p>{{$permit->trailer_number}}</p>
                </div>
              </div>
              <hr style="height: 2px;color: black;" class="mx-3 w-75">
              <h3 class="mt-4 mb-3">{{__('messages.Permit Items')}}:</h3>
               @foreach($permit->permitItems as $item)  
                  <div class="col-md-12 row mb-3">
                    <div class="col-md-6">
                        <p class="title">{{__('messages.Item')}}:</p>
                        <p>{{$item->salesItem->item->name}}</p>
                    </div>
                    <div class="col-md-6">
                        <p class="title">{{__('messages.Description')}}:</p>
                        <p>{{$permit->trailer_number}}</p>
                    </div>
                  </div>
                  <div class="col-md-12 row mb-3">
                    <div class="col-md-6">
                    	@if($item->salesItem->meat_weight > 0)
                            <p class="title">{{__('messages.Weight')}}:</p>
                            <p>{{$item->salesItem->meat_weight}}</p>
                        @endif
                        @if($item->salesItem->quantity > 0)
	                        <p class="title">{{__('messages.Quantity')}}:</p>
                            <p>{{$item->salesItem->quantity}}</p>
                        @endif
                    </div>
                  </div>
                  <div class="col-md-12 row mb-3 border-bottom">
                    <div class="col-md-6">
                        <p class="title">{{__('messages.Unit Type')}}:</p>
                        <p>{{$item->salesItem->item->unit_type}}</p>
                    </div>
                    <div class="col-md-6">
                        <p class="title text-danger">{{__('messages.Inventory')}}:</p>
                        <p class="text-danger">{{$item->salesItem->inventory->name}}</p>
                    </div>
                  </div>
              @endforeach
              <div class="col-md-12 row justify-content-end mt-5">
                <img class="qr-image" src="{{$permit->qr_code_path}}">
              </div>
            </div>
            <div class="tab-pane fade row" id="nav-purchases" role="tabpanel" aria-labelledby="nav-purchases-tab">
                <div class="col-md-12 row mb-3">
                  <div class="col-md-6">                	
                    <p class="title">{{__('messages.Serial number')}}:</p>
                    <p>{{$sales->serial_number}}</p>
                  </div>
                  <div class="col-md-6">
                    <p class="title">{{__('messages.Status')}}:</p>
                    <p>{{$sales->status}}</p>
                  </div>
              </div>
              
                  @if ($loadingWorkers->isNotEmpty())
              <hr style="height: 2px;color: black;" class="mx-3 w-75">
                       <div class="col-md-12 row mb-3">
                   <p class="title">{{__('messages.Loading Labor')}}:</p>
                        @foreach ($loadingWorkers as $worker)
                          <div class="col-md-6">                	
                            <p class="title">{{__('messages.Name')}}:</p>
                            <p> {{ $worker->name }}</p>
                          </div>
                          <div class="col-md-6">
                            <p class="title">{{__('messages.Passport Number')}}:</p>
                            <p>{{ $worker->passport_id }}</p>
                          </div>
                           @endforeach
                      </div>
        	    @endif
                <div class="col-md-12 row mb-3">
                    <div class="col-md-12">
                        <label>{{__("messages.note")}}</label>
                        <textarea rows="5" class="form-control" name="note" id="note"></textarea>
                    </div>
                </div>
               <div class="col-md-12 row align-items-center labor-container" >
                	<hr class="w-75">
                	<div class="row">
    					<h4 class="col-md-3 mb-2">{{__('messages.Loading Labor')}}</h4>
                        <i class="fa-solid fa-circle-plus col-md-1 add-labor-btn"></i>
                	</div>
                	<div class="row labor-row justify-content-center align-items-center">                	
                        <div class="form-group col-md-5"> 
                          <label class="required">{{__('messages.Name')}}</label>
                          <input type="text"  class="labor_name form-control" required>
                        </div>
                        <div class="form-group col-md-5">
                          <label class="required">{{__('messages.Passport Number')}}</label>
                          <input type="text"  class="labor_passport form-control" required>
                        </div>
                        <i class="fas fa-trash col-md-1 delete-labor-btn"></i>
                	</div>
                </div>
            </div>
            <div class="tab-pane fade" id="nav-form" role="tabpanel" aria-labelledby="nav-form-tab">
            	<div class="col-md-12">
                	<input type="hidden" id="store-inventory-item-url" value="{{route('inventories.delivery.order.store')}}">
                	<input type="hidden" id="reject-url" value="{{route('inventories.delivery.order.reject')}}">
                	<input type="hidden" id="inventories-delivery-order-url" value="{{route('inventories.delivery.order')}}">
                	<input type="hidden" id="permit-id" value="{{$permit->id}}">
                    <table class="table">
                        <thead>
                            <tr>
                                <th scope="col"></th>
                                <th scope="col">{{__('messages.Item')}}</th>
                                <th scope="col">{{__('messages.Main Qty')}}</th>
                                <th scope="col">{{__('messages.In Stock')}}</th>
                                <th scope="col">{{__('messages.Current received quantity')}}</th>
                                <th scope="col">{{__('messages.Received')}}</th>
                            </tr>
                        </thead>
                             <tbody>
                            @foreach($permit->permitItems as $item)
                              <tr class="item-info-row">
                                <td>
                                    <input class="form-check-input" type="checkbox" id="check-box" data-item-id="{{$item->salesItem->id}}" data-item="{{$item->salesItem->item->id}}">
                                </td>
                                <td>{{$item->salesItem->item->name}}</td>
                                <td class="col-md-2">
                                    <input type="number" class="form-control" required disabled value="{{$item->salesItem->total_quantity}}">
                                </td>
                                <td class="col-md-2">
                                    <input type="number" class="form-control" required disabled value="{{$item->salesItem->salesInventoryItem !== null ? $item->salesItem->total_quantity - $item->salesItem->salesInventoryItem->received_quantity : $item->salesItem->total_quantity}}">
                                </td>
                                <td class="col-md-2">
                                    <input  type="number" id="CurrentReceivedQuantity" class="form-control" disabled  value="{{$item->salesItem->salesInventoryItem->received_quantity ?? null}}">
                                </td>
                                <td class="col-md-2">
                                    <input type="number" id="receivedQuantity" class="form-control receivedQuantity" required min="0" max="{{$item->salesItem->salesInventoryItem->in_stock ?? null}}" value="0">
                                    <div id="validationServer05Feedback" class="invalid-feedback">
                                 {{__('messages.The quantity must be less or equal')}}: {{$item->salesItem->salesInventoryItem !== null ? $item->salesItem->total_quantity - $item->salesItem->salesInventoryItem->received_quantity : $item->salesItem->total_quantity}}
                                </div>
                                </td>
                              <input  type="hidden"  class="form-control" disabled  value="{{$item->salesItem->salesInventoryItem->received_quantity ?? null}}">
                                
                            </tr>
                            @if($item->salesItem->meat_weight > 0)
                            <tr class="meat-row">
                                <td colspan="6" style="background: #f1f1f1;">
                                    <table class="inner-table">
                                        <thead>
                                            <tr>
                                                <th>{{__('messages.Total weight')}}</th>
                                                <th>{{__('messages.In Stock Weight (not delivered)')}}</th>
                                                <th>{{__('messages.Old Deliverd weight')}}</th>
                                                <th>{{__('messages.Deliverd weight')}}</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>
                                                    <input type="number" class="form-control total-weight-{{$item->salesItem->id}} weight" value="{{$item->salesItem->meat_weight}}" disabled>
                                                </td>
                                                <td>
                                                    <input type="number" class="form-control in-stock-weight-{{$item->salesItem->id}} in-stock-weight weight" value="{{$item->salesItem->salesInventoryItem !== null ? ($item->salesItem->meat_weight - $item->salesItem->salesInventoryItem->delivered_meat_weight)  : $item->salesItem->meat_weight}}" data-val="{{$item->salesItem->salesInventoryItem !== null ? ($item->salesItem->meat_weight - $item->salesItem->salesInventoryItem->delivered_meat_weight)  : 0}}" min="0" max="{{$item->salesItem->meat_weight}}" disabled >
                                                </td>
                                                <td>
                                                    <input type="number" class="form-control old-delivered-weight-{{$item->salesItem->id}} weight" value="{{$item->salesItem->salesInventoryItem !== null ? $item->salesItem->salesInventoryItem->delivered_meat_weight  : 0}}" data-val="{{$item->salesItem->salesInventoryItem !== null ? $item->salesItem->salesInventoryItem->delivered_meat_weight  : 0}}" min="0" max="{{$item->salesItem->meat_weight}}" disabled >
                                                </td>
                                                <td>
                                                    <input type="number" class="form-control delivered-weight-{{$item->salesItem->id}} weight delivered-weight" value="" data-id="{{$item->salesItem->id}}" min="0" max="{{$item->salesItem->salesInventoryItem->meat_in_stock ?? $item->salesItem->meat_weight}}">
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                            @endif
                            @endforeach
                        </tbody>
                    </table>
                    
                    <div class="tab-pane fade active show" id="pills-show-items" role="tabpanel"
                          aria-labelledby="pills-contact-tab">
                          <div class="custoTable" style="overflow: hidden;">
                            <div class="table_responsive libra-order">
                              <table id="show-myTableItems">
                                <thead>
                                  <tr>
                                    <th colspan="2">{{__('messages.Driver Name')}}</th>
                                    <th>{{__('messages.Entry time')}}</th>
                                    <th>{{__('messages.Time out')}}</th>
                                    <th>{{__('messages.Truck length')}}</th>
                                    <th>{{__('messages.Truck width')}}</th>
                                    <th>{{__('messages.Truck height')}}</th>
                                    <th>{{__('messages.Truck back')}}</th>
                                    <th>{{__('messages.Total')}}</th>
                
                                  </tr>
                                </thead>
                                <tbody>
                                  <tr>
                                    <td>
                                      {{__('messages.Name')}}
                                    </td>
                                    <td>
                                      {{$permit->driver_name}}
                                    </td>
                                    <th rowspan="2">
                                      
                                      <input type="datetime-local" class="form-control" id="Entry_time" onfocus="setDefaultEntryTime()"
                                        value="{{  $permit->libra !== null ?  $permit->libra->entry_time : $permit->date}}" {{ optional($permit->libra)->entry_time ? 'disabled' : '' }}>
                                    </th>
                                    <th rowspan="2">
                                      <input type="datetime-local" class="form-control" id="Time_out" onfocus="setDefaultDateTime()"
                                        value="{{  $permit->libra->time_out ?? '' }}">
                                    </th>
                                    <th rowspan="2">
                                      <input type="number" class="form-control" id="Truck_length"
                                        value="{{  $permit->libra->truck_length ?? 0}}">
                                    </th>
                                    <th rowspan="2">
                                      <input type="number" class="form-control" id="Truck_width"
                                        value="{{  $permit->libra->truck_width ?? 0 }}">
                                    </th>
                                    <th rowspan="2">
                                      <input type="text" class="form-control" id="Truck_height"
                                        value="{{  $permit->libra->truck_height ?? 0 }}">
                                    </th>
                                    <th rowspan="2">
                                      <input type="text" class="form-control" id="Truck_back" value="{{  $permit->libra->truck_back ?? 0}}">
                                    </th>
                                    <th rowspan="2">
                                      <input type="text" class="form-control" id="Total" value="{{  $permit->libra->total ?? 0}}">
                                    </th>
                                  </tr>
                                  <tr>
                                    <td>{{__('messages.phone')}}</td>
                                    <td>{{$permit->phone_number}}</td>
                                  </tr>
                                </tbody>
                              </table>
                            </div>
                          
                          </div>
                        </div>
                        
                        
                    <div class="mt-4 p-5">
                        <button type="button" data-bs-toggle="modal" data-bs-target="#RejectModal" class="btn btn-danger float-sm-end" id="cancel-btn">
                        	{{__('messages.Cancel')}}
                        </button>
                        <button type="button" class="btn btn-primary float-sm-start" id="save-btn">{{__('messages.Save')}}</button>
                    </div>
            	</div>
            </div>
    	</div>
    </div>
</div>

{{-- ------------- MODALS ----------------- --}}

{{-- Reject Modal --}}
 <input type="hidden" id="form-route" value="{{ route('rejected.delevery.summary.report') }}">
  <input type="hidden" id="purchase-serial" value="{{$sales->serial_number}}">
<div class="modal fade" id="RejectModal" tabindex="-1" aria-labelledby="RejectModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="RejectModalLabel"></h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body row">
                <div class="alert alert-danger modal-errors-container" role="alert" style="display:none;">
          			<ul id="modal-errors-list"></ul>
        		</div>
                <div class="form-group mb-3 col-md-12">
                    <label> {{__('messages.Rejected Reason')}}</label>
					<textarea class="form-control" id="rejected-reason" name="reject" rows="3"></textarea>
                </div>
            </div>
                <div class="containerDragDop">
                <div class="header-section" style="padding: 14px 0px;">
                    <h1>{{__('messages.upload files')}}</h1>
                    <p>{{__('messages.PDF, Images & Videos are allowed')}}</p>
                    <p class="files-error d-none text-danger">{{__('messages.too_many_files')}}</p>
                </div>
                <div class="drop-section-customcss drop-section">
                    <div class="col">
                        <div class="cloud-icon">
                            <img src="/metronic/images/iconsDragAndDrop/cloud.png" alt="cloud">
                        </div>
                        <span>{{__('messages.Drag & Drop your files here')}}</span>
                        <span>{{__('messages.OR')}}</span>
                        <button class="file-selector">{{__('messages.Browse Files')}}</button>
                        <input name="files" type="file" id="FileList" class="file-selector-input" multiple>
                    </div>
                    <div class="col">
                        <div class="drop-here">{{__('messages.Drop Here')}}</div>
                    </div>
                </div>
                <div class="list-section-customcss list-section">
                    <div class="list-title">{{__('messages.Uploaded Files')}}</div>
                    <div class="list" id="FileList"></div>
                </div>
            </div>
              <div class="table-container" id="customDesignTablePermitInRecevOrder" style="overflow: auto; margin: 25px;">
                <table id="permits-table">
                </table>
            </div>
            <div class="modal-footer justify-content-between">
                <button type="button" class="btn btn-primary" id="generat-receipt-purshase">{{__('messages.Add a delivery report')}}</button>
              <div>
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{__('messages.Close')}}</button>
                <button type="button" class="btn btn-danger" id="reject-btn">{{__('messages.Reject')}}</button>
              </div>
            </div>
        </div>
    </div>
</div>
{{-- Reject Modal End --}}
@endsection

@section("scripts")
<script>
    var translations2 = {
		
    	ID:"{{__('messages.ID')}}",
		Supplier: "{{ __('messages.Supplier') }}",
		DriverName: "{{ __('messages.Driver Name') }}",
		ContainerQuantity: "{{ __('messages.Container quantity') }}",
		QuantityReceived: "{{ __('messages.Quantity received') }}",
		TrailerNumber: "{{ __('messages.Trailer Number') }}",
		ItemName:"{{__('messages.Item name')}}",
        date:"{{__('messages.Date')}}",
        serial:"{{__('messages.Serial')}}",
        serial:"{{__('messages.Sales and purchases report')}}",
		print:"{{__('messages.Print')}}",
		title:"{{__('messages.Delivery summary report')}}",
		NoDataFound:"{{__('messages.No Data Found')}}",
		customer:"{{__('messages.Customer')}}",
        
    };
</script>
<script src="{{asset('metronic/js/pages/inventory-delivery-order-process.js')}}"></script>
 <script src="{{asset('metronic/js/components/uploadFiles.js')}}"></script> 


@endsection