@extends('layouts.backend')
@section('mainContentArea')
<div class="card card-default">
    <div class="card-header">
        <h4>
            Update / Preview Warehouse Sales Return
            <a href="{{ route('pos-to-warehouse-sale-returns.index') }}" class="btn btn-info float-right btn-sm backBtn"> Back</a>
        </h4>
    </div>
    <div class="card-body">
        <div class="row">
            <div class="col-md-3"><h5>Return Details</h5></div>
            <div class="col-md-9"><h5>Inwarded Products <span class="float-right totalScannedItems"></span></h5></div>
            <div class="col-md-3 border-right">
                <small><b>From POS</b></small>
                <p><small><b>{{ $whSaleReturn->fromWarehouse->name }}</b></small></p>
                <small><b>To Warehouse</b></small>
                <p><small><b>{{ $whSaleReturn->toWarehouse->name }}</b></small></p>
                <small><b>Reason</b></small>
                <p><small><b>{{ $whSaleReturn->reason }}</b></small></p>
                @if($whSaleReturn->infactory == 1)
                <div class="alert alert-success text-center">
                    In Factory
                </div>
                @elseif($whSaleReturn->intransit == 1)
                <div class="alert alert-success text-center">
                    In Transit
                </div>
                @else
                <form action="{{ route('pos-to-warehouse-sale-returns-approve') }}" onsubmit="return approveRequest(this);" method="post">
                @csrf
                    <input type="hidden" name="return_id" value="{{ $whSaleReturn->id }}">
                    <div class="form-group frmFlds"><button class="btn btn-success btn-block btn-sm"><i class="fa fas fa-check"></i> Approve Request</button></div>
                </form>
                @endif
                <div class="alert alert-info">
                    <h5>Inward barcode</h5>
                    <input type="text" id="inRetbarcode" class="form-control">
                </div>
            </div>
            <div class="col-md-9 fixTableParent">
                <table class="table table-striped table-bordered returnedProducts fixTable">
                    <thead>
                        <th>Barcode</th>
                        <th>Article</th>
                        <th>Size</th>
                        <th>Color</th>
                        <th>HSN</th>
                        <th>Code</th>
                        <th>MRP</th>
                        <th>Discount</th>
                        <th>Tax Amt.</th>
                        <th>Total</th>
                        <th>Inwarded</th>
                    </thead>
                    <tbody>
                        @foreach($whSaleReturn->products as $product)
                        <tr class="{{ $product->barcode }}" style="display: none;">
                            <td>{{ $product->barcode }}</td>
                            <td>{{ $product->article }}</td>
                            <td>{{ $product->size }}</td>
                            <td>{{ $product->color }}</td>
                            <td>{{ $product->hsn }}</td>
                            <td>{{ $product->productcode }}</td>
                            <td>{{ number_format($product->net_unit_cost,2) }}</td>
                            <td>{{ $product->discount }}</td>
                            <td>{{ number_format($product->tax,2) }}</td>
                            <td>{{ number_format($product->total,2) }}</td>
                            <td class="text-success">Inwarded</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection
@section('extraJs')
<script>
    $("#inRetbarcode").keyup(function (e) {
        if(e.which == 13) {
            var barcode = $.trim($(this).val());
            if(barcode == '') {
                toastr.error('Please enter the barcode');
                return false;
            } else {
                $.post("{{ route('inward-sales-return-item') }}", {
                    _token: document.tokenForm._token.value,
                    return_id: {{ $whSaleReturn->id }},
                    barcode: barcode,
                }, function(result) {
                    var response = jQuery.parseJSON(result);
                    var p = response.product;
                    if(response.status == true) {
                        $("tr."+barcode).show();
                        toastr.success('Barcode Inwarded and Stock Updated');

                        $(".totalScannedItems").html('Total Items: ' + $(".returnedProducts tbody tr").length);
                        
                        $("#inRetbarcode").val('');
                        return false;
                    } else {
                        $("#inRetbarcode").val('');
                        toastr.error(response.info);
                        return false;
                    }
                    return false;
                });
            }
        }
    });
</script>
@endsection