@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="fa-solid fa-sheet-plastic menu-icon"></i>
          </span> {{__('messages.Receipts for additional hours')}}
        </h3>
    </div> 
  	<div class="row justify-content-md-center create-permit-form">
  	        	<div id="success_message"></div> 




    	<form id="permit-form" action="{{route('inventories.receipts.Additional.store')}}">
    		<input type="hidden"  name="permitsId" value="{{$data->id}}" >
    		
    	    <ul id="save_msgList"></ul>
        	<div class="form-row row justify-content-center" > 
                <div class="form-group col-md-5">
                  <label >{{__('messages.Driver Name')}}</label>
                  <input type="text" class="form-control" name="driver" value="{{$data->driver_name}}" disabled>
                </div>
                <div class="form-group col-md-5">
                  <label >{{__('messages.Phone Number')}}</label>
                  <input type="text" class="form-control" name="phone_number" value="{{$data->phone_number}}" disabled>
                </div>
                <div class="form-group col-md-5">
                  <label >{{__('messages.Truck Number')}}</label>
                  <input type="text" class="form-control" name="truck_number"value="{{$data->truck_number}}" disabled>
                </div>
                <div class="form-group col-md-5">
                  <label >{{__('messages.Trailer Number')}}</label>
                  <input type="text" class="form-control" name="trailer_number" value="{{$data->trailer_number}}" disabled>
                </div>
                <div class="form-group col-md-5">
                    <label>{{__('messages.Container quantity')}}</label>
                    <input id="receivedQuantity" type="number" class="form-control" name="Container_quantity"   value="{{$data->container_quantity}}" disabled>
                </div>
                 <div class="form-group col-md-5">
                  <label >{{__('messages.Quantity received')}}</label>
                  <input type="number" class="form-control" name="Quantity_received"  value="{{$data->quantity_received ?? 0}}" disabled>
                </div>
               <input type="hidden" id="totalCheck" value="{{ $data->container_quantity }}" >
                       
                <div class="form-group col-md-5">
                  <label >{{__('messages.Entry date')}} </label>
                  <input type="text" class="form-control" name="trailer_number" value="{{ \Carbon\Carbon::parse($data->date)->format('Y-m-d') }}" disabled>
                </div>
                <div class="form-group col-md-5">
                  <label >{{__('messages.Entry times')}}</label>
                  <input type="text" class="form-control" name="phone_number" value="{{ \Carbon\Carbon::parse($data->date)->format('H:i:s') }}" disabled>
                </div>      
                <div class="form-group col-md-5">
                  <label >{{__('messages.Time out date')}}</label>
				  <input type="text" class="form-control" name="trailer_number" value="{{ optional($data->libra)->time_out ? \Carbon\Carbon::parse($data->libra->time_out)->format('Y-m-d') : 'null' }}" disabled>
                </div>
                <div class="form-group col-md-5">
                  <label >{{__('messages.Time out temes')}}</label>
					<input type="text" class="form-control" name="phone_number" value="{{ optional($data->libra)->time_out ? \Carbon\Carbon::parse($data->libra->time_out)->format('H:i:s') : 'null' }}" disabled>
                </div> 
                @if($data->purchasing_id != null)
               <div class="form-group col-md-5">
                    <label class="required">{{__('messages.Overnight stay')}}</label>
                    <select class="form-control" name="overnight_stay">
                        <option value="0" {{ $data->overnight_stay == 0 ? 'selected' : '' }}>{{__('messages.not available')}}</option>
                        <option value="1" {{ $data->overnight_stay == 1 ? 'selected' : '' }}>{{__('messages.available')}}</option>
                    </select>
                </div>
                @else
                  <div class="form-group col-md-5">
                    <label class="required">{{__('messages.Overnight stay')}}</label>
                    <select class="form-control" name="overnight_stay">
                        <option value="0" {{ $data->overnight_stay == 0 ? 'selected' : '' }}>{{__('messages.not available')}}</option>
                    </select>
                </div>
                @endif
				 @php
                    // Assuming $data->date and $data->libra->time_out are in a valid date-time format
                    $startDate = \Carbon\Carbon::parse($data->date);
                    $endDate = \Carbon\Carbon::parse($data->libra->time_out);
                
                    // Calculate the total time difference in seconds
                    $totalSeconds = $startDate->diffInSeconds($endDate);
                
                    // Calculate hours, minutes, and seconds
                    $hours = floor($totalSeconds / 3600);
                    $minutes = floor(($totalSeconds % 3600) / 60);
                    $seconds = $totalSeconds % 60;
                
                    // Format the time
                    $formattedTime = sprintf('%02d:%02d:%02d', $hours, $minutes, $seconds);
                @endphp
                <div class="form-group col-md-5">
                  <label>{{__('messages.The number of hours')}}</label>
                  <input type="text" class="form-control" name="phone_number"  value="{{ $formattedTime }}" disabled>
                </div>  
                
            	<hr class="w-100">
            
            	<button type="submit" class="btn btn-sm btn-primary col-md-3">{{__('messages.Save')}}</button>
        	</div>
    	</form>
	</div>
</div>
@endsection

@section("scripts")
<script src="{{asset('metronic/js/pages/inventories-receipts-houer-process.js')}}"></script>

@endsection