
<div class="row">
    <div class="container">
        <ol class="breadcrumb">
            <li class="active">التحقق من المنتجات المكررة</li>
        </ol>
        <div class="panel panel-default panel-m">
            <div class="panel-body">
                <!---------  end outputString alert ------------>
                <!-- <form class="form-inline hidden-print" action="productController.php?do=show" method="post"> -->
                    <div class="form-group">
                        <div class="col-md-2">
                            <label class="sr-only">الباركود</label>
                        </div>
                        <input type="text" name="parcode" id="parcode" class="form-control"
                               onkeypress="getproductbyParcode(event, this.value);">
                    </div>
                    
                <!-- </form> -->
                <br />
                <div id="productConflictedData">
                    {if $allData}
                    <table class="table table-bordered">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>اسم المنتج</th>
                                <th>رقم المنتج</th>
                                <th>الباركود</th>
                                <th>اسم المنتج2</th>
                                <th>رقم المنتج2</th>
                                <th>الباركود2</th>
                            </tr>
                        </thead>
                        <tbody>
                            {assign var="i" value=1}
                            {foreach $allData as $pro}
                            <tr>
                                <td>{$i}</td>
                                <td>{$pro.productName}</td>
                                <td><input type="number" name="productId{$i}" class="updateThis" data-col="productId" data-itr="{$i}"
                                        id="productId{$i}" data-val="{$pro.productId}" value="{$pro.productId}" /> </td>
                                <td><input type="text" name="parcode{$i}" class="updateThis" data-col="parcode" data-itr="{$i}"
                                        id="parcode{$i}" data-val="{$pro.parcode}" value="{$pro.parcode}" /></td>
                                <td>{$pro.pro2Name}</td>
                                <td><input type="number" name="productId2_{$i}" class="updateThis" data-col="productId" data-itr="{$i}"
                                        id="productId2_{$i}" data-val="{$pro.pro2Id}" value="{$pro.pro2Id}" /> </td>
                                <td><input type="text" name="parcode2_{$i}" class="updateThis" data-col="parcode" data-itr="{$i}"
                                        id="parcode2_{$i}" data-val="{$pro.pro2Parcode}" value="{$pro.pro2Parcode}" /></td>
                            </tr>
                            {assign var="i" value=$i+1}
                            {/foreach}
                    </table>
                    {/if}
                </div>
            </div>
        </div>
    </div>

    {literal}
    <script>
         $(document).ready(function () {
            $('body').on('change','.updateThis', function () {
                var itr = $(this).data('itr');
                var thisId = $(this).attr('id');
                var productId = $('#productId' + itr).data('val');
                if(thisId.slice(-1) === '2'){
                    productId = $('#productId2_' + itr).data('val');
                }
                var col = $(this).data('col');
                var newvalue = $(this).val();
                var oldvalue = $(this).data('val');
                if (newvalue != oldvalue) {
                    $.ajax({
                        url: 'productControllerAjax.php?do=updateConflictedProductData',
                        type: 'POST',
                        data: { newvalue: newvalue, col: col, productId: productId, oldvalue: oldvalue },
                        success: function (data) {
                            if (data == 1) {
                                alert('تم التحديث بنجاح');
                                $('#' + thisId).attr('data-val', newvalue);
                            } else {
                                alert('حدث خطأ أثناء التحديث، يرجى المحاولة مرة أخرى');
                                $('#' + thisId).val(oldvalue);
                            }
                        }
                    });
                }
            });
        });

        function getproductbyParcode(e, value) {
            //\s means "one space", and \s+ means "one or more spaces".
            value = value.replace(/\s+/g, '');//\s is the regex for "whitespace", and g is the "global" flag, meaning match ALL \s (whitespaces).
            var code = (e.keyCode ? e.keyCode : e.which);
            //to stop the submit of the form
            if (e.which == 13 && value != "") {
                var billnameid = 3;
                value = value.replace("ه", "i");//this replacement is for parcode reader
                value = value.replace("÷", "i");//this replacement is for parcode reader
                value = value.replace("/", "i");//this replacement is for parcode reader
                value = value.replace("I", "i");//this replacement is for parcode reader
                //alert(value.charAt(0));
                $.ajax({
                    url: 'productControllerAjax.php?do=getProductDataByParcode&parcode=' + value,
                    success: function (data) {
                        $('#productConflictedData').html(data);
                    }
                });
                // }
            }
        }
    </script>
    {/literal}