@extends('layouts.backend')
@section('extraCss')
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/fixedheader/3.1.2/css/fixedHeader.dataTables.min.css">
@endsection
@section('mainContentArea')
@include('backend.pos-window.bill-menu')
<div class="card card-default">
    <div class="card-header">
        <h4>
            Audit Scans

            {{-- <form method="get" action="{{ route('warehouse-audit-close-stock')  }}" onsubmit="return confirm('Are you sure you want to Close Audit ');">
                @csrf
                <input type="hidden" class="form-control" name="pos_id" value="1">
                <input type="submit" style="float:right;width: 18%; color: white!important;font-size: 17px;" class="form-control btn btn-md btn-success" name="closeaudit" value='Close Audit'>
            </form>  --}}
            <!--<button type="button" class="btn btn-primary" data-toggle="modal" style="float:right;margin-top:30px;" data-target="#auditModal">-->
            <!--    upload Audit  -->
            <!--</button>-->
            
            <form method="get" action="{{ route('warehuse-audit-start-stock')  }}" onsubmit="return confirm('Are you sure you want to Start Audit ');">
                @csrf
                <input type="hidden" class="form-control" name="pos_id" value="2">
                <input type="submit" style="float:right;width: 10%; color: white!important;font-size: 17px;margin:2px;" class="form-control btn btn-md btn-success" name="closeaudit" value='Start Audit'>
            </form>
        </h4>
    </div>
    <div class="card-body">
        <table class="table table-striped">
            <thead>
                <tr>
                    <th>Select {{ $stype }}</th>
                    <th>Cell Num.</th>
                    <th>Scan Barcode</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>
                        <select name="store_id" id="store_id" class="form-control">
                                @foreach($ALL_WAREHOUSES as $pos)
                                    @if(in_array($pos->id, $assignedStores))
                                        @if($pos->id == 2)
                                            <option value="{{ $pos->id }}">{{ $pos->name }} {{ ' ' }} {{ $pos->city }}</option>
                                        @endif
                                    @endif
                                @endforeach
                        </select>
                    </td>
                    <td><input type="text" class="form-control" id="boxNum"></td>
                    <td><input type="text" class="form-control" id="auditBarcode"></td>
                </tr>
            </tbody>
        </table>
        <div class="row">
            <div class="col-md-12 table-responsive">
                <div class="text-right">Total Items: <span class="totalItems">{{ $totalsData }}</span></div>
                <form method="post" action="{{ route('audit-save-barcode-scans') }}" onsubmit="return confirm('Are you sure you want to lock this scan? Once locked the items cannot be reverted back! Press OK to continue! Press Cancel to abort!');">
                    {{-- <div class="text-right"><button class="btn btn-md btn-success"><i class="fa fas fa-save"></i> Save Scan Audit</button></div> --}}
                    @csrf
                    <table class="table table-striped table-bordered" id="scannedOutput">
                        <thead>
                            <th>Cell No.</th>
                            <th>Barcode</th>
                            <th>Article</th>
                            <th>Color</th>
                            <th>Size</th>
                            <th>MRP</th>
                            <th>Qty</th>
                            <th colspan="2">Action</th>
                        </thead>
                        <tbody>
                            @if($scannedData->count() > 0)
                            @foreach($scannedData as $obj)
                            <tr id="{{ $obj->barcode }}" data-id='{{ $obj->id }}'>
                                <td>{{ $obj->boxnum }}</td>
                                <td>{{ $obj->barcode }}</td>
                                <td>{{ $obj->article }}</td>
                                <td>{{ $obj->color }}</td>
                                <td>{{ $obj->size }}</td>
                                <td>{{ $obj->mrp }}</td>
                                <td>{{ '1' }}</td>
                                <td><button class="btn btn-sm btn-default" type="button" onclick="updateBarcodeInfo('{{ $obj->barcode }}');return false;">UPDATE</button></td>
                                <td><button class="btn btn-sm btn-danger" type="button" onclick="$(this).closest('tr').remove();updateC();deleteC(this);return false;">REMOVE</button></td>
                            </tr>
                            @endforeach
                            @endif
                        </tbody>
                    </table>
                </form>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="auditModal"  role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLabel">Uplaod Audit  </h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
            
            <form action="{{ route('warehouse-audit-uoload') }}" method="post" name="hsnFrm" enctype="multipart/form-data" data-select2-id="select2-data-14-lr0u">
                @csrf                
                <div class="row">   
                
                <div class="col-md-12">
                    <div class="form-group"><label for="hsnname">File</label><input type="file" class="form-control" name="file" id="hsnname" required="" value="" placeholder="Upload the txt file for barcodes"></div>
                    <div class="form-group">
                        <button class="btn btn-block btn-primary">Upload Audit</button>
                    </div>
                    <div class="form-group">
                        <a href="download-file.php?file=uploads/sample-party-order.txt" class="btn btn-block btn-success" target="_blank">Download File Format</a>
                        <h6>Steps:</h6>
                        <ol>
                            <li>Download the text file from the Download File Format Button above</li>
                            <li>Open the file with Excel</li>
                            <li>
                                Fill in the product code, barcode and outward value 
                                <br>
                                <span class="text-danger">Outward 0 means not outwarded, outward 1 means product is outwarded</span>
                            </li>
                            <li>Upload the File</li>
                        </ol>
                    </div>
                </div>
                </div>
            </form>

        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
          <button type="button" class="btn btn-primary">Save changes</button>
        </div>
      </div>
    </div>
