@extends('layouts/pos_layout')
@section('title', '| '.$moduleTitle)
@section('content')
<!-- <link href="http://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css"> -->
<style>
    /*custom font*/

    @import url(http://fonts.googleapis.com/css?family=Montserrat);

    /*basic reset*/
    * {
        margin: 0;
        padding: 0;
    }

    body {
        font-family: montserrat, arial, verdana;
    }

    /*form styles*/
    #msform {
        width: 400px;
        margin: 50px auto;
        text-align: center;
        position: relative;
    }

    #msform label {
        text-align: left !important;
        position: relative;
    }

    #msform fieldset {
        background: white;
        border: 0 none;
        border-radius: 3px;
        box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
        padding: 20px 30px;
        box-sizing: border-box;
        width: 80%;
        margin: 0 10%;
        /*stacking fieldsets above each other*/
        position: absolute;
    }

    /*Hide all except first fieldset*/
    #msform fieldset:not(:first-of-type) {
        display: none;
    }

    /*inputs*/
    #msform input,
    #msform textarea {
        padding: 15px;
        border: 1px solid #ccc;
        border-radius: 3px;
        margin-bottom: 10px;
        width: 100%;
        box-sizing: border-box;
        font-family: montserrat;
        color: #2C3E50;
        font-size: 13px;
    }

    /*buttons*/
    #msform .action-button {
        width: 100px;
        background: #27AE60;
        font-weight: bold;
        color: white;
        border: 0 none;
        border-radius: 1px;
        cursor: pointer;
        padding: 10px 5px;
        margin: 10px 5px;
    }

    #msform .action-button:hover,
    #msform .action-button:focus {
        box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60;
    }

    /*headings*/
    .fs-title {
        font-size: 15px;
        text-transform: uppercase;
        color: #2C3E50;
        margin-bottom: 10px;
    }

    .fs-subtitle {
        font-weight: normal;
        font-size: 13px;
        color: #666;
        margin-bottom: 20px;
    }

    /*progressbar*/
    #progressbar {
        margin-bottom: 30px;
        overflow: hidden;
        /*CSS counters to number the steps*/
        counter-reset: step;
    }

    #progressbar li {
        list-style-type: none;
        color: white;
        text-transform: uppercase;
        font-size: 9px;
        width: 33.33%;
        float: left;
        position: relative;
    }

    #progressbar li:before {
        content: counter(step);
        counter-increment: step;
        width: 20px;
        line-height: 20px;
        display: block;
        font-size: 10px;
        color: #333;
        background: white;
        border-radius: 3px;
        margin: 0 auto 5px auto;
    }

    /*progressbar connectors*/
    #progressbar li:after {
        content: '';
        width: 100%;
        height: 2px;
        background: white;
        position: absolute;
        left: -50%;
        top: 9px;
        z-index: -1;
        /*put it behind the numbers*/
    }

    #progressbar li:first-child:after {
        /*connector not needed before the first step*/
        content: none;
    }

    /*marking active/completed steps green*/
    /*The number of the step and the connector before it = green*/
    #progressbar li.active:before,
    #progressbar li.active:after {
        background: #27AE60;
        color: white;
    }

    .pos-page-wrap {
        background: url('{{ url("/") }}/images/pos/inventory/inventorymood.png');
        background: linear-gradient(rgba(196, 102, 0, 0.2), rgba(155, 89, 182, 0.2)),
        url('{{ url("/") }}/images/pos/inventory/inventorymood.png');
    }

    .navbar.horizontal-menu.navbar-minimal.navbar-fixed-top+.page-container {
        margin-top: 81px !important;
    }

    .page-container .main-content {
        overflow: auto;
    }
