@{
    ViewBag.Title = "PaymentVoucher";
}

<script type="text/javascript" src="~/ProjectScript/PaymentVoucher.js"></script>
<script src="~/Scripts/Autocomplete/jquery-ui.js"></script>

<link rel="stylesheet" type="text/css" href="../../../app-assets/vendors/css/tables/jsgrid/jsgrid-theme.min.css">
<link rel="stylesheet" type="text/css" href="../../../app-assets/vendors/css/tables/jsgrid/jsgrid.min.css">
<script src="../app-assets/js/tooltip.js" type="text/javascript"></script>
<script type="text/javascript" src="~/ProjectScript/DosPrint.js"></script>
<script src="~/ProjectScript/Windowsprint.js"></script>
<style>
    #customView {
        border: 1px solid #CCD6E6;
    }

    /*.form-control
    {
        font-weight:bold;
    }*/
</style>


<script>

    function PrintthisBill() {

        if (VoucherBillType == 'LOCAL') {
            if (CopyFlag == 1)
                PrintthisBillWindows('PaymentEntry', $('#PendingInvoices tr').length, 'COPY')
            else
                PrintthisBillWindows('PaymentEntry1', $('#PendingInvoices tr').length, 'SAVE')
        }
        else if (VoucherBillType == 'DEFAULT') {
            if (CopyFlag == 1)
                PrintthisBillWindows('PaymentEntry', $('#PendingInvoices tr').length, 'DEFAULTCOPY')
            else                                                                                                           //windowsprint 

                PrintthisBillWindows('PaymentEntry', $('#PendingInvoices tr').length, 'DEFAULTSAVE')
        }
            //USEDCARS
        else if (VoucherBillType == 'USEDCARS-LAZOR') {
            if (CopyFlag == 1)
                PrintthisBillWindows('PaymentEntry', $('#PendingInvoices tr').length, 'LAZORCOPY')
            else
                PrintthisBillWindows('PaymentEntry', $('#PendingInvoices tr').length, 'LAZORSAVE')
        }
    }
</script>