</div>

@endsection
@section('extraJs')
<script>
$("#auditBarcode").keyup(function (event) {
    if(event.which == 13) {
      var barcode = event.target.value;
      var boxNum = $("#boxNum").val();
      if($.trim(boxNum) == '') {
          toastr.error('Please enter the Cell Number')
          return false;
      }
      if($.trim(barcode) == '') {
          toastr.error('Please enter the Barcode')
          return false;
      }
      if($('tr.'+barcode).length > 0) {
        //Edited 28-06-2022
          //toastr.error('Barocode already scanned and is in the list!')
          //return false;
      }
      atc(barcode);
    }
});

function updateBarcodeInfo(barcode) {
    var article = $(".article_"+barcode).val();
    var size = $(".size_"+barcode).val();
    var color = $(".color_"+barcode).val();
    var qty = $(".qty_"+barcode).val();
    var mrp = $(".mrp_"+barcode).val();
    var article_old = $(".article_old_"+barcode).val();
    var size_old = $(".size_old_"+barcode).val();
    var color_old = $(".color_old_"+barcode).val();
    var mrp_old = $(".mrp_old_"+barcode).val();
    var rowsid = $(".rowsid_"+barcode).val();
    var warehouse_id = $("#store_id").val();
    $.post("{{ route('audit-update-barcode-info') }}", {
        _token: document.tokenForm._token.value,
        product_id: article,
        size_id: size,
        color_id: color,
        qty: qty,
        mrp: mrp,
        warehouse_id: warehouse_id,
        barcode: barcode,
        article_old: article_old,
        size_old: size_old,
        color_old: color_old,
        mrp_old: mrp_old,
        rowsid: rowsid,
        warehouse_id: warehouse_id,
        barcode: barcode
    }, function(result) {
        var response = jQuery.parseJSON(result);
        if(response.status == true) {
            toastr.success(response.info);
            var barcodeInfo = response.barcodeInfo;
            $('tr[data-id="' + rowsid + '"] .articletd').text(barcodeInfo.article);
            $('tr[data-id="' + rowsid + '"] .colortd').text(barcodeInfo.color);
            $('tr[data-id="' + rowsid + '"] .sizetd').text(barcodeInfo.size);
            $('tr[data-id="' + rowsid + '"] .mrptd').text(barcodeInfo.mrp);
            return false;
        } else {
            toastr.error(response.info);
            return false;
        }
        return false;
    });
}

