@extends('layouts.app')
@section('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> {{ __('Receipts for additional hours') }}
            </h3>
        </div>
        <form class="bg-white p-3 rounded-3 rounded shadow"
            action="{{ route('dashboard.inventories.receipts-additional-hours.store-additional') }}">
            <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>{{ __('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>{{ __('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>{{ __('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>{{ __('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>{{ __('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>{{ __('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>{{ __('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>{{ __('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>{{ __('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>{{ __('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->permitable instanceof \App\Models\Operations\Purchase)
                    <div class="form-group col-md-5">
                        <label class="required">{{ __('Overnight stay') }}</label>
                        <select class="form-control" name="overnight_stay">
                            <option value="0" {{ $data->overnight_stay == 0 ? 'selected' : '' }}>
                                {{ __('not available') }}</option>
                            <option value="1" {{ $data->overnight_stay == 1 ? 'selected' : '' }}>
                                {{ __('available') }}</option>
                        </select>
                    </div>
                @else
                    <div class="form-group col-md-5">
                        <label class="required">{{ __('Overnight stay') }}</label>
                        <select class="form-control" name="overnight_stay">
                            <option value="0" {{ $data->overnight_stay == 0 ? 'selected' : '' }}>
                                {{ __('not available') }}</option>
                        </select>
                    </div>
                @endif
                @php
                    $startDate = \Carbon\Carbon::parse($data->date);
                    $endDate = \Carbon\Carbon::parse($data->libra->time_out);
                    $totalSeconds = $startDate->diffInSeconds($endDate);
                    $hours = floor($totalSeconds / 3600);
                    $minutes = floor(($totalSeconds % 3600) / 60);
                    $seconds = $totalSeconds % 60;
                    $formattedTime = sprintf('%02d:%02d:%02d', $hours, $minutes, $seconds);
                @endphp
                <div class="form-group col-md-5">
                    <label>{{ __('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">{{ __('Save') }}</button>
            </div>
        </form>
    </div>
    </div>
@endsection

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