<div class="myData" data-x="M76" />
<div id="Entry" style="margin-top:-20px;">
   
    <section class="grid-row-label" id="grid-row-label">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header" style="border-bottom:1px solid #e6e6e6">
                        <h3 class="card-title mb-0" style="float:left;font-weight:bold">Payment Voucher</h3>
                    </div>

                    <div class="card-content collapse show">
                        <div class="card-body" style="margin-top:-75px">

                            <form action="#">

                                <div class="form-body">
                                    <hr style="margin-top:75px" />

                                    <div class="row" style="background-color:#F0F6F6;margin-left:3px;width:100%;margin-top:-20px;height:198px;">
                                        <div class="col-md-12" style="margin-top:-5px;">
                                            <br />
                                            <div class="form-group">

                                                <div class="row">
                                                    <label class="col-md-1 text-lg-left" for="VoucherNo" style="font-weight:bold">Voucher#</label>
                                                    <div class="col-md-1">
                                                        <input type="text" id="VoucherNo" class="form-control" readonly="readonly">
                                                    </div>
                                                    <label class="text-lg-right" for="AccountType" style="font-weight:bold">Account Type<span class="danger">*</span></label>
                                                    <div class="col-md-2">
                                                        <select id="AccountType" onchange="AccTypeChange(this.id)" class="form-control"></select>
                                                        <input type="text" style="display:none" id="AccountTypeCode" />
                                                    </div>
                                                    <label class="text-lg-right" for="Type">TRX Type</label>
                                                    <div class="col-md-1 ">
                                                        <select id="Type" class="form-control" disabled>
                                                            <option value=0>-Select-</option>
                                                            <option value=1>CHQ</option>
                                                            <option value=2>NEFT</option>
                                                            <option value=3>RTGS</option>
                                                            <option value=4>IMPS</option>
                                                            <option value=5>ATM</option>
                                                            <option value=6>Others</option>

                                                        </select>

                                                    </div>

                                                    <label class="text-lg-right" for="ChequeNo" style="font-weight:bold">TRX/CHQ#</label>
                                                    <div class="col-md-1">
                                                        <input type="text" id="ChequeNo" class="form-control"  disabled />
                                                    </div>

                                                    <label class="text-lg-right" for="ChequeDate" style="font-weight:bold">Date</label>
                                                    <div class="col-md-1">
                                                        <input type="text" id="ChequeDate" style="font-size:11pt;width:107%" class="form-control" disabled placeholder="dd/mm/yyyy" />
                                                    </div>

                                                    <label class="text-lg-right" for="Bank" style="font-weight:bold">Bank</label>
                                                    <div class="col-md-2 input-group">
                                                        <select id="Bank" class="form-control" disabled></select>
                                                        <div class="input-group-append" id="addbank">
                                                            <button class="btn btn-outline-primary" id="bank1" type="button" onclick="window.open('../master/Bank')" style="height:100%">+</button>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="row">
                                                    <label class="col-md-1 text-lg-left" style="font-weight:bold">Supplier<span class="danger">*</span></label>
                                                    <div class="col-md-2 input-group">
                                                        <input type="text" id="AccountName" class="form-control" onkeyup="CustEmpty()" style="height:85%">
                                                        <input type="text" style="display:none" id="supplierId0" />
                                                        <input type="text" style="display:none" id="AccCode" />
                                                        <div class="input-group-append" id="addVisa">
                                                            <button class="btn btn-outline-primary" id="AccountName" type="button" onclick="window.open('../Master/Supplier')" style="height:85%">+</button>
                                                        </div>
                                                    </div>
                                                    <label class="col-md-1 text-lg-right" for="VoucherDate" style="font-weight:bold">Voucher Date<span class="danger">*</span></label>
                                                    <div class="col-md-1">
                                                        <input type="text" id="VoucherDate" style="width:100%" class="form-control" />
                                                    </div>
                                                    <label class="col-md-1 text-lg-right" id="CostCenterCodelb" style="font-weight:bold">Cost Center</label>
                                                    <div class="col-md-1">
                                                        <select id="CostCenterCode" class="form-control"></select>
                                                    </div>
                                                    <label class="col-md-1 text-lg-right" style="font-weight:bold">Job Code</label>
                                                    <div class="col-md-1">
                                                        <input type="text" id="select_jobno" onkeyup="checkjobempty()" class="form-control">
                                                        <input type="text" id="PJobCode" value="0" style="display:none">
                                                    </div>
                                                    <label class="text-lg-right" style="margin-top:7px;margin-left:4%"><b>Dr :</b></label>
                                                    <div class="col-md-1">
                                                        <input type="text" id="Debit" class="form-control" style="color:darkturquoise;background-color:#f0f6f6;border:none;" readonly="readonly">
                                                    </div>
                                                    <label class="text-lg-right" style="margin-top:7px;"><b>Cr :</b></label>
                                                    <div class="col-md-1">
                                                        <input type="text" id="Credit" class="form-control" style="color:darkturquoise;background-color:#f0f6f6;border:none;" readonly="readonly">
                                                    </div>
                                                </div>

                                                <div class="row" style="margin-top:-12px">
                                                    <label class="col-md-1 text-lg-left" for="Amount" style="font-weight:bold">Amount<span class="danger">*</span></label>
                                                    <div class="col-md-2">
                                                        <div class="input-group" style="margin:0">
                                                            <input type="text" id="Amount" onkeyup="removetick()" onkeypress="isNumber(event, this)" class="form-control">
                                                            <div class="input-group-append">
                                                                <button type="button" class="btn btn-outline-primary" onclick="CalAmount(), CalcChkdAmount()"><i class="fa fa-check" aria-hidden="true"></i></button>
                                                            </div>
                                                        </div>
                                                        
                                                        <div class="d-inline-block custom-control custom-checkbox col-md-1">
                                                            <input type="checkbox" class="custom-control-input" id="Advance" onclick="CheckAdvance()" />
                                                            <label class="custom-control-label" for="Advance">Advance</label>
                                                        </div>
                                                    </div>
                                                    <label class="col-md-1 text-lg-right" id="Ratelb" style="font-weight:bold">Fx.</label>
                                                    <div class="col-md-1">
                                                        <select id="Currency" onchange="CurrencyChange(this.id), CalAmount(), CalcChkdAmount()" class="form-control"></select>
                                                    </div>
                                                    <label class="col-md-1 text-lg-right" for="Rate" id="Ratelb" style="font-weight:bold">Rate</label>
                                                    <div class="col-md-1">
                                                        <input type="text" id="Rate" onkeyup="CalculateFCAmount()" onkeypress="isNumber(event,this)" class="form-control">
                                                    </div>
                                                    <label class="col-md-1 text-lg-right" for="FCAmount" id="FCAmountlb" style="font-weight:bold">FC Amount</label>
                                                    <div class="col-md-1">
                                                        <input type="text" id="FCAmount" onkeyup="CalculateAmount(), CalFCAmount(), CalcChkdAmount()" onkeypress="isNumber(event, this)" class="form-control">
                                                    </div>
                                                    <div class="col-md-1"></div>
                                                    <label class="text-lg-right" style="margin-top:7px;"><b>Difference :</b></label>
                                                    <div class="col-md-1">
                                                        <input type="text" id="Diff" class="form-control" style="color:crimson;background-color:#f0f6f6;border:none;" readonly="readonly">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <hr style="margin-top:5px;" />
                                    <h5 style="text-align:center;margin-top:-15px;font-weight:bold">Pending Invoices</h5>
                                    <div id="customView" class="jsgrid" style="position: relative; height: 310px; width: 99%; margin-left:9px;">
                                        <div class="jsgrid-grid-header jsgrid-header-scrollbar">
                                            <table class="jsgrid-table">
                                                <tr class="jsgrid-header-row">
                                                    <th class="jsgrid-header-cell jsgrid-align-right jsgrid-header-sortable" style="width:30px;"><a onclick="EnableGrid()"><i class="icon-pencil"></i></a></th>
                                                    <th class="jsgrid-header-cell jsgrid-align-right jsgrid-header-sortable" style="width:50px">SL#</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-right jsgrid-header-sortable" style="width:50px;display:none">Bill#</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-right jsgrid-header-sortable" style="width:100px">Inv#</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-right jsgrid-header-sortable" style="width:250px">Description</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="width:250px;display:none">Account Name</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-right jsgrid-header-sortable" style="width:110px">Inv Date</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="width:150px">Base Amount</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="width:150px">Rec Amount</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="width:150px">Bal Amount</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="width:150px">Currency</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="width:150px">Rate</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="width:150px">FC Amount</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="width:150px">FC.Rec Amount</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="width:150px">Bal.FC Amount</th>

                                                </tr>
                                            </table>
                                        </div>
                                        <div id="proddiv" class="jsgrid dataTables_scrollBody" style="position: relative; overflow: auto;overflow-y: scroll; height: 270px; width: 100%;">
                                            <table class="jsgrid-table" id="PendingInvoices"></table>
                                        </div>
                                    </div>


                                    <div class="col-md-2">
                                        <input type="text" id="txtRowCount" readonly="readonly" style="display:none"/>
                                        <input type="text" id="txtRowCountChkd" readonly="readonly" style="display:none" />

                                    </div>

                                    <div class="form-actions">
                                        <div class="text-right">
                                            <input type="text" id="slnotxt" class="form-control" value="1" style="display:none">
                                            @*<input type="text" id="VoNo" class="form-control">*@
                                            <button type="button" style="width:100px;display:none" id="btnprint" onclick="PrintthisBill()" class="btn btn-primary btn-min-width mr-1 mb-1">Print <i class="ft-printer"></i></button>
                                            <button type="button" style="width:100px" id="btnsubmit" class="btn btn-primary btn-min-width mr-1 mb-1"><u>S</u>ave <i class="fa fa-check-square-o"></i></button>
                                            <button type="button" id="RVViewFiles" class="btn btn-info btn-min-width mr-1 mb-1 white" style="width:120px;display:none" onclick="ViewSavedFiles()">Documents <i class="fa fa-file-archive-o"></i></button>
                                            <button type="button" style="width:100px" id="btncopy" class="btn btn-primary btn-min-width mr-1 mb-1">Copy <i class="ft-align-justify"></i></button>
                                            <button type="button" style="width:100px" id="btnlist" onclick="window.open('../ABDataTable/AccountReports')" class="btn btn-primary btn-min-width mr-1 mb-1">Report <i class="ft-align-justify"></i></button>
                                            <button type="button" style="width:100px" id="btnnew" onclick="Clear()" class="btn btn-primary btn-min-width mr-1 mb-1">Clear <i class="ft-refresh-cw position-right"></i></button>
                                            <button style="display:none" type="button" id="btndelete" class="btn btn-primary btn-min-width mr-1 mb-1">Delete <i class="fa fa-times"></i></button>
                                        </div>
                                    </div>
                                    <br />
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>