function atc(barcode) {
    var boxNum = $("#boxNum").val();
    $.post("{{ route('audit-get-scan-barcode-info') }}", {
        _token: document.tokenForm._token.value,
        barcode: barcode,
        pos_id: $("#store_id").val(),
        boxNum: boxNum,
        save_audit: 1
    }, function(result) {
        var response = jQuery.parseJSON(result);
        if(response.status == true) {
            toastr.success(response.info);
            var barcodeInfo = response.barcodeInfo;
            var bInsert = response.bInsert;
            $("#auditBarcode").val('');
            $("#auditBarcode").focus();
            // POPULATE THE RECORDS
            var html = '';
            var pold = '';
            var cold = '';
            var sold = '';
            var articleSelect = '<select class="article_'+barcode+' form-control" name="article[]">';
                for(var idx = 0; idx < response.articles.length; idx++) {
                    if(response.articles[idx].code == barcodeInfo.article) {
                        pold = response.articles[idx].id;
                        articleSelect+='<option value="'+response.articles[idx].id+'" selected>'+response.articles[idx].code+'</option>';
                    } else {
                        articleSelect+='<option value="'+response.articles[idx].id+'">'+response.articles[idx].code+'</option>';
                    }
                }
                articleSelect+='</select><input type="hidden" class="article_old_'+barcode+'" value="'+pold+'">';
            var colorSelect = '<select class="color_'+barcode+' form-control" name="color[]">';
                for(var idx = 0; idx < response.colors.length; idx++) {
                    if(response.colors[idx].name == barcodeInfo.color) {
                        cold = response.colors[idx].id;
                        colorSelect+='<option value="'+response.colors[idx].id+'" selected>'+response.colors[idx].name+'</option>';
                    } else {
                        colorSelect+='<option value="'+response.colors[idx].id+'">'+response.colors[idx].name+'</option>';
                    }
                }
                colorSelect+='</select><input type="hidden" class="color_old_'+barcode+'" value="'+cold+'">';
            var sizeSelect = '<select class="size_'+barcode+' form-control" name="size[]">';
                for(var idx = 0; idx < response.sizes.length; idx++) {
                    if(response.sizes[idx].name == barcodeInfo.size) {
                        sold = response.sizes[idx].id;
                        sizeSelect+='<option value="'+response.sizes[idx].id+'" selected>'+response.sizes[idx].name+'</option>';
                    } else {
                        sizeSelect+='<option value="'+response.sizes[idx].id+'">'+response.sizes[idx].name+'</option>';
                    }
                }
                sizeSelect+='</select><input type="hidden" class="size_old_'+barcode+'" value="'+sold+'">';

                //Edited 28-06-2022
            /*html+='<tr class="'+barcode+'">\
                    <td><input type="hidden" name="boxnum[]" value="'+boxNum+'">'+boxNum+'</td>\
                    <td><input type="hidden" name="barcode[]" value="'+barcode+'">'+barcode+'</td>\
                    <td>'+articleSelect+'</td>\
                    <td>'+colorSelect+'</td>\
                    <td>'+sizeSelect+'<input type="hidden" name="warehouse_id[]" value="'+$("#store_id").val()+'"/></td>\
                    <td><input type="number" step="any" class="mrp_'+barcode+' form-control" name="mrp[]" value="'+barcodeInfo.mrp+'"></td>\
                    <td><input type="number"  class="qty_'+barcode+' form-control" name="qty[]" value="'+barcodeInfo.qty+'"></td>\
                    <td><button class="btn btn-sm btn-default" type="button" onclick="updateBarcodeInfo(\''+barcode+'\');return false;">UPDATE</button></td>\
                    <td><button class="btn btn-sm btn-danger" type="button" onclick="$(\'tr.'+barcode+'\').remove();return false;">REMOVE</button></td>\
                    </tr>\
            ';*/
            html+='<tr class="'+barcode+'" data-id='+bInsert+'>\
                    <td><input type="hidden" class="rowsid_'+barcode+'" value="'+bInsert+'"><input type="hidden" name="boxnum[]" value="'+boxNum+'">'+boxNum+'</td>\
                    <td><input type="hidden" name="barcode[]" value="'+barcode+'">'+barcode+'</td>\
                    <td class="articletd">'+articleSelect+'</td>\
                    <td class="colortd">'+colorSelect+'</td>\
                    <td class="sizetd">'+sizeSelect+'<input type="hidden" name="warehouse_id[]" value="'+$("#store_id").val()+'"/></td>\
                    <td class="mrptd"><input type="hidden" class="mrp_old_'+barcode+'" value="'+barcodeInfo.mrp+'"><input type="number" step="any" class="mrp_'+barcode+' form-control" name="mrp[]" value="'+barcodeInfo.mrp+'"></td>\
                    <td>1<input type="hidden"  class="qty_'+barcode+' form-control" name="qty[]" value="1"></td>\
                    <td><button class="btn btn-sm btn-default" type="button" onclick="updateBarcodeInfo(\''+barcode+'\');return false;">UPDATE</button></td>\
                    <td><button class="btn btn-sm btn-danger" type="button" onclick="$(this).closest(\'tr\').remove();updateC();deleteC(this);return false;">REMOVE</button></td>\
                    </tr>\
            ';
            $("#scannedOutput tbody").prepend(html);
            //$("span.totalItems").html($("#scannedOutput tr").length - 1);
            $("span.totalItems").html(parseInt($("span.totalItems").text()) + 1);
            // POPULATE THE RECORDS
            return false;
        } else {
            toastr.error(response.info);
            $("#auditBarcode").val('');
            $("#auditBarcode").focus();
            var html = '';
            var articleSelect = '<select class="article_'+barcode+' form-control r_article" name="article[]">';
                for(var idx = 0; idx < response.articles.length; idx++) {
                    articleSelect+='<option value="'+response.articles[idx].id+'">'+response.articles[idx].code+'</option>';
                }
                articleSelect+='</select>';
            var colorSelect = '<select class="color_'+barcode+' form-control r_color" name="color[]">';
                for(var idx = 0; idx < response.colors.length; idx++) {
                    colorSelect+='<option value="'+response.colors[idx].name+'">'+response.colors[idx].name+'</option>';
                }
                colorSelect+='</select>';
            var sizeSelect = '<select class="size_'+barcode+' form-control r_size" name="size[]">';
                for(var idx = 0; idx < response.sizes.length; idx++) {
                    sizeSelect+='<option value="'+response.sizes[idx].name+'">'+response.sizes[idx].name+'</option>';
                }
                sizeSelect+='</select>';
            html+='<tr class="'+barcode+'" id="'+response.rowid+'">\
                    <td><input type="hidden" name="boxnum[]" value="'+boxNum+'" class="r_boxnum">'+boxNum+'</td>\
                    <td><input type="hidden" name="barcode[]" value="'+barcode+'" class="r_barcode">'+barcode+'</td>\
                    <td>'+articleSelect+'</td>\
                    <td>'+colorSelect+'</td>\
                    <td>'+sizeSelect+'<input type="hidden" name="warehouse_id[]" value="'+$("#store_id").val()+'"/></td>\
                    <td><input type="number" step="any" class="mrp_'+barcode+' form-control r_mrp" name="mrp[]" value=""></td>\
                    <td>1<input type="hidden"  class="qty_'+barcode+' form-control" name="qty[]" value="1"></td>\
                    <td><button class="btn btn-sm btn-default" type="button" onclick="updateRowsInfo(\''+response.rowid+'\');return false;">UPDATE</button></td>\
                    <td><button class="btn btn-sm btn-danger" type="button" onclick="$(this).closest(\'tr\').remove();return false;">REMOVE</button></td>\
                    </tr>\
            ';
            $("#scannedOutput tbody").prepend(html);
            $("span.totalItems").html(parseInt($("span.totalItems").text()) + 1);
            return false;
        }
        return false;
    });
}