</style>
<div class="row add-data-form" style="padding-bottom:20px;">
    @if($moodStatus == 'on')
    <h1 style="color: #fff;margin-top:30px" align="center" id="moodname">INVENTORY MOOD STARTED</h1>
    @else
    <h1 style="color: #fff;margin-top:30px" align="center" id="moodname">INVENTORY MOOD </h1>
    @endif

    <!-- multistep form -->
    <div id="msform">
        <!-- progressbar -->
        <ul id="progressbar">
            <li class="active">Mood Setup</li>
            <li>Stock Review</li>
            <li>Inventory Audit Process</li>
        </ul>
        <!-- fieldsets -->
        <fieldset>
            <h2 class="fs-title">Mood Setup</h2>
            <hr />
            <div class="form-group">
                <label class="control-label">Branch</label>
                {!! Form::select('branch_id', $branches, null, ['class' => 'form-control','id' => 'branch_id']) !!}
            </div>
            <div class="form-group">
                <label class="control-label">Inventory Mood?</label>
                <input type="text" name="inv_mood" id="inv_mood" class="form-control" value="{{ $barcodetype }}" readonly />
            </div>

            @if($moodStatus == 'on')
            <input type="button" name="next" class="next startedInventoryMood action-button button1" value="Continue" />
            @else
            <input type="button" name="next" class="startInventoryMood action-button button1" value="Start Inventory" />
            @endif

        </fieldset>
        <fieldset id="stockview">
            <h2 class="fs-title">Stock Review</h2>
            <hr />
            <div class="stock-table">
                <table class="table table-striped table-bordered table-condensed first-col-dark dataTable no-footer stock-review" cellpadding="0" cellspacing="0" width="100">
                    <thead>
                        <tr>
                            <th width="0"><b>SL No</b></th>
                            <th class="text-nowrap"><b>Purchase Date</b></th>
                            <th class="text-nowrap"><b>Product Name</b></th>
                            <th class="text-nowrap"><b>Product Brand</b></th>
                            <th class="text-nowrap"><b>Model Number</b></th>
                            <th class="text-nowrap"><b>PID/EMEI Number</b></th>
                            <th class="text-nowrap"><b>Purchase Duration (Days)</b></th>
                            <th class="text-nowrap"><b>Cost Price (Tk)</b></th>
                        </tr>

                    </thead>
                    <tbody id="table_data">
                    </tbody>
                    <tfoot align="right" id="table_footer_data">
                    </tfoot>
                </table>

            </div>

            <input type="button" name="next" class="next action-button" value="Next" />
        </fieldset>
        <fieldset>
            <h2 class="fs-title">Inventory Audit Process</h2>
            <hr />

            <table>
                <tr>
                    <td></td>
                </tr>
            </table>

            <div class="form-group">
                <table style="width: 40%;">
                    <tr>
                        <td>
                            <select name="pro_pid" class="form-control input-sm custom-select2" id="pro_pid" style="width: 100%">
                                <option value="">Select A PID</option>
                            </select>
                        </td>
                        <td>
                            <button type="button" class="form-control btn btn-primary" id="pid_submit" style="margin-top: 10px;">Search</button>
                        </td>
                    </tr>
                </table>

            </div>
            <div class="inventory-count-div">
                <h4>Scanned Products</h4>
                <hr />
                {!! Form::open(array('url' => '', 'role' => 'form', 'class'=>'form-horizontal form-groups', 'id' => 'formSubmit')) !!}
                <input type="text" value="" name="billno" id="billno" style="float:right;width: 20%;background-color: #e9e9e9;font-weight: bold;" readonly>
                <input type="hidden" value="" name="branchIdSc" id="branchIdSc" style="float:right;">
                <input type="hidden" value="" name="activeDate" id="activeDate" style="float:right;">
                <table class="table table-striped table-bordered table-condensed first-col-dark dataTable no-footer invenory-count-table" cellpadding="0" cellspacing="0" width="100">
                    <thead>
                        <tr>
                            <th class="text-nowrap"><b>Product Name</b></th>
                            <th class="text-nowrap"><b>Product Barcode</b></th>
                            <th class="text-nowrap"><b>Product PID</b></th>
                            <th class="text-nowrap"><b>Before Stock</b></th>
                            <th class="text-nowrap"><b>Adjustments</b></th>
                            <th class="text-nowrap"><b>After Stock</b></th>
                        </tr>

                    </thead>
                    <tbody id="table_data_sc">
                    </tbody>
                    <tfoot align="right" id="table_footer_data_sc">
                    </tfoot>
                </table>
                {!! Form::close() !!}
            </div>
            <!-- <input type="button" name="previous" class="previous action-button" value="Previous" /> -->
            <input type="submit" name="submit" class="submit action-button" value="Submit" />
        </fieldset>
    </div>

    <!-- jQuery -->
    <!-- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> -->
    <!-- jQuery easing plugin -->
    <script src="{{ asset('js/inventory/jquery.easing.min.js') }}" type="text/javascript"></script>
    <script>
        //==========section for turn off instepct element
        // document.onkeydown = function(e) {
        //     if (event.keyCode == 123) {
        //         return false;
        //     }
        //     if (e.ctrlKey && e.shiftKey && e.keyCode == 'I'.charCodeAt(0)) {
        //         return false;
        //     }
        //     if (e.ctrlKey && e.shiftKey && e.keyCode == 'J'.charCodeAt(0)) {
        //         return false;
        //     }
        //     if (e.ctrlKey && e.keyCode == 'U'.charCodeAt(0)) {
        //         return false;
        //     }
        // }
        //====================

        $(function() {

            //jQuery time
            var current_fs, next_fs, previous_fs; //fieldsets
            var left, opacity, scale; //fieldset properties which we will animate
            var animating; //flag to prevent quick multi-click glitches

            $('.stock-table').hide();


            $(".startInventoryMood").click(function() {

                $('#table_data').html('');
                $('#table_data_sc').html('');
                $('#billno').val('');
                $('#branchIdSc').val('');
                $('#activeDate').val('');
                const swalWithBootstrapButtons = Swal.mixin({
                    customClass: {
                        confirmButton: 'btn btn-success',
                        cancelButton: 'btn btn-danger'
                    },
                    buttonsStyling: false
                })

                swalWithBootstrapButtons.fire({
                    title: 'Are you really want to go to inventory mood?',
                    html: "<p style='color:red;font-size: 12px;font-weight: bold;'> Please note that if inventory mood is on all access and transaction will be paused for this branch untill going back to inventory mood off.</p> ",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonText: 'Yes, Proceed!',
                    cancelButtonText: 'No, cancel!',
                    reverseButtons: true
                }).then((result) => {
                    if (result.isConfirmed) {
                        let timerInterval
                        Swal.fire({
                            title: 'Inventory Mood Starting...',
                            html: 'Inventory Mood open within <b></b> milliseconds.',
                            timer: 2000,
                            timerProgressBar: true,
                            didOpen: () => {
                                Swal.showLoading()
                                const b = Swal.getHtmlContainer().querySelector('b')
                                timerInterval = setInterval(() => {
                                    b.textContent = Swal.getTimerLeft()
                                }, 100)
                            },
                            willClose: () => {
                                clearInterval(timerInterval)
                            }
                        }).then((result) => {
                            /* Read more about handling dismissals below */
                            if (result.dismiss === Swal.DismissReason.timer) {

                                if (animating) return false;
                                animating = true;

                                current_fs = $('.startInventoryMood').parent();
                                next_fs = $('.startInventoryMood').parent().next();

                                var branch_id = $('#branch_id').val();
                                var moode = $('#inv_mood').val();

                                //activate next step on progressbar using the index of next_fs
                                $("#progressbar li").eq($("fieldset").index(next_fs)).addClass("active");

                                //show the next fieldset
                                next_fs.show();
                                //hide the current fieldset with style
                                current_fs.animate({
                                    opacity: 0
                                }, {
                                    step: function(now, mx) {
                                        //as the opacity of current_fs reduces to 0 - stored in "now"
                                        //1. scale current_fs down to 80%
                                        scale = 1 - (1 - now) * 0.2;
                                        //2. bring next_fs from the right(50%)
                                        left = (now * 50) + "%";
                                        //3. increase opacity of next_fs to 1 as it moves in
                                        opacity = 1 - now;
                                        current_fs.css({
                                            'transform': 'scale(' + scale + ')'
                                        });
                                        next_fs.css({
                                            'left': left,
                                            'opacity': opacity
                                        });
                                    },
                                    duration: 800,
                                    complete: function() {
                                        current_fs.hide();
                                        animating = false;
                                        $('#msform').css({
                                            'width': '100%',
                                            'margin': '25px auto',
                                            'position': 'relative'
                                        });

                                        $.ajax({
                                            type: 'post',
                                            url: '{{ route("getStockInfo_Inventory") }}',
                                            data: {
                                                '_token': '{{ csrf_token() }}',
                                                'branch_id': branch_id
                                            },
                                            dataType: 'json',
                                            success: function(_response) {
                                                // console.log(_response.data);
                                                // $('#loadingModal').hide();
                                                if (_response.responseTitle == 'success') {
                                                    var finalToalAmount = 0;
                                                    var finalToalQuantity = 0;
                                                    var serial = 0;

                                                    $('#billno').val(_response.billno);
                                                    $('#branchIdSc').val(_response.branch);
                                                    $('#activeDate').val(_response.active_date);

                                                    $.each(_response.data, function(key, SingleBranchValue) {

                                                        var html = '';
                                                        var scanhtml = '';
                                                        var totalCostAmount = 0;
                                                        $.each(SingleBranchValue, function(key, value) {
                                                            serial++;
                                                            html = '<tr id="sl' + value.id + '">';
                                                            html += '<td>' + serial + ' </td>';
                                                            html += '<td  style="text-align:center"> ' + value.view_purchase_date + ' </td>';
                                                            html += '<td  style="text-align:center"> ' + value.view_product_name + ' </td>';
                                                            html += '<td  style="text-align:center"> ' + value.view_brand_name + '  </td>';
                                                            html += '<td  style="text-align:center"> ' + value.view_model_name + '  </td>';
                                                            html += '<td  style="text-align:center"> ' + value.view_barcode_serial + '  </td>';
                                                            html += '<td  style="text-align:center"> ' + value.view_date_difference + '  </td>';
                                                            html += '<td  style="text-align:right"> ' + zerocheck(value.view_cost_price) + '  </td>';
                                                            html += '</tr> ';

                                                            // for scan html
                                                            scanhtml = '<tr id="sl' + value.id + '">';
                                                            scanhtml += '<td> <input type="hidden" name="productIdFk[]"  value="' + value.view_product_id + '"/> ' + value.view_product_name + ' </td>';
                                                            scanhtml += '<td>' + value.view_product_barcode + ' </td>';
                                                            scanhtml += '<td  style="text-align:center"><input type="hidden" name="product_barcode_details_id[]"  value="' + value.id + '"/> ' + value.view_barcode_serial + ' </td>';
                                                            scanhtml += '<td  style="text-align:center"><input type="hidden" name="openingBalanceAmount[]"  value="' + value.view_product_costamount + '"/> <input type="hidden" name="openingBalanceQty[]"  value="1"/> 1 </td>';
                                                            scanhtml += '<td  style="text-align:center"><input type="hidden" name="adjustmentAmount[]"  value="' + value.view_product_costamount + '"/> <input type="hidden" name="adjustmentQty[]"  value="-1"/> -1  </td>';
                                                            scanhtml += '<td  style="text-align:center"><input type="hidden" name="closeingBalanceAmount[]"  value="' + value.view_product_costamount + '"/> <input type="hidden" name="closeingBalanceQty[]"  value="0"/> 0  </td>';
                                                            scanhtml += '</tr> ';

                                                            totalCostAmount += parseFloat(value.view_cost_price);
                                                            $('#table_data').append(html);
                                                            $('#table_data_sc').append(scanhtml);

                                                        });
                                                        html1 = '<tr class="footerrow">';
                                                        html1 += '<td style="text-align:center" class="text-nowrap" colspan="7">' + _response.branch[key] + ' ( Total Quantity ' + SingleBranchValue.length + ' ) </td>';
                                                        html1 += '<td style="text-align:right" >' + zerocheck(totalCostAmount) + '</td>';
                                                        html1 += '</tr> ';
                                                        $('#table_data').append(html1);

                                                        finalToalAmount += parseFloat(totalCostAmount);
                                                        finalToalQuantity += parseFloat(SingleBranchValue.length);
                                                    });
                                                    html2 = '<tr class="footerrow">';
                                                    html2 += '<td style="text-align:center" class="text-nowrap" colspan="7">Total Quantity ( ' + finalToalQuantity + ' ), Total Amount </td>';
                                                    html2 += '<td style="text-align:right" >' + zerocheck(finalToalAmount) + '</td>';
                                                    html2 += '</tr> ';

                                                    $('#table_data').append(html2);
                                                    // for pid in seach select2
                                                    $("#pro_pid").empty();
                                                    $("#pro_pid").prepend('<option selected="selected" value="">Select a Pid</option>');

                                                    $.each(_response.pids, function(key, value) {
                                                        $('#pro_pid').append("<option value='" + key + "'>" + value + "</option>");
                                                    });



                                                } else {
                                                    Swal.fire({
                                                        icon: 'error',
                                                        title: _response.text,
                                                        showConfirmButton: true
                                                    })
                                                    setTimeout(function() {
                                                        window.location.href = "{{ route('Inventory') }}";
                                                    }, 5000);
                                                }

                                            },
                                            error: function(_response) {
                                                toastr.error('_response.errors');

                                            }
                                        });
                                        $('.stock-table').show();

                                    },
                                    //this comes from the custom easing plugin
                                    easing: 'easeInOutBack'
                                });

                            }
                        })

                    }
                })




            });



            $(".next").click(function() {
                $('#table_data').html('');
                $('#table_data_sc').html('');
                $('#billno').val('');
                $('#branchIdSc').val('');
                $('#activeDate').val('');
                if (animating) return false;
                animating = true;

                current_fs = $(this).parent();
                next_fs = $(this).parent().next();

                var branch_id = $('#branch_id').val();
                var moode = $('#inv_mood').val();
                console.log(branch_id);
                //activate next step on progressbar using the index of next_fs
                $("#progressbar li").eq($("fieldset").index(next_fs)).addClass("active");

                //show the next fieldset
                next_fs.show();
                //hide the current fieldset with style
                current_fs.animate({
                    opacity: 0
                }, {
                    step: function(now, mx) {
                        //as the opacity of current_fs reduces to 0 - stored in "now"
                        //1. scale current_fs down to 80%
                        scale = 1 - (1 - now) * 0.2;
                        //2. bring next_fs from the right(50%)
                        left = (now * 50) + "%";
                        //3. increase opacity of next_fs to 1 as it moves in
                        opacity = 1 - now;
                        current_fs.css({
                            'transform': 'scale(' + scale + ')'
                        });
                        next_fs.css({
                            'left': left,
                            'opacity': opacity
                        });
                    },
                    duration: 800,
                    complete: function() {
                        current_fs.hide();
                        animating = false;
                        // var mStatus = $('.next').hasClass("startedInventoryMood");
                        var mStatus = true;
                        console.log(mStatus);
                        if (mStatus == true) {
                            $('#msform').css({
                                'width': '100%',
                                'margin': '25px auto',
                                'position': 'relative'
                            });

                            $.ajax({
                                type: 'post',
                                url: '{{ route("getStockInfo_Inventory") }}',
                                data: {
                                    '_token': '{{ csrf_token() }}',
                                    'branch_id': branch_id
                                },
                                dataType: 'json',
                                success: function(_response) {
                                    // console.log(_response.data);
                                    // $('#loadingModal').hide();
                                    if (_response.responseTitle == 'success') {
                                        var finalToalAmount = 0;
                                        var finalToalQuantity = 0;
                                        var serial = 0;
                                        $('#billno').val(_response.billno);
                                        $('#branchIdSc').val(_response.branch);
                                        $('#activeDate').val(_response.active_date);
                                        $.each(_response.data, function(key, SingleBranchValue) {

                                            var html = '';
                                            var scanhtml = '';
                                            var totalCostAmount = 0;
                                            $.each(SingleBranchValue, function(key, value) {
                                                serial++;
                                                html = '<tr id="sl' + value.id + '">';
                                                html += '<td>' + serial + ' </td>';
                                                html += '<td  style="text-align:center"> ' + value.view_purchase_date + ' </td>';
                                                html += '<td  style="text-align:center"> ' + value.view_product_name + ' </td>';
                                                html += '<td  style="text-align:center"> ' + value.view_brand_name + '  </td>';
                                                html += '<td  style="text-align:center"> ' + value.view_model_name + '  </td>';
                                                html += '<td  style="text-align:center"> ' + value.view_barcode_serial + '  </td>';
                                                html += '<td  style="text-align:center"> ' + value.view_date_difference + '  </td>';
                                                html += '<td  style="text-align:right"> ' + zerocheck(value.view_cost_price) + '  </td>';
                                                html += '</tr> ';
                                                // for scan html
                                                scanhtml = '<tr id="sl' + value.id + '">';
                                                scanhtml += '<td> <input type="hidden" name="productIdFk[]"  value="' + value.view_product_id + '"/> ' + value.view_product_name + ' </td>';
                                                scanhtml += '<td>' + value.view_product_barcode + ' </td>';
                                                scanhtml += '<td  style="text-align:center"><input type="hidden" name="product_barcode_details_id[]"  value="' + value.id + '"/> ' + value.view_barcode_serial + ' </td>';
                                                scanhtml += '<td  style="text-align:center"><input type="hidden" name="openingBalanceAmount[]"  value="' + value.view_product_costamount + '"/> <input type="hidden" name="openingBalanceQty[]"  value="1"/> 1 </td>';
                                                scanhtml += '<td  style="text-align:center"><input type="hidden" name="adjustmentAmount[]"  value="' + value.view_product_costamount + '"/> <input type="hidden" name="adjustmentQty[]"  value="-1"/> -1  </td>';
                                                scanhtml += '<td  style="text-align:center"><input type="hidden" name="closeingBalanceAmount[]"  value="' + value.view_product_costamount + '"/> <input type="hidden" name="closeingBalanceQty[]"  value="0"/> 0  </td>';
                                                scanhtml += '</tr> ';

                                                totalCostAmount += parseFloat(value.view_cost_price);
                                                $('#table_data').append(html);
                                                $('#table_data_sc').append(scanhtml);

                                            });
                                            html1 = '<tr class="footerrow">';
                                            html1 += '<td style="text-align:center" class="text-nowrap" colspan="7">' + _response.branch[key] + ' ( Total Quantity ' + SingleBranchValue.length + ' ) </td>';
                                            html1 += '<td style="text-align:right" >' + zerocheck(totalCostAmount) + '</td>';
                                            html1 += '</tr> ';
                                            $('#table_data').append(html1);

                                            finalToalAmount += parseFloat(totalCostAmount);
                                            finalToalQuantity += parseFloat(SingleBranchValue.length);
                                        });
                                        html2 = '<tr class="footerrow">';
                                        html2 += '<td style="text-align:center" class="text-nowrap" colspan="7">Total Quantity ( ' + finalToalQuantity + ' ), Total Amount </td>';
                                        html2 += '<td style="text-align:right" >' + zerocheck(finalToalAmount) + '</td>';
                                        html2 += '</tr> ';

                                        $('#table_data').append(html2);

                                        // for pid in seach select2
                                        $("#pro_pid").empty();
                                        $("#pro_pid").prepend('<option selected="selected" value="">Select a Pid</option>');

                                        $.each(_response.pids, function(key, value) {
                                            $('#pro_pid').append("<option value='" + key + "'>" + value + "</option>");
                                        });


                                    } else {
                                        Swal.fire({
                                            icon: 'error',
                                            title: 'Something went wrong!',
                                            showConfirmButton: true
                                        })
                                        return false;
                                    }

                                },
                                error: function(_response) {
                                    toastr.error('_response.errors');

                                }
                            });
                            $('.stock-table').show();
                        }

                    },
                    //this comes from the custom easing plugin
                    easing: 'easeInOutBack'
                });
            });

            $(".previous").click(function() {
                if (animating) return false;
                animating = true;

                current_fs = $(this).parent();
                previous_fs = $(this).parent().prev();

                //de-activate current step on progressbar
                $("#progressbar li").eq($("fieldset").index(current_fs)).removeClass("active");

                //show the previous fieldset
                previous_fs.show();
                //hide the current fieldset with style
                current_fs.animate({
                    opacity: 0
                }, {
                    step: function(now, mx) {
                        //as the opacity of current_fs reduces to 0 - stored in "now"
                        //1. scale previous_fs from 80% to 100%
                        scale = 0.8 + (1 - now) * 0.2;
                        //2. take current_fs to the right(50%) - from 0%
                        left = ((1 - now) * 50) + "%";
                        //3. increase opacity of previous_fs to 1 as it moves in
                        opacity = 1 - now;
                        current_fs.css({
                            'left': left
                        });
                        previous_fs.css({
                            'transform': 'scale(' + scale + ')',
                            'opacity': opacity
                        });
                    },
                    duration: 800,
                    complete: function() {
                        current_fs.hide();
                        animating = false;
                    },
                    //this comes from the custom easing plugin
                    easing: 'easeInOutBack'
                });
            });

            $(".submit").click(function() {
                event.preventDefault();
                Swal.fire({
                    title: 'Are you sure?',
                    text: "Are you really want to complete inventory audit process",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Yes, Procced!'
                }).then((result) => {
                    let timerInterval
                    Swal.fire({
                        title: 'Inventory Mood Clossing!',
                        html: 'It will close in <b></b> milliseconds.',
                        timer: 2000,
                        timerProgressBar: true,
                        didOpen: () => {
                            Swal.showLoading()
                            const b = Swal.getHtmlContainer().querySelector('b')
                            timerInterval = setInterval(() => {
                                b.textContent = Swal.getTimerLeft()
                            }, 100)
                        },
                        willClose: () => {
                            clearInterval(timerInterval)
                        }
                    }).then((result) => {
                        if (result.dismiss === Swal.DismissReason.timer) {
                            var formData = new FormData($('#formSubmit')[0]);

                            $.ajax({
                                type: 'post',
                                url: '{{ route("storeInventoryAuditProcess") }}',
                                data: formData,
                                async: false,
                                cache: false,
                                contentType: false,
                                processData: false,
                                dataType: 'json',
                                success: function(_response) {
                                    if (_response.errors) {
                                        if (_response.errors['customer_id']) {
                                            Swal.fire({
                                                icon: 'error',
                                                title: _response.errors['customer_id'],
                                                text: 'Please select customer'
                                            });

                                            return false;
                                        }
                                        if (_response.errors['sales_bill_no']) {
                                            Swal.fire({
                                                icon: 'error',
                                                title: _response.errors['sales_bill_no'],
                                                text: 'Please select sales bill no'
                                            });

                                            return false;
                                        }
                                        if (_response.errors['collection_amount']) {
                                            Swal.fire({
                                                icon: 'error',
                                                title: _response.errors['collection_amount'],
                                                text: 'Please enter collection amount'
                                            });

                                            return false;
                                        }

                                    } else {
                                        if (_response.responseTitle == 'success') {
                                            Swal.fire({
                                                icon: 'success',
                                                title: _response.responseText,
                                                showConfirmButton: false,
                                                timer: 1500
                                            });

                                            setTimeout(function() {
                                                window.location.href = "{{ route('Inventory') }}";
                                            }, 1500);

                                        } else {
                                            Swal.fire({
                                                icon: 'error',
                                                title: _response.responseText,
                                                text: 'Please try again'
                                            });

                                            return false;
                                        }
                                    }
                                },
                                error: function(_response) {
                                    // Handle error
                                    alert(_response.errors);
                                }

                            });
                        }
                    })
                })


            })

        });

        // stock check
        $("#pid_submit").click(function() {
            var pro_pid = $('#pro_pid').val();
            var branch_id = $('#branch_id').val();
            console.log(pro_pid);
            $.ajax({
                type: 'post',
                url: '{{ route("checkStockByPid") }}',
                data: {
                    '_token': '{{ csrf_token() }}',
                    'branch_id': branch_id,
                    'pro_pid': pro_pid,
                },
                dataType: 'json',
                success: function(_response) {
                    // console.log(_response.data);
                    // $('#loadingModal').hide();
                    if (_response.responseTitle == 'success') {
                        var finalToalAmount = 0;
                        var finalToalQuantity = 0;
                        var serial = 0;
                        $.each(_response.data, function(key, SingleValue) {
                            serial++;
                            var html = '';
                            var totalCostAmount = 0;
                            html = '<tr id="sl' + SingleValue.sid + '">';
                            html += '<td  style="text-align:center"><input type="hidden" name="productIdFk[]"  value="' + SingleValue.productid + '"/> ' + SingleValue.productname + ' </td>';
                            html += '<td  style="text-align:center"> ' + SingleValue.productBarcode + ' </td>';
                            html += '<td  style="text-align:center"><input type="hidden" name="product_barcode_details_id[]"  value="' + SingleValue.sid + '"/> ' + SingleValue.producPid + ' </td>';
                            html += '<td  style="text-align:center"><input type="hidden" name="openingBalanceAmount[]"  value="' + SingleValue.productcostamount + '"/> <input type="hidden" name="openingBalanceQty[]"  value="' + SingleValue.beforeStock + '"/> ' + SingleValue.beforeStock + ' </td>';
                            html += '<td  style="text-align:center"><input type="hidden" name="adjustmentAmount[]"  value="' + SingleValue.productcostamount + '"/> <input type="hidden" name="adjustmentQty[]"  value="' + SingleValue.adjustment + '"/> +' + SingleValue.adjustment + ' </td>';
                            html += '<td  style="text-align:center"><input type="hidden" name="closeingBalanceAmount[]"  value="' + SingleValue.productcostamount + '"/> <input type="hidden" name="closeingBalanceQty[]"  value="' + SingleValue.afterStock + '"/> ' + SingleValue.afterStock + ' </td>';
                            html += '</tr> ';

                            var sss = SingleValue.sid;
                            $("#table_data_sc #sl" + sss).remove();
                            $('#table_data_sc').append(html);


                        });



                    } else {
                        Swal.fire({
                            icon: 'error',
                            title: 'Something went wrong!',
                            showConfirmButton: true
                        })
                        return false;
                    }

                },
                error: function(_response) {
                    toastr.error('_response.errors');

                }
            });

        });

        function zerocheck(value) {

            if (value == 0) {
                return "-";
            } else {
                return value.toLocaleString("en-IN", {
                    minimumFractionDigits: 2,
                    maximumFractionDigits: 2
                });
            }

        }
    </script>
</div>

<script>
    $(".numeric").keypress(function(e) {
        $(this).val($(this).val().replace(/[^0-9\.]/g, ''));
        if ((event.which != 46 || $(this).val().indexOf('.') != -1) && (event.which < 48 || event.which > 57)) {
            $("#numericError").html("Digits Only").show().fadeOut("slow");
            event.preventDefault();
        }
    });
</script>
@endsection