<div id="alertpopup" class="modal fade text-left show" tabindex="-1" role="dialog" aria-labelledby="myheader" style="padding-right: 17px; background:rgba(0,0,0,0.5); display: block; display:none">
    <div class="modal-dialog" role="document" style="top:25%">
        <div class="modal-content" style="width:600px">
            <form id="alertdiv" style="display:none;">
                <div class="modal-body">
                    <div class="row">
                        <div class="placeholder"></div>
                        <div class="col-md-12" style="overflow:scroll;height:auto;width:100%;overflow:auto;">
                            <div class="swal2-icon swal2-success animate" style="display: block;"><span class="line tip animate-success-tip"></span> <span class="line long animate-success-long"></span><div class="placeholder"></div> <div class="fix"></div></div>
                            <br />
                            <h2 id="savealert" class="text-center"></h2>
                            <hr />
                        </div>
                    </div>
                    <div class="text-right">
                        <input type="button" class="btn btn-primary" value="Print" id="btnokPV">
                        <input type="button" class="btn btn-outline-primary" value="Cancel" id="btncnclalrtPV">
                    </div>

                </div>
            </form>
        </div>
    </div>
</div>

<div style="display:none">
    <table id="DosPrintPV" class="dataTablePV"></table>
</div>

<div style="display:none"><input type="text" value="0" id="VoucherEntryId" /></div>

