@extends('modules.head') @section('contenido')

    <div class="box">
        <h3>
            <a href="{{ route('goods_receipt.index') }}">Interbranch Receipt</a>
            @if($receiptOrder->receipt_order_status_id  == 1)
                <button class="btn btn-primary pull-right" onclick="acceptReceiptOrder(this, {{$receiptOrder->id}})">Accept</button>
            @endif
        </h3>
    </div>

    <section>
        <div class="box">
            <div class="box-body invoice boxEdit">
                <div class="row">
                    <div class="col-3 col-md-3">
                        <div class="form-group">
                            <label for="code">Code</label>
                            <input type="text" id="code" class="form-control" name="code" value="{{$receiptOrder->code}}" disabled />
                        </div>
                    </div>
                    <span class="badge pull-right {{$receiptOrder->receiptOrderStatus->css_class}}" style="font-size: 18px">
                       {{ $receiptOrder->receiptOrderStatus->name }}
                   </span>
                </div>
                <div class="row">
                    <div class="col-3 col-md-3">
                        <div class="form-group">
                            <label for="from_warehouse">From Warehouse</label>
                            <input type="text" id="from_warehouse" class="form-control" name="from_warehouse" value="{{$receiptOrder->fromWarehouse->code}}" disabled />
                        </div>
                    </div>
                    <div class="col-3 col-md-3">
                        <div class="form-group">
                            <label for="to_warehouse">To Warehouse</label>
                            <input type="text" id="to_warehouse" class="form-control" name="to_warehouse" value="{{$receiptOrder->toWarehouse->code}}" disabled />
                        </div>
                    </div>
                    <div class="col-xs-12 table-responsive dvPickingTbl">
                        <table class="table table-striped" id="table-receipt">
                            <thead>
                            <tr>
                                <th></th>
                                <th>Product</th>
                                <th>Qty</th>
                                <th>Bin Location</th>
                                <th>Picked By</th>
                                <th>Picked At</th>
                                <th>Actions</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($receiptOrder->receiptOrderLines as $key=>$receiptOrderLine)
                                @php
                                    $index=$key + 1;
                                    $disabled = $receiptOrderLine->picked_date ? "disabled" : "";
                                @endphp

                                <tr data-receipt-order-line-id="{{$receiptOrderLine->id}}">
                                    <td>{{$index}}</td>
                                    <td data-product-id="{{$receiptOrderLine->product->id}}">{{ $receiptOrderLine->product->plu }}</td>
                                    <td>
                                        <input type="number" class="form-control quantity" value="{{ $receiptOrderLine->quantity }}"
                                               disabled="disabled" style="width: 80px"/>
                                    </td>
                                    <td>
                                        <div class="input-group" style="width: 60%;">
                                            @if($receiptOrderLine->bo_bin_location_id and $receiptOrderLine->boBinLocation)
                                                <input type="text" class="form-control to-bin-location" placeholder="To bin"
                                                       value="{{ $receiptOrderLine->boBinLocation->bin_code }}"
                                                       data-value="{{ $receiptOrderLine->boBinLocation->bin_code }}"
                                                       disabled="disabled" onclick="autocompleteToBinLocation(this)">
                                            @elseif($receiptOrderLine->last_pickable_bin)
                                                <input type="text" class="form-control to-bin-location" placeholder="To bin"
                                                        value="{{ $receiptOrderLine->last_pickable_bin->bin_code }}"
                                                        data-value="{{ $receiptOrderLine->last_pickable_bin->bin_code }}"
                                                        disabled="disabled" onclick="autocompleteToBinLocation(this)">
                                            @else
                                                <input type="text" class="form-control to-bin-location" placeholder="To bin" onclick="autocompleteToBinLocation(this)">
                                            @endif
                                                <span class="input-group-btn">
                                                    <button class="btn btn-default trash-item" type="button" onclick="clearInput(this)"
                                                            {{$disabled}} style="border-radius: 0px !important; " >
                                                        <span class="fa fa-remove"></span>
                                                    </button>
                                                </span>
                                        </div>
                                    </td>
                                    <td>{{ $receiptOrderLine->pickedBy?->first_name }} {{ $receiptOrderLine->pickedBy?->last_name }}</td>
                                    <td>{{ $receiptOrderLine->picked_date }}</td>
                                    <td class="tdActions">
                                        @if($receiptOrder->receipt_order_status_id != 1)
                                            <button type="button" class="btn {{$disabled ? "btn-default" : "btn-primary" }}"
                                                    onclick="transferLine(this)" {{$disabled}} style="width: 100px">
                                                {{$disabled ? "Transferred" : "Transfer" }}
                                            </button>
                                        @endif
                                        @if($receiptOrder->receipt_order_status_id == 2 and $disabled)
                                            <button class="fa fa fa-reply btn btn-danger rollback-item" onclick="rollbackTransfer(this)"></button>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="col-md-12">
                    @php
                        $showCompleteButton = !$receiptOrder->receiptOrderLines->contains('picked_by_id', null) && $receiptOrder->receipt_order_status_id == 2;
                    @endphp
                    @if($showCompleteButton)
                        @if(Auth::user()->rol_id == 1 || Auth::user()->id == $receiptOrder->admin_id || Auth::user()->isAdmin())
                            <button class="btn btn-success pull-right" onclick="completeReceiptOrder(this, {{ $receiptOrder->id }})">Complete</button>
                        @endif
                    @endif
                </div>
            </div>
        </div>
    </section>
@endsection

<style type="text/css">
@media(max-width: 990px) {
    .dvPickingTbl thead { display: none;}
    .dvPickingTbl { margin: 50px 0 0 0;}
    .dvPickingTbl table {}
    .dvPickingTbl table tr { display: flex; flex-wrap: wrap; position: relative; border-bottom: solid 2px #ccc; padding: 20px 5px; }
    .dvPickingTbl table tr td { box-sizing: border-box; padding: 0 !important; border-width: 0 !important;}
    .dvPickingTbl table tr td:first-child { flex: 0 0 30%; order: 1; font-weight: bold; }
    .dvPickingTbl table tr td:nth-child(2) { flex: 0 0 15%; order: 4; }
    .dvPickingTbl table tr td:nth-child(3) { flex: 0 0 65%; order: 5; }
    .dvPickingTbl table tr td:nth-child(4) { flex: 0 0 30%; order: 2; }
    .dvPickingTbl table tr td:nth-child(5) { flex: 0 0 30%; order: 3; }
    .dvPickingTbl table tr td:last-child { position: absolute; top: 20px; right: 0; display: flex; flex-wrap: wrap; flex-direction: column; }
    .dvPickingTbl table tr td:last-child > button:first-child { margin: 0 0 5px;}
}

</style>
<script src="{{ asset('js/jQuery/jquery-2.2.3.min.js') }}"></script>
<script src="{{ asset('js/bootstrap/js/bootstrap.min.js') }}"></script>
<script src="{{ asset('js/goods_receipt.js') }}"></script>
<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>