@extends('layouts.app')
@push('css')
    <link rel="stylesheet" href="{{ asset('assets/css/dataTable.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/css/pages/received-to-inventories.css') }}">

@endpush
@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> {{ __('Receive Order') }}
            </h3>
        </div>
        <form id="add-form" action="{{ route('dashboard.inventories.received-to-inventories.store') }}" method="post">
            @csrf
            <input type="hidden" name="permit_id" value="{{ request()->permit_id }}" />
            <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">{{ __('Permit') }}</button>
                        @if ($type == 'App\Models\Operations\Purchase')
                            <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">{{ __('Purchase data') }}</button>
                        @endif
                        @if ($type == 'App\Models\Operations\Sale')
                            <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">{{ __('Sale data') }}</button>
                        @endif
                        <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">{{ __('Submit') }}</button>
                    </div>
                </nav>
                <div class="tab-content" id="nav-tabContent">
                    <div class="tab-pane fade row show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
                        <h3 class="mt-4 mb-3">
                            {{ __('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">{{ __('Driver Name') }}:</p>
                                <p>{{ $permit->driver_name }}</p>
                            </div>
                            <div class="col-md-6">
                                <p class="title">{{ __('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">{{ __('Truck Number') }}:</p>
                                <p>{{ $permit->truck_number }}</p>
                            </div>
                            <div class="col-md-6">
                                <p class="title">{{ __('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">{{ __('Permit Items') }}:</h3>
                        @foreach ($permit->items as $item)
                            <div class="col-md-12 row mb-3">
                                <div class="col-md-6">
                                    <p class="title">{{ __('Item') }}:</p>
                                    <p>{{ $item->product->item->name }}</p>
                                </div>
                                <div class="col-md-6">
                                    <p class="title">{{ __('Description') }}:</p>
                                    <p>{{ $permit->trailer_number }}</p>
                                </div>
                            </div>
                            <div class="col-md-12 row mb-3">
                                <div class="col-md-6">
                                    @if ($item->product->meat_weight > 0)
                                        <p class="title">{{ __('Weight') }}:</p>
                                        <p>{{ $item->product->meat_weight }}</p>
                                        @endif @if ($item->product->quantity > 0)
                                            <p class="title">{{ __('Quantity') }}:</p>
                                            <p>{{ $item->product->quantity }}</p>
                                        @endif
                                </div>
                            </div>
                            <div class="col-md-12 row mb-3 border-bottom">
                                <div class="col-md-6">
                                    <p class="title">{{ __('Unit Type') }}:</p>
                                    <p>{{ $item->product->item->unit_type }}</p>
                                </div>

                                <div class="form-group col-md-6">
                                    <label>{{ __('Inventory') }}</label>
                                    <div>
                                        {{ $item->product->inventory->name ?? '' }}
                                    </div>
                                </div>
                            </div>
                        @endforeach
                        <div class="col-md-12 row justify-content-end mt-5">
                            {{-- {!! SimpleSoftwareIO\QrCode\Facades\QrCode::generate($permit->token) !!} --}}
                        </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">{{ __('Serial number') }}:</p>
                                <p>{{ $permit->invoice->serial_number }}</p>
                            </div>
                            <div class="col-md-6">
                                <p class="title">{{ __('Status') }}:</p>
                                <p>{{ $permit->invoice->status }}</p>
                            </div>
                        </div>
                        <div class="col-md-12 row mb-3">
                            <div class="col-md-6">
                                <p class="title">{{ __('Shipping type') }}:</p>
                                <p>{{ $permit->invoice->shipping_type }}</p>
                            </div>
                        </div>
                        <div class="col-md-12 row mb-3">
                            <div class="col-md-12">
                                <label>{{ __('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>
                            <div class="text-center card-hearder">
                                <h4 class=" mb-2 p-3">{{ __('Loading Labor') }}</h4>
                            </div>

                            @forelse ($permit->loadingWorker as $index=>$labor)
                            <div class="row labor-row justify-content-center align-items-center">
                                <div class="form-group col-md-5">
                                    <label class="required">{{ __('Name') }}</label>
                                    <input type="text" value="{{ $labor->name }}" class="labor_name form-control" name="labor_name[{{ $index }}]">
                                </div>
                                <div class="form-group col-md-5">
                                    <label class="required">{{ __('Passport Number') }}</label>
                                    <input type="text" name="labor_passport[{{ $index }}]" value="{{ $labor->passport }}" class="labor_passport form-control">
                                </div>
                                <i class="fas fa-trash col-md-1 delete-labor-btn"></i>
                            </div>
                                @empty
                            <div class="row labor-row justify-content-center align-items-center">
                                <div class="form-group col-md-5">
                                    <label class="required">{{ __('Name') }}</label>
                                    <input type="text" class="labor_name form-control" name="labor_name[0]">
                                </div>
                                <div class="form-group col-md-5">
                                    <label class="required">{{ __('Passport Number') }}</label>
                                    <input type="text" name="labor_passport[0]" class="labor_passport form-control">
                                </div>
                                <i class="fas fa-trash col-md-1 delete-labor-btn"></i>
                            </div>
                @endforelse
                        </div>
                        <div class="container">
                            <button type="button" class=" add-labor-btn btn btn-primary w-100">
                                <i class="fa-solid fa-circle-plus"></i>
                            </button>
                        </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="{{ url('inventories.receive.order.store') }}"> <input type="hidden"
                                id="reject-url" value="{{ url('inventories.receive.order.reject') }}"> <input
                                type="hidden" id="inventories-receive-order-url"
                                value="{{ url('inventories.receive.order') }}"> <input type="hidden" id="permit-id"
                                value="{{ $permit->id }}">

                            <div class="table-responsive">
                                <table class="table table-borderd table-striped">
                                    <thead>
                                        <tr>
                                            <th scope="col"></th>
                                            <th scope="col">{{ __('Item') }}</th>
                                            <th scope="col">{{ __('Main Qty/WGT') }}</th>
                                            <th scope="col">{{ __('In Stock') }}</th>
                                            <th scope="col">{{ __('Current received quantity') }}</th>
                                            <th scope="col">{{ __('Received') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <input type="hidden" name="selected">
                                        @foreach ($permit->items as $item)
                                            <tr class="item-info-row">
                                                <td>
                                                    <input
                                                    {{-- check if in stock  = 0 disable the checkbox  --}}
                                                    {{ $item->product->value - ($item->product->inventoryItem->total_received_without_changes  ?? 0) == 0 ? 'disabled' : '' }}
                                                    name="selected[{{ $item->id }}]" value="{{ $item->id }}"
                                                        class="form-check-input" type="checkbox" /></td>
                                                <td>{{ $item->product->item->name }}</td>
                                                <td class="col-md-2">
                                                    <input type="number" class="form-control" disabled
                                                        value="{{ $item->product->value }}" />
                                                </td>
                                                <td class="col-md-2"><input type="number" class="form-control in-stock"
                                                        data-default="{{ $item->product->value - ($item->product->inventoryItem->total_received_without_changes  ?? 0) }}"
                                                        required disabled
                                                        value="{{ $item->product->value - ($item->product->inventoryItem->total_received_without_changes  ?? 0) }}">
                                                </td>
                                                <td class="col-md-2"><input type="number"
                                                        class="form-control current_received"
                                                        name="current_received[{{ $item->id }}]"
                                                        data-default="{{ $item->product->inventoryItem->total_received_without_changes ?? 0 }}"
                                                        disabled
                                                        value="{{ $item->product->inventoryItem->total_received_without_changes ?? 0  }}">
                                                </td>
                                                <td class="col-md-2">
                                                    <input type="number" class="form-control received_now"
                                                        name="received_now[{{ $item->id }}]"
                                                        value="{{ $item->total_received_without_changes ?? 0 }}">

                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>

                            <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" class="table table-borderd table-striped">
                                            <thead>
                                                <tr>
                                                    <th colspan="2">{{ __('Driver Name') }}</th>
                                                    <th>{{ __('Entry time') }}</th>
                                                    <th>{{ __('Time out') }}</th>
                                                    <th>{{ __('Truck length') }}</th>
                                                    <th>{{ __('Truck width') }}</th>
                                                    <th>{{ __('Truck height') }}</th>
                                                    <th>{{ __('Truck back') }}</th>
                                                    <th>{{ __('Total') }}</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td>{{ __('Name') }}</td>
                                                    <td>{{ $permit->driver_name }}</td>
                                                    <th rowspan="2">
                                                        <input type="datetime-local" class="form-control"
                                                            id="Entry_time" name='entry_time'
                                                            onfocus="setDefaultEntryTime()"
                                                            value="{{ $permit->libra !== null ? $permit->libra->entry_time : now()->format('Y-m-d\TH:i') }}"
                                                            {{ optional($permit->libra)->entry_time ? 'disabled' : '' }}>
                                                    </th>

                                                    <th rowspan="2"><input type="datetime-local" class="form-control"
                                                            id="Time_out" name='time_out' onfocus="setDefaultDateTime()"
                                                            value="{{ $permit->libra->time_out ?? '' }}"
                                                            {{ optional($permit->libra)->time_out ? 'disabled' : '' }}>
                                                    </th>
                                                    <th rowspan="2">
                                                        <input name='truck_length' type="number"
                                                            class="form-control truck_length"
                                                            value="{{ $permit->libra->truck_length ?? 0 }}">
                                                    </th>
                                                    <th rowspan="2"><input type="number"
                                                            class="form-control truck_width" name='truck_width'
                                                            value="{{ $permit->libra->truck_width ?? 0 }}"></th>
                                                    <th rowspan="2">
                                                        <input name='truck_height' type="text"
                                                            class="form-control truck_height"
                                                            value="{{ $permit->libra->truck_height ?? 0 }}">
                                                    </th>
                                                    <th rowspan="2">
                                                        <input type="text" class="form-control truck_back"
                                                            name='truck_back'
                                                            value="{{ $permit->libra->truck_back ?? 0 }}">
                                                    </th>
                                                    <th rowspan="2"><input name='total' type="text"
                                                            class="form-control total"
                                                            value="{{ $permit->libra->total ?? 0 }}"></th>
                                                </tr>
                                                <tr>
                                                    <td>{{ __('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">{{ __('Cancel') }}</button>
                                <button class="btn btn-primary float-sm-start submit-btn">{{ __('Save') }}</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <form id="rejected-form" action="{{ route('inventories-receive-order-reject',$permit->id) }}" method="POST" enctype="multipart/form-data">
        @csrf
        <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">{{ __("Reject Order") }}</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body row">
                        <div class="bg-white">
                            <!-- Rejected Reason -->
                            <div class="form-group mb-3 col-md-12">
                                <label for="rejected-reason">{{ __('Rejected Reason') }}</label>
                                <textarea class="form-control" id="rejected-reason" name="reason" rows="3" required></textarea>
                            </div>

                            <!-- File Selector -->
                            <div class="form-group mb-3">
                                <label for="file-input">{{ __('Attachment Files') }}</label>
                                <input type="file" name="files[]" id="filepond" multiple class="form-control" accept=".pdf,.doc,.docx,.jpg,.png">
                                <small class="text-muted">{{ __('Maximum 5 files allowed') }}</small>
                                <div class="text-danger files-error d-none">{{ __('Maximum 5 files exceeded') }}</div>
                            </div>

                            <!-- Table Container -->
                            <div class="table-container" style="overflow: auto; margin: 25px;">
                                <div class="table-responsive">
                                    <table id="permits-table" class="table table-bordered table-striped"></table>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="modal-footer justify-content-between">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ __('Close') }}</button>
                        <button type="submit" class="btn btn-danger" >{{ __('Reject') }}</button>
                    </div>
                </div>
            </div>
        </div>
    </form>

    {{-- Reject Modal End --}}
@endsection
@section('scripts')
<script src="{{ asset('assets/js/pages/inventories/inventory-receive-order-process.js') }}"></script>

@endsection