@extends('layouts.backend')
@section('mainContentArea')
<div class="card card-default">
    <div class="card-header">
        <h4>
            Add new Return
            <a href="{{ route('return-to-vendor') }}" class="btn btn-info btn-sm float-right">Back</a>
        </h4>
    </div>
    <div class="card-body">
        <div class="alert alert-info processingForm" style="display: none;">Submitting return please wait,,,</div>
        <div class="row mainFrmRow">
            <div class="col-md-3">
                <h5>Scan Products</h5>
                <table class="table table-bordered">
                    <tr>
                        <th>Box</th>
                        <th><input type="text" name="boxNum" id="rboxnum" class="form-control"></th>
                    </tr>
                    <tr>
                        <th>Barcode</th>
                        <th><input type="text" name="rbarcode" id="rbarcode" class="form-control"></th>
                    </tr>
                    <tr>
                        <th>Items</th>
                        <th class="totItems"></th>
                    </tr>
                    <tr>
                        <th>Total Amount</th>
                        <th class="totAmt"></th>
                    </tr>
                    <tr>
                        <th colspan="2"><button class="btn btn-block btn-success" type="button" onclick="saveVendorReturn();">Save Return</button></th>
                    </tr>
                </table>
            </div>
            <div class="col-md-9">
                        <!-- FORM-->
                <form
                    method="POST"
                    enctype="multipart/form-data"
                    name="vendorReturnFrm"
                    class="vendorReturnFrm"
                    @if(isset($return->id))
                        action="{{ route('vendor-return-update', ['id' => $return->id]) }}"
                    @else
                        action="{{ route('vendor-return-add') }}"
                    @endif
                    onsubmit="$('.posSaleOrderFromMain').hide(); $('.processingOrder').show()"
                >
                @csrf
                @isset($return->id)
                    {{ method_field('PUT') }}
                @endisset
                <div class="row">
                    <div class="form-group col-md-12"><h5>Basic Details</h5></div>
                    <div class="form-group col-md-4">
                        <label for="warehouse_id">From Warehouse</label>
                        <select name="warehouse_id" id="warehouse_id" class="form-control select2" required>
                            <option value="">Select Warehouse</option>
                            @foreach($ALL_WAREHOUSES as $warehouse)
                            <option value="{{ $warehouse->id }}" {{ !empty($return->warehouse_id) && $return->warehouse_id == $warehouse->id ? 'selected' : '' }}>{{ $warehouse->warehouse_code . ' ('.$warehouse->name.')' }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group col-md-4">
                        <label for="vendor_id">To Vendor</label>
                        <select name="vendor_id" id="vendor_id" class="form-control select2" required>
                            <option value="">Select Vendor</option>
                            @foreach($parties as $party)
                            <option value="{{ $party->id }}" {{ !empty($return->warehouse_id) && $return->vendor_id  == $party->id ? 'selected' : '' }}>{{ $party->name . ' ('.$party->company_name.')' }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group col-md-4">
                        <label for="return_date">Return Date</label>
                        <input type="text" name="return_date" id="return_date" class="form-control datepicker" readonly required value="{{ !empty($return->return_date) ? $return->return_date : date("Y-m-d") }}">
                    </div>
                    <div class="form-group col-md-12"><h5>Scan Products</h5></div>
                    <div class="col-md-12 fixTableParent">
                        <table class="table table-striped table-bordered fixTable retOut">
                            <thead>
                                <tr>
                                    <th>Box</th>
                                    <th>Barcode</th>
                                    <th>Product</th>
                                    <th>PO</th>
                                    <th>Article</th>
                                    <th>Color</th>
                                    <th>Size</th>
                                    <th>MRP</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                    </div>
                </div>
            </form>
                <!-- FORM-->
            </div>
        </div>      
    </div>
</div>
@endsection