<input type="text" id="RefNo" readonly="readonly" style="display:none" />
<input type="text" id="VEDescription" readonly="readonly" style="display:none" />


<input type="text" id="aabc" style="display:none" />
<input type="text" id="fcbc" style="display:none" />
<input type="text" id="PVfileUploadValue" style="display:none" />
<input type="text" id="PVfileInsertOnebyone" style="display:none" />
<input type="text" id="VoucherNoMain" style="display:none" />
<script>
    function UploadPVFiles() {
        if (document.getElementById('PVfileUpload').files.length > 0) {

            $('#Confirmflag').val('PVFiles'), $('#ConfirmRowId').val(0)
            $('#confirmmessage').text('Do You Want To Upload These Files?')
            $('#confirm').show();
            $('#confirmOk').prop("disabled", false);
            $('#confirmOk').focus();
        }
        else {
            warningshow('No Files Selected', 'RVfileUpload');
            return false;
        }
    }
    function OKUploadPVFiles() {
        swal('Documents Uploaded Successfully', "", "success");
        $('.swal-button swal-button--confirm').focus();
        $('#PVDocument').hide();
    }
    function CreateFolder() {
        var data = {};
        data.DeptId = ERPDeptId;
        data.VoucherNo = $('#PVfileUploadValue').val();
        $.ajax({
            type: "POST",
            url: "../AccountsErp/PVFolderCreate",
            data: data,
            success: function (result) {
                FileUploadDB(0);

            }
        });
    }
    function FileUploadDB(Flag) {
        // Database Save>copy

        var data = {};
        data.VoucherNo = $('#PVfileUploadValue').val();
        data.FileName = $("#PVfileUpload").get(0).files[Flag].name;
        data.Extension = $("#PVfileUpload").get(0).files[Flag].name.split('.').pop();
        data.Flag = Flag;
        data.DeptId = ERPDeptId;
        data.UserId = ERPUserId;
        data.VoucherType = 'PV';
        $.ajax({
            type: "POST",
            url: "../AccountsErp/RVFileInsert",
            data: data,
            success: function (result) {
                var DBFlag = result.dList[0].Flag;
                var status = result.dList[0].Status;
                var VoucherNoNew = result.dList[0].VoucherNo;
                $('#PVfileInsertOnebyone').val(VoucherNoNew);

                if (status == 1) {
                    FileUploadFolder(Flag, DBFlag, status);
                }

            }
        });




    }
    function FileUploadFolder(Flag, DBFlag, status) {
        // Folder Save

        var formData = new FormData();
        var imageName = DBFlag
        var browsedFile = document.getElementById("PVfileUpload").files[Flag];
        var Extension = $("#PVfileUpload").get(0).files[Flag].name.split('.').pop();
        var SlNo = $('#PVfileInsertOnebyone').val();
        var DeptId = ERPDeptId;

        formData.append("FileUpload", browsedFile);
        formData.append("FileName", imageName);
        formData.append("SlNo", SlNo);
        formData.append("DeptId", DeptId);
        formData.append("Extension", Extension);

        $.ajax({
            type: "POST",
            url: '/AccountsErp/PVFileUpload',
            data: formData,
            dataType: "html",
            contentType: false,
            processData: false,
            success: function (result) {
                if (Flag < document.getElementById('PVfileUpload').files.length - 1) {
                    Flag++;
                    FileUploadDB(Flag);
                }
                else {
                    $("#LoadingSmall").hide();
                    $("#PVfileUpload").val('');
                    $('#PVfileUploadValue').val('');
                    $('#PVfileInsertOnebyone').val('');
                    //Showalerts(1);
                    //ViewSavedFiles();
                }
            }
        });


    }
    function ViewSavedFiles() {
        var data = {};
        data.VoucherNo = $("#VoucherNo").val();
        data.DeptId = ERPDeptId;
        data.VoucherType = 'PV';
        $.ajax({
            type: "POST",
            url: "../AccountsErp/RVFileGets",
            data: data,
            success: function (result) {
                ShowSavedFiles(result.oList);

            }
        });
    }
    function ShowSavedFiles(result) {

        disable_datatable('tbl_documentlist');
        $("#PVDocument").show();

        var responseText = "<tbody>";

        if (result.length > 0) {
            for (var l = 0; l < result.length; l++) {
                var slno = parseInt(l + 1);

                var Icon = '<img src="../app-assets/Project_Icons/DOC_ICON.png" style="width:50px;height:40px" />';

                var Extension = (result[l].Extension).toLowerCase();

                if (Extension == 'pdf') {
                    Icon = '<img src="../app-assets/Project_Icons/PDF_ICON.jpg" style="width:50px;height:40px" />';
                }
                else if (Extension == 'jpeg' || Extension == 'jpg' || Extension == 'png' || Extension == 'gif' || Extension == 'tif') {
                    Icon = '<img src="../app-assets/Project_Icons/IMG_ICON.jpg" style="width:50px;height:40px" />';
                }
                else if (Extension == 'xlsx' || Extension == 'xls' || Extension == 'xlsm' || Extension == 'xlm' || Extension == 'xltx' || Extension == 'xltm' || Extension == 'xlt') {
                    Icon = '<img src="../app-assets/Project_Icons/EXCEL_ICON.png" style="width:50px;height:40px" />';
                }


                responseText += "<tr id='doctr_" + result[l].FileId + "'>" +
                    "<td align='center'>" + Icon + "</td>" +
                    "<td>" + result[l].FileName + "</td>" +

                    "<td  align='center'>" +
                    "<a onclick=\"ViewDocuments(\'" + result[l].Flag + "'\,\'" + result[l].Extension + "'\)\"><i class='fa fa-download' style='color:darkorange'></i><a>" +
                    "</td>" +

                    //"<td align='center' class='hideedit'>" +
                    //"<a onclick=\"DeleteDocument(\'" + result[l].FileId + "'\,\'" + slno + "'\)\">" + DeleteButton + "</a>" +
                    //"</td>" +

                    "</tr>";


            }
        }
        else {
            responseText = "<tr><td style='text-align:center;color:red;font-weight:500'>NO DOCUMENTS</td></tr>"
        }

        $('#tbl_documentlist').html(responseText + '</tbody>');

        if (PurchaseEditFlag != 1) {
            $('.hideedit').hide();
        }

    }
    function ViewDocuments(DocumentId, Extension) {
        var flname = '../ProjectImages/PaymentVoucher/' + ERPDeptId + '/' + $("#VoucherNo").val() + '/' + DocumentId + '.' + Extension;
        window.open(flname);
    }

    $("#AccountName").autocomplete({
        source: function (request, response) {
            var data = {};
            data.AccountName = $("#AccountName").val();
            $.ajax({
                url: '../AccountsErp/AccountNumberSearchCust',
                type: "POST",
                data: data,
                dataType: "json",
                success: function (data) {
                    console.log(data);
                    response($.map(data, function (item) {
                        if (item.Flag == 2) {
                            return ({
                                ColCount: '-2',
                                label: item.AccountName,
                                label1: item.AccCode,
                                AccountName: item.AccountName,
                                AccCode: item.AccCode,
                                AccountId: item.AccountId,
                                CurrencyId: item.CurrencyId,
                                headers: ["Account Name", "Account Code"]
                            })
                        }
                    }));
                }
            })
        },
        autoFocus: true,
        select: function (event, ui) {
            $('#AccountName').val(ui.item.label)
            $('#AccCode').val(ui.item.label1)
            $('#supplierId0').val(ui.item.AccountId)
            $('#Currency').val(ui.item.CurrencyId)
            $("#Rate").val($("#Currency").find("option:selected").attr("name"))
            $('#AccountType').focus();
            GetList(0);
        },
    });

    $("#select_jobno").autocomplete({
        source: function (request, response) {
            var data = {};
            data.JobCode = $("#select_jobno").val();

            $.ajax({
                url: '../SalesInvoice/JobSearch',
                type: "POST",
                data: data,
                dataType: "json",
                success: function (data) {
                    console.log(data);
                    response($.map(data, function (item) {
                        return ({
                            ColCount: '-2',
                            label: item.JobCode,
                            label1: item.Description,
                            ProjectJobId: item.ProjectJobId,
                            headers: ["Job Code", "Description"]
                        })
                    }));
                }
            })
        },
        autoFocus: true,

        select: function (event, ui) {
            $('#PJobCode').val(ui.item.ProjectJobId);

        },

    });





    $("#VoucherNo").autocomplete({
        source: function (request, response) {
            $('#PendingInvoices tr').remove();
            var data = {};
            data.VoucherNo = $("#VoucherNo").val();
            data.VoucherTypePrefix = "PV";
            data.DeptId = ERPDeptId;
            $.ajax({
                url: '../AccountsErp/VoucherNoSearch',
                type: "POST",
                data: data,
                dataType: "json",
                success: function (data) {
                    response($.map(data, function (item) {
                        return ({
                            ColCount: '2',
                            label: item.VoucherNo,
                            label1: item.VoucherTypePrefix,
                            label2: item.VoucherTypeId,
                            VoucherNo: item.VoucherNo,
                            VoucherTypePrefix: item.VoucherTypePrefix,
                            VoucherTypeId: item.VoucherTypeId,
                            headers: ["Voucher Number", "VoucherType Prefix"]

                        })
                    }));
                }

            })

        },
        autoFocus: true,
        select: function (event, ui) {
            $('#VoucherNo').val(ui.item.VoucherNo);
            $("#btnprint").show();
            $("#btnsubmit").hide();
            $("#btncopy").hide();
            $('#VoucherType').prop('disabled', true);
            $('#VoucherDate').prop('disabled', true);
            var vtype = "PV";        
            var srlno = {};
            srlno.VoucherNo = ui.item.VoucherNo;
            srlno.VoucherType = vtype;
            $.ajax({
                type: "POST",
                url: "../AccountsErp/PaymentVoucherGetandGets",
                data: srlno,
                success: function (result) {
                    VoucherNoGets(result);
                    // serialnoload();
                    $('#btnsubmit').focus();
                    if ((usermenu1.indexOf("M305") != -1)) {
                        $('#RVViewFiles').show();
                    }
                   
                }
            });
        },
    });
