@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 }}" @if($product->instock=='0') style="display: none;" @endif>
                            <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.toLowerCase()).show();
                        $("tr."+barcode.toUpperCase()).show();
                        $("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);
                        if(response.product) {
                            console.log(response.product);
                            if(response.productinfo) {
                                var productinfo = response.productinfo;
                            }
                            else {
                                var productinfo = Array();
                                productinfo['article'] = 0;
                                productinfo['color'] = 0;
                                productinfo['size'] = 0;
                                productinfo['hsn'] = 0;
                                productinfo['mrp'] = 0;
                                productinfo['code'] = 0;
                                productinfo['tax'] = 0;
                                productinfo['total'] = 0;
                            }
                            var html = '';
                            var articleSelect = '<select class="article_'+barcode+' form-control" name="article">';
                                for(var idx = 0; idx < response.articles.length; idx++) {
                                    if(response.articles[idx].code == productinfo.article) {
                                        articleSelect+='<option value="'+response.articles[idx].code+'" selected>'+response.articles[idx].code+'</option>';
                                    } else {
                                        articleSelect+='<option value="'+response.articles[idx].code+'">'+response.articles[idx].code+'</option>';
                                    }
                                }
                                articleSelect+='</select>';
                            var colorSelect = '<select class="color_'+barcode+' form-control" name="color">';
                                for(var idx = 0; idx < response.colors.length; idx++) {
                                    if(response.colors[idx].name == productinfo.color) {
                                        colorSelect+='<option value="'+response.colors[idx].name+'" selected>'+response.colors[idx].name+'</option>';
                                    } else {
                                        colorSelect+='<option value="'+response.colors[idx].name+'">'+response.colors[idx].name+'</option>';
                                    }
                                }
                                colorSelect+='</select>';
                            var sizeSelect = '<select class="size_'+barcode+' form-control" name="size">';
                                for(var idx = 0; idx < response.sizes.length; idx++) {
                                    if(response.sizes[idx].name == productinfo.size) {
                                        sizeSelect+='<option value="'+response.sizes[idx].name+'" selected>'+response.sizes[idx].name+'</option>';
                                    } else {
                                        sizeSelect+='<option value="'+response.sizes[idx].name+'">'+response.sizes[idx].name+'</option>';
                                    }
                                }
                                sizeSelect+='</select>';
                            html+='<td><input type="hidden" name="barcode" value="'+barcode+'">'+barcode+'</td>\
                                    <td>'+articleSelect+'</td>\
                                    <td>'+sizeSelect+'<input type="hidden" name="warehouse_id" value="1"/></td>\
                                    <td>'+colorSelect+'</td>\
                                    <td>'+productinfo.hsn+'</td>\
                                    <td>'+productinfo.code+'</td>\
                                    <td><input type="number" step="any" class="mrp_'+barcode+' form-control" name="mrp" value="'+productinfo.mrp+'"></td>\
                                    <td>0</td>\
                                    <td>'+productinfo.tax+'</td>\
                                    <td>'+productinfo.total+'</td>\
                                    <td><button class="btn btn-sm btn-info" type="button" onclick="inwardP(\''+barcode+'\');return false;">INWARD</button><button class="btn btn-sm btn-warning" type="button" onclick="cancelP(\''+barcode+'\');return false;">Cancel</button></td>\
                            ';
                            console.log(barcode);
                            $("tr."+barcode).html(html);
                            $("tr."+barcode.toLowerCase()).html(html);
                            $("tr."+barcode.toUpperCase()).html(html);
                            $("tr."+barcode.toLowerCase()).show();
                            $("tr."+barcode.toUpperCase()).show();
                            $("tr."+barcode).show();
                        }
                        return false;
                    }
                    return false;
                });
            }
        }
    });

    function inwardP(barcode) {
        var brow = barcode;
        if($("tr."+barcode.toLowerCase()).length)
            var brow = barcode.toLowerCase();
        if($("tr."+barcode.toUpperCase()).length)
            var brow = barcode.toUpperCase();
        console.log(brow + $('.'+brow+' select[name="article"]').val() + " - " + $('.'+brow+' select[name="size"]').val() + " - " + $('.'+brow+' select[name="color"]').val() + " - " + $('.'+brow+' input[name="mrp"]').val() + " - " + $('.'+brow+' input[name="warehouse_id"]').val());
        $.post("{{ route('inward-sales-return-item') }}", {
            _token: document.tokenForm._token.value,
            return_id: {{ $whSaleReturn->id }},
            barcode: brow,
            article: $('.'+brow+' select[name="article"]').val(),
            size: $('.'+brow+' select[name="size"]').val(),
            color: $('.'+brow+' select[name="color"]').val(),
            mrp: $('.'+brow+' input[name="mrp"]').val(),
            warehouse_id: $('.'+brow+' input[name="warehouse_id"]').val(),
            request: 'inwardP'
            }, function(result) {
                var response = jQuery.parseJSON(result);
                var p = response.product;
                if(response.status == true) {
                    var productinfo = response.inwardP;
                    var html = '';
                    html+='<td>'+barcode+'</td>\
                            <td>'+productinfo.article+'</td>\
                            <td>'+productinfo.size+'</td>\
                            <td>'+productinfo.color+'</td>\
                            <td>'+productinfo.hsn+'</td>\
                            <td>'+productinfo.productcode+'</td>\
                            <td>'+productinfo.net_unit_cost+'</td>\
                            <td>'+productinfo.discount+'</td>\
                            <td>'+productinfo.tax+'</td>\
                            <td>'+productinfo.total+'</td>\
                            <td class="text-success">Inwarded</td>\
                    ';
                    console.log(barcode);
                    toastr.success('Barcode Inwarded and Stock Updated');
                    $("tr."+brow).html(html);
                }
                else {
                    toastr.error(response.info);
                    return false;
                }
            }
        );
    }

    function cancelP(barcode) {
        $.post("{{ route('inward-sales-return-item') }}", {
            _token: document.tokenForm._token.value,
            return_id: {{ $whSaleReturn->id }},
            barcode: barcode,
            request: 'cancelP'
            }, function(result) {
                var response = jQuery.parseJSON(result);
                var p = response.product;
                if(response.status == true) {
                    var productinfo = response.product;
                    var html = '';
                    html+='<td>'+barcode+'</td>\
                            <td>'+productinfo.article+'</td>\
                            <td>'+productinfo.article+'</td>\
                            <td>'+productinfo.article+'</td>\
                            <td>'+productinfo.hsn+'</td>\
                            <td>'+productinfo.productcode+'</td>\
                            <td>'+productinfo.total+'</td>\
                            <td>'+productinfo.discount+'</td>\
                            <td>'+productinfo.tax+'</td>\
                            <td>'+productinfo.total+'</td>\
                            <td class="text-success">Inwarded</td>\
                    ';
                    console.log(barcode);
                    $("tr."+barcode).html(html);
                    $("tr."+barcode.toLowerCase()).html(html);
                    $("tr."+barcode.toUpperCase()).html(html);
                    $("tr."+barcode).hide();
                    $("tr."+barcode.toLowerCase()).hide();
                    $("tr."+barcode.toUpperCase()).hide();
                }
            }
        );
    }
</script>
@endsection