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

    <h3><a href="{{ route('purchase_orders.index') }}">Purchase Orders</a></h3>

    <section>
        <div class="box">
            <div class="box-body invoice boxEdit">

                <div class="row">
                    <div class="col-md-3">
                        <div class="form-group">
                            <label>DocNum</label>
                            <input type="text" class="form-control" value="{{ $purchaseOrder->bo_doc_num }}" disabled>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label>DocEntry</label>
                            <input type="text" class="form-control" value="{{ $purchaseOrder->bo_doc_entry }}" disabled>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3">
                        <div class="form-group">
                            <label>Branch</label>
                            <input type="text" class="form-control" value="{{ $purchaseOrder->branch->name }}" disabled>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label>Supplier</label>
                            <input type="text" class="form-control" value="{{ $purchaseOrder->supplier->document }} - {{ $purchaseOrder->supplier->first_name }}" disabled>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3">
                        <div class="form-group">
                            <label>Doc Date</label>
                            <input type="text" class="form-control" value="{{ $purchaseOrder->bo_doc_date }}" disabled>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label>Doc Due Date</label>
                            <input type="text" class="form-control" value="{{ $purchaseOrder->bo_doc_due_date }}" disabled>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-12 table-responsive dvPickingTbl">
                        <table class="table table-striped" id="table-replenish">
                            <thead>
                            <tr>
                                <th>Product</th>
                                <th>Quantity</th>
                                <th>Price</th>
                                <th>Subtotal</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($purchaseOrder->purchaseOrderLines as $purchaseOrderLine)
                                <tr>
                                    <td>{{ $purchaseOrderLine->product->plu }}</td>
                                    <td>{{ $purchaseOrderLine->quantity }}</td>
                                    <td>{{ $purchaseOrderLine->price }}</td>
                                    <td>{{ $purchaseOrderLine->line_total }}</td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

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