@extends('layouts.backend')

@section('extraCss')
<style>
    .select2-container--open .select2-dropdown--below {
        min-width:200px !important;
    }
    .tblPosOrdList td, .tblPosOrdList th {
        font-size:12px;
    }
</style>
@endsection

@section('mainContentArea')
<div class="card card-default">
    <div class="card-header">
        <div class="clearfix"></div>
        <h4 class="float-left">Inward POS Purchase Order Items</h4>
        <div class="px-2 mx-1 alert alert-success text-bold float-right">Total Remaining: <span class="_totalRemaining">{{ !empty($purchaseOrder->salesOrder) ? $purchaseOrder->salesOrder->products_outward - $purchaseOrder->items->sum('inwarded') : 0 }}</span></div>
        <div class="px-2 mx-1 alert alert-warning text-bold float-right">Total Inwarded: <span class="_totalInwarded">{{ $purchaseOrder->items->sum('inwarded') }}</span></div>
        <div class="px-2 mx-1 alert alert-primary text-bold float-right">Available for Inward: <span class="_totalAvailable">{{ !empty($purchaseOrder->salesOrder) ? $purchaseOrder->salesOrder->products_outward - $purchaseOrder->items->sum('inwarded') : 0 }}</span></div>
        <div class="px-2 mx-1 alert alert-primary text-bold float-right">
            <div class="clearfix">Enter barcode and get inwarded status</div>
            <div class="input-group">
                <input type="text" id="bcodeStatus" class="form-control" placeholder="Enter barcode for status" onkeyup="if(this.value == ''){$('.bcodeStatus').html('');}">
                <button type="button" onclick="getInwardedBarcodeCount();" class="btn btn-success btn-sm">Get Status</button>
            </div>
            <div><b><sub class="bcodeStatus text-danger"></sub></b></div>
        </div>
        <div class="clearfix"></div>
    </div>
    <div class="card-body">
        <div class="row">
            <div class="col-md-12">
                <h5>Inward Items<hr/> <span class="totalItemsInwarded float-right">Total Items: 0</span></h5>
                <table class="table table-striped table-bordered">
                    <tr>
                        <td width="100"><input type="checkbox" id="skipUniq" name="skipUniq" value="1"/> Skip Uniqe Validation</td>
                        <td width="100">Barcode:</td>
                        <td width="200"><input type="text" id="scanBarcodeInward" class="form-control" value=""></td>
                    </tr>
                </table>
            </div>
            <div class="col-md-12" style="height:200px;">
                <table class="table table-striped table-bordered fixTable inwardedRecs">
                    <thead>
                        <tr>
                            <th>SO Ref#</th>
                            <th>PO Ref#</th>
                            <th>Warehouse</th>
                            <th>POS</th>
                            <th>Article</th>
                            <th>Color</th>
                            <th>Size</th>
                            <th>Code</th>
                            <th>MRP</th>
                            <th>Barcode</th>
                            <th>Status</th>
                        </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection

@section('extraJs')
<script>
    var COUNTER = 1;
    $("#scanBarcodeInward").keypress(function(e) {
        var barcode = $.trim($(this).val());
        if(document.getElementById("skipUniq").checked == true) {
            var skipUniq = 1;
        } else {
            var skipUniq = 1;
        }

        if(e.which == 13) {
           if(barcode == '') {
                toastr.error('Please enter the Barcode');
                return false;
            } else {
                $.post("{{ route('inward-po-item') }}", {
                    _token: document.tokenForm._token.value,
                    barcode: barcode,
                    skipUniq: skipUniq,
                    orderid: {{ empty($purchaseOrder) ? 0 : $purchaseOrder->id }},
                    sid: {{ empty($purchaseOrder->sid) ? 0 : $purchaseOrder->sid }},
                    inwardtowarehouse: {{ empty($purchaseOrder->to_pos) ? 0 : $purchaseOrder->to_pos }},
                }, function(result) {
                    var response = jQuery.parseJSON(result);
                    if (response.status == false) {
                        toastr.error(response.info);
                        return false;
                    } else if (response.status == true) {
                        var record = response.data;
                        var html = '<tr> \
                            <td>'+record.po+'</td> \
                            <td>'+record.so+'</td> \
                            <td>'+record.warehouse+'</td> \
                            <td>'+record.pos+'</td> \
                            <td>'+record.article+'</td> \
                            <td>'+record.color+'</td> \
                            <td>'+record.size+'</td> \
                            <td>'+record.code+'</td> \
                            <td>'+record.mrp+'</td> \
                            <td>'+record.barcode+'</td> \
                            <td><a href="#" onclick="return false" class="btn brn-sm btn-success"><i class="fa fas fa-check"></i> Inwarded</a></td> \
                            <tr> \
                        ';
                        $(".inwardedRecs tbody").prepend(html);
                        $("#scanBarcodeInward").val('');
                        $("#scanBarcodeInward").focus();
                        var _totAvailable = parseInt($("._totalAvailable").html());
                        var _totalInwarded = parseInt($("._totalInwarded").html());
                        var _totalRemaining = parseInt($("._totalRemaining").html());
                        _totalInwarded++;
                        _totalRemaining = _totAvailable - _totalInwarded;
                        $("._totalInwarded").html(_totalInwarded)
                        $("._totalRemaining").html(_totalRemaining)

                    }
                    var totalInwards = COUNTER;
                    if(totalInwards > 0) {
                        $(".totalItemsInwarded").html('Total Items: ' + COUNTER);
                    }
                    COUNTER++;
                    return false;
                });
            }
        }
    });

    function getInwardedBarcodeCount() {
        $.post("{{ route('get-inwarded-barcode-count') }}", {
                    _token: document.tokenForm._token.value,
                    barcode: $("#bcodeStatus").val(),
                    orderid: {{ empty($purchaseOrder) ? 0 : $purchaseOrder->id }}
                }, function(result) {
                    var response = jQuery.parseJSON(result);
                    if (response.status == false) {
                        toastr.error(response.info);
                        return false;
                    } else if (response.status == true) {
                        $('.bcodeStatus').html(response.info);
                    }
                    return false;
                });
    }
</script>
@endsection