@extends('layouts.admin')

@section('content')

<form method="POST" action="{{ route("admin.delivery-orders.update", $deliveryOrderInfo->id) }}" id="deliveryOrderForm" enctype="multipart/form-data">
    @method('PUT')
    @csrf
    <div class="card">
        <div class="card-header">
            {{ trans('global.show') }} {{ trans('cruds.deliveryOrder.title_singular') }}
        </div>

        <div class="card-body">
            <div class="form-group">
                <div class="form-group">
                    <a class="btn btn-default" href="{{ route('admin.delivery-orders.index') }}">
                        {{ trans('global.back_to_list') }}
                    </a>
                </div>
                <table class="table table-bordered table-striped">
                    <tbody>
                        <tr>
                            <th>
                                {{ trans('cruds.deliveryOrder.fields.id') }}
                            </th>
                            <td>
                                {{ $deliveryOrderInfo->id }}
                            </td>
                        </tr>
                        <tr>
                            <th>
                                {{ trans('cruds.deliveryOrder.fields.do_no') }}
                            </th>
                            <td>
                                {{ $deliveryOrderInfo->do_no }}
                            </td>
                        </tr>
                        <tr>
                            <th>
                                {{ trans('cruds.deliveryOrder.fields.pl_no') }}
                            </th>
                            <td>
                                {{ $deliveryOrderInfo->pl_no }}
                            </td>
                        </tr>
                        <tr>
                            <th>
                                {{ trans('cruds.deliveryOrder.fields.po_no') }}
                            </th>
                            <td>
                                {{ $deliveryOrderInfo->po_no }}
                            </td>
                        </tr>
                        <tr>
                            <th>
                                {{ trans('cruds.deliveryOrder.fields.bill_to') }}
                            </th>
                            <td>
                                <pre>{{ $deliveryOrderInfo->bill_to }}</pre>
                            </td>
                        </tr>
                        <tr>
                            <th>
                                {{ trans('cruds.deliveryOrder.fields.ship_to') }}
                            </th>
                            <td>
                                <pre>{{ $deliveryOrderInfo->ship_to }}</pre>
                            </td>
                        </tr>
                        <tr>
                            <th>
                                {{ trans('cruds.deliveryOrder.fields.shipping_date') }}
                            </th>
                            <td>
                                {{ $deliveryOrderInfo->shipping_date }}
                            </td>
                        </tr>
                        <tr>
                            <th>
                                {{ trans('cruds.deliveryOrder.fields.courier_company') }}
                            </th>
                            <td>
                                {{ $deliveryOrderInfo->courier_company }}
                            </td>
                        </tr>
                        <tr>
                            <th>
                                {{ trans('cruds.deliveryOrder.fields.courier_number') }}
                            </th>
                            <td>
                                {{ $deliveryOrderInfo->courier_number }}
                            </td>
                        </tr>
                        <tr>
                            <th>
                                {{ trans('cruds.deliveryOrder.fields.si_no') }}
                            </th>
                            <td>
                                {{ $deliveryOrderInfo->si_no }}
                            </td>
                        </tr>
                        <tr>
                            <th>
                                {{ trans('cruds.deliveryOrder.fields.remark') }}
                            </th>
                            <td>
                                {!! $deliveryOrderInfo->remark ? nl2br($deliveryOrderInfo->remark) : '' !!}
                            </td>
                        </tr>
                        <tr>
                            <th>
                                {{ trans('cruds.deliveryOrder.fields.status') }}
                            </th>
                            <td>
                                {{ $deliveryOrderInfo->status }}
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-header">
            {{ trans('global.edit') }} {{ trans('cruds.deliveryOrder.title_singular') }} Remark
        </div>
        <div class="card-body">
            <div class="form-group">
                <label for="feedback">{{ trans('cruds.deliveryOrder.fields.remark') }}</label>
                <textarea class="form-control {{ $errors->has('remark') }}" name="remark">{{ $deliveryOrderInfo->remark }}</textarea>
                @if($errors->has('remark'))
                    <div class="invalid-feedback">
                        {{ $errors->first('remark') }}
                    </div>
                @endif
                <span class="help-block">{{ trans('cruds.deliveryOrder.fields.remark_helper') }}</span>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-header">
            {{ trans('global.show') }} {{ trans('cruds.deliveryOrderItem.title') }}
        </div>
        <div class="card-body">
            <div class="form-group">
                <table class="table table-bordered table-striped">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th>Item Code</th>
                            <th>Description</th>
                            <th>Picking Quantity</th>
                            <th>Actual Picked Quantity</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($deliveryOrderItems as $key => $deliveryOrderItem)
                            <tr>
                                <td>{{ $key + 1 }}</td>
                                <td>{{ $deliveryOrderItem->item_code }}</td>
                                <td>{{ $deliveryOrderItem->description }}</td>
                                <td data-p-qty-value="{{ $deliveryOrderItem->picking_qty }}">{{ $deliveryOrderItem->picking_qty }}</td>
                                <td>
                                    <input class="form-control {{ $errors->has('deliveryOrders.'.$deliveryOrderItem->id.'.actual_picked_qty') ? 'is-invalid' : '' }}" type="number" step="1" name="deliveryOrders[{{ $deliveryOrderItem->id }}][actual_picked_qty]" id="deliveryOrders.{{ $key }}.actual_picked_qty" value="{{ old('deliveryOrders.'.$deliveryOrderItem->id.'.actual_picked_qty', $deliveryOrderItem->actual_picked_qty) }}">
                                    @error('deliveryOrders.'.$deliveryOrderItem->id.'.actual_picked_qty')
                                        <div class="invalid-feedback">
                                            {{ $message }}
                                        </div>
                                    @enderror
                                </td>
                                {{-- <td>{{ App\Models\DeliveryOrderItem::STATUS_SELECT[$deliveryOrderItem->status] }}</td> --}}
                            </tr>
                        @empty
                            <tr>
                                <td colspan="6" align="center">No data available in table</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            
            <div class="form-group">
                <button class="btn btn-danger" type="submit">
                    {{ trans('global.save') }}
                </button>
            </div>
        </div>
    </div>
</form>
@endsection

@section('scripts')
<script type="text/javascript">
    $(function() {
        $("[id$='actual_picked_qty']").keyup(function(e) {
            let id = $(this).attr('id');

            let picking_qty = $(this).parent().prev('td').data('p-qty-value');
            let actual_picked_qty = Number.parseInt(document.getElementById(id).value);

            if(actual_picked_qty > picking_qty)
            {
                Swal.fire({
                    icon: 'error',
                    title: 'The actual picked quantity cannot more than the picking_qty quantity!',
                    toast: true,
                    position: 'top-end',
                    showConfirmButton: false,
                    timer: 3000,
                    timerProgressBar: true,
                });

                document.getElementById(id).value = picking_qty;
            }
        });
    })
</script>
@endsection