function updateRowsInfo(rows) {
    var boxNum = $('#'+rows).find('.r_boxnum').val();
    var barcode = $('#'+rows).find('.r_barcode').val();
    $.post("{{ route('audit-get-scan-barcode-info-update') }}", {
        _token: document.tokenForm._token.value,
        barcode: $('#'+rows).find('.r_barcode').val(),
        pos_id: $("#store_id").val(),
        boxNum: $('#'+rows).find('.r_boxnum').val(),
        save_audit: 1,
        article: $('#'+rows).find('.r_article').val(),
        color: $('#'+rows).find('.r_color').val(),
        size: $('#'+rows).find('.r_size').val(),
        mrp: $('#'+rows).find('.r_mrp').val(),
    }, function(result) {
        var response = jQuery.parseJSON(result);
        if(response.status == true) {
            toastr.success(response.info);
            var barcodeInfo = response.barcodeInfo;
            var bInsert = response.bInsert;
            var html = '';
            html+='<tr class="'+barcode+'" data-id='+bInsert+'>\
                    <td><input type="hidden" name="boxnum[]" value="'+boxNum+'" class="r_boxnum">'+boxNum+'</td>\
                    <td><input type="hidden" name="barcode[]" value="'+barcode+'" class="r_barcode">'+barcode+'</td>\
                    <td>'+barcodeInfo.article+'</td>\
                    <td>'+barcodeInfo.color+'</td>\
                    <td>'+barcodeInfo.size+'<input type="hidden" name="warehouse_id[]" value="'+$("#store_id").val()+'"/></td>\
                    <td><input type="number" step="any" class="mrp_'+barcode+' form-control" name="mrp[]" value="'+barcodeInfo.mrp+'" readonly></td>\
                    <td>1<input type="hidden"  class="qty_'+barcode+' form-control" name="qty[]" value="1"></td>\
                    <td><button class="btn btn-sm btn-default" type="button" disabled="disabled">UPDATED</button></td>\
                    <td><button class="btn btn-sm btn-danger" type="button" onclick="$(this).closest(\'tr\').remove();updateC();deleteC(this);return false;">REMOVE</button></td>\
                    </tr>\
            ';
            $('#'+rows).remove();
            $("#scannedOutput tbody").prepend(html);
            return false;
        } else {
            toastr.error(response.info);
            var barcodeInfo = response.barcodeInfo;
            var bInsert = response.bInsert;
            var html = '';
            html+='<tr class="'+barcode+'" data-id='+bInsert+'>\
                    <td><input type="hidden" name="boxnum[]" value="'+boxNum+'" class="r_boxnum">'+boxNum+'</td>\
                    <td><input type="hidden" name="barcode[]" value="'+barcode+'" class="r_barcode">'+barcode+'</td>\
                    <td>'+barcodeInfo.article+'</td>\
                    <td>'+barcodeInfo.color+'</td>\
                    <td>'+barcodeInfo.size+'<input type="hidden" name="warehouse_id[]" value="'+$("#store_id").val()+'"/></td>\
                    <td><input type="hidden" step="any" class="mrp_'+barcode+' form-control" name="mrp[]" value="'+barcodeInfo.mrp+'" readonly>'+barcodeInfo.mrp+'</td>\
                    <td>1<input type="hidden"  class="qty_'+barcode+' form-control" name="qty[]" value="1"></td>\
                    <td><button class="btn btn-sm btn-default" type="button" disabled="disabled">UPDATED</button></td>\
                    <td><button class="btn btn-sm btn-danger" type="button" onclick="$(this).closest(\'tr\').remove();updateC();deleteC(this);return false;">REMOVE</button></td>\
                    </tr>\
            ';
            $('#'+rows).remove();
            $("#scannedOutput tbody").prepend(html);
            return false;
        }
        return false;
    });
}

function updateC() {
    $("span.totalItems").html(parseInt($("span.totalItems").text()) - 1);
    //$("span.totalItems").html($("#scannedOutput tr").length - 1);
}
function deleteC(rows) {
    console.log($(rows).closest('tr').attr('data-id'));
    $.post("{{ route('audit-warehouse-scan-window-remove') }}", {
        _token: document.tokenForm._token.value,
        barcode: $(rows).closest('tr').attr('data-id'),
        pos_id: $("#store_id").val(),
        remove_audit: 1
    }, function(result) {

    });
}
</script>
@endsection