@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.Create Permit Form')}}
            </h3>
        </div>
        <div class="row justify-content-md-center create-permit-form">
            <div id="success_message"></div>
            <form id="permit-form">
                <input type="hidden" id="submit-url" value="{{route('temp-permit.store')}}">
                <input type="hidden" id="serial_number" value="{{$data->serial_number}}">
                <input type="hidden" id="isPurchase" value="{{$is_purchase}}">
                <ul id="save_msgList"></ul>
                <div class="text-center mb-5">
                    <h3 class="page-title">
                        {{$is_purchase ? __('messages.Sales receipt permit') : __('messages.Sales delivery permit')}}
                    </h3>
                </div>
                <div class="form-row row justify-content-center">
                    <div class="form-group col-md-5">
                        <label class="required">{{__('messages.Driver Name')}}</label>
                        <input type="text" class="form-control" name="driver" required>
                    </div>
                    <div class="form-group col-md-5">
                        <label class="required">{{__('messages.Truck Number')}}</label>
                        <input type="text" class="form-control" name="truck_number" required>
                    </div>
                    <div class="form-group col-md-5">
                        <label class="required">{{__('messages.Trailer Number')}}</label>
                        <input type="text" class="form-control" name="trailer_number" required>
                    </div>
                    <div class="form-group col-md-5">
                        <label class="required">{{__('messages.Phone Number')}}</label>
                        <input type="text" class="form-control" name="phone_number" required>
                    </div>

                    <div class="form-group col-md-5">
                        <label>{{__('messages.containers number')}}</label>
                        <input type="text" class="form-control" name="containers_number">
                    </div>

                    <div class="form-group col-md-5">
                        <label class="required">{{__('messages.Container quantity')}}</label>
                        <input id="receivedQuantity" type="number" step="0.01" class="form-control"
                               name="container_quantity" max="{{ $totalQuantity }}"
                               value="{{$is_purchase ? '' : $totalQuantity}}"
                               required>

                        <div id="validationServer05Feedback" class="invalid-feedback">
                            {{__('messages.The quantity must be less')}}: {{$totalQuantity ?? null}}
                        </div>
                    </div>

                    <input type="hidden" id="totalCheck" value="{{ $totalQuantity }}">

                    <div class="items-list col-md-12 row">
                        <hr class="w-75">
                        <div class="row">
                            <h4 class="col-md-3 mb-2">{{__('messages.Items')}}</h4>
                        </div>
                        @if($is_purchase)
                            @foreach($data->purchase_items as $key => $purchaseItem)
                                <div class="col-md-2 d-flex justify-content-center align-items-center item">
                                    <p class="m-1"
                                       data-purchase-item="{{$purchaseItem->id}}">{{$purchaseItem->item->name}}</p>
                                    <i class="fa-solid fa-xmark text-danger item-delete"
                                       data-supplier="{{$purchaseItem->supplier->id}}"
                                       data-supplier-unique="{{$key}}"></i>
                                </div>
                            @endforeach
                        @else
                            @foreach($data->salesItems as $saleItem)
                                <div class="col-md-2 d-flex justify-content-center align-items-center item">
                                    <p class="m-1" data-sale-item="{{$saleItem->id}}">{{$saleItem->item->name}}</p>
                                    <i class="fa-solid fa-xmark text-danger item-delete"
                                       data-supplier="{{$data->customer->id}}"></i>
                                </div>
                            @endforeach
                        @endif
                    </div>
                    <div class="suppliers-list col-md-12 mt-3 mb-3 row">
                        <hr class="w-75">
                        <div class="row">
                            @if($is_purchase)
                                <h4 class="col-md-3 mb-2">{{__('messages.Suppliers')}}</h4>
                            @else
                                <h4 class="col-md-3 mb-2">{{__('messages.Customer')}}</h4>
                            @endif
                        </div>
                        @if($is_purchase)
                            @foreach($data->purchase_items as $key=>$purchaseItem)
                                <div class="col-md-2 d-flex justify-content-center align-items-center supplier"
                                     data-supplier="{{$purchaseItem->supplier->id}}" data-supplier-unique="{{$key}}">
                                    <p class="m-1">{{$purchaseItem->supplier->name}}</p>
                                </div>
                            @endforeach
                        @else
                            <div class="col-md-2 d-flex justify-content-center align-items-center supplier"
                                 data-supplier="{{$data->customer->id}}">
                                <p class="m-1">{{$data->customer->name}}</p>
                            </div>
                        @endif
                    </div>
                    <hr class="w-100">
                    <div class="form-group col-md-12">
                        <h4 class="col-md-3 mb-2">{{__('messages.date')}}</h4>
                        <input type="datetime-local" class="form-control w-25" id="Time_out" name="date"
                               onfocus="setDefaultDateTime()">
                    </div>
                    <button type="submit" id="onSubmit-disabled"
                            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/temp/create-permit.js")}}"></script>
@endsection