</script>
<div id="PVDocument" class="modal fade text-left show" tabindex="-1" role="dialog" aria-labelledby="myheader" style="background: rgba(0, 0, 0, 0.5); display: block;display:none">
    <div class="modal-dialog modal-lg" role="document" style="top:10%;height:1000px;width:1000px">
        <div class="modal-content">
            <div class="modal-header bg-primary white" style="">
                <h4 class="modal-title" id="myheader" style="text-align:center">Documents</h4>
                <button type="button" class="close" onclick="$('#PVDocument').hide()" data-dismiss="modal" aria-label="Close" autocomplete="off">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="card">

                        <div class="px-3 card-body card-dashboard overflow-auto" style="height:500px;">
                            <div class="row">
                                <div class="col-md-6">
                                    <input type="file" multiple name="PVfile[]" id="PVfileUpload" class="btn btn-info btn-min-width mr-1 mb-1 btn-sm white" />
                                </div>
                                <div class="col-md-4">
                                    <button type="button" style="width:90px" id="btnuploadPVfiles" onclick="UploadPVFiles()" class="btn btn-outline-info btn-min-width mr-1 mb-1">Upload</button>
                                </div>
                            </div>

                            <table id="tbl_documentlist" class="table table-striped table-bordered zero-configuration dataTable"></table>
                        </div>


                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade text-left show" id="Popup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel17" style="padding-right: 17px;background:rgba(0,0,0,0.5);display:none">
    <div class="modal-dialog" role="document" style="top:10%">
        <div class="modal-content" style="width:230%; margin-left:-300px">
            <div class="modal-header bg-primary white">
                <h4 class="modal-title" id="MyHeader">On Account Settlement</h4>
                <button type="button" class="close" data-dismiss="modal" onclick="($('#Popup').hide())" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <form id="PendingInv">
                <div class="modal-body">
                    <div class="col-md-12 row">
                        <div class="col-md-4">

                            <div class="table-responsive">
                                <div class="overflow-auto" style="height:400px">
                                    <h5><center><b>Advance Amount</b></center></h5>
                                    <table id="OnAcc" class="table table-striped table-bordered zero-configuration dataTable"></table>
                                    <input type="hidden" id="RowGet" />
                                    <input type="hidden" id="AccSum" />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-8">
                            <div class="table-responsive">
                                <div class="overflow-auto" style="height:400px">
                                    <h5><center><b>Pending Invoices</b></center></h5>
                                    <table id="PendingIn" class="table table-striped table-bordered zero-configuration dataTable"></table>
                                    <input type="hidden" id="pendingSum" value="0" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">                    
                    <input type="button" id="btnclosegrid" class="btn btn-outline-secondary " onclick="Close()" value="Close">
                </div>
            </form>

        </div>
    </div>
</div>