@{
    ViewBag.Title = "ReceiptVoucher";
}

<script type="text/javascript" src="../Projectscript/Voucher.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 type="text/javascript" src="~/ProjectScript/DosPrint.js"></script>
<script type="text/javascript" src="~/ProjectScript/Windowsprint.js"></script>

<style>
    #customView {
        border: 1px solid #CCD6E6;
    }
    /*.form-control
    {
        font-weight:bold;
    }*/
</style>


<script>


    function balload(BankAccount) {

        var data = {};
        data.BankAccount = BankAccount;
        $.ajax({
            type: "POST",
            url: "../../AccountsErp/BankbalGetandGets",
            data: data,
            success: function (result) {
                if (result.oList.length > 0) {
                    var balo = 0;
                    balo = result.oList[0].bal;


                    if (balo < 0) {
                        balo = balo * -1;
                        $('#CustOutStanding').text('OutStanding Amount : ' + balo.toFixed(Decimal) + ' CR');
                       // $('#OutStanding').text(balo.toFixed(Decimal) + ' CR');
                    }
                    else {
                        $('#CustOutStanding').text('OutStanding Amount : ' + balo.toFixed(Decimal) + ' DR');
                       // $('#OutStanding').text(balo.toFixed(Decimal) + ' DR');
                    }
                }
            }
        });
    }

    function PrintthisBill() {
       
        if (VoucherBillType == 'LOCAL') {
            if (CopyFlag==1)
                PrintthisBillWindows('ReceiptEntry', $('#PendingInvoices tr').length, 'COPY')
            else
                PrintthisBillWindows('ReceiptEntry1', $('#PendingInvoices tr').length, 'SAVE')
        }

        else if (VoucherBillType == 'DEFAULT') {
            if (CopyFlag == 1)
                PrintthisBillWindows('ReceiptEntry', $('#PendingInvoices tr').length, 'DEFAULTCOPY')
            else                                                                                                           //windowsprint 

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

            PrintthisReceiptVoucher($('#PendingInvoices tr').length)
        }
    }
</script>


<div class="myData" data-x="M75" />
<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">Receipt 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;margin-top:-20px;height:198px;">
                                        <div class="col-md-12" style="margin-top:-5px;">
                                            <br />
                                            <div class="form-group">

                                                <div class="row" style="">
                                                    <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">Acc. Type<span class="danger" style="margin-left:-1px;">*</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" />
                                                        <input type="text" style="display:none" id="AccId" />
                                                    </div>
                                                        <label class="text-lg-right" for="Type" style="font-weight:bold">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" style="">
                                                    <label class="col-md-1 text-lg-left" for="CustomerName" style="font-weight:bold"> Customer<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/CustomerMaster')" 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:110%" 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:2%"><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:-10px">
                                                    <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" style="font-weight:bold">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()" style="width:110%" 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>

                                                <h6 id="CustOutStanding" class="col-md-6" style="color:red;font-weight:500;margin-top:-15px;margin-left:620px"></h6>

                                            </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" 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" 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="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>

<input style="display:none" id="vouchersaveno" />

<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="btnok">
                        <input type="button" class="btn btn-outline-primary" value="Cancel" id="btncnclalrt">
                    </div>

                </div>
            </form>
        </div>
    </div>
</div>
<div id="onaccountalertpopup" 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="onaccountalertdiv" 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="onaccountsavealert" class="text-center"></h2>
                            <hr />
                        </div>
                    </div>
                    <div class="text-right">
                        <input type="button" class="btn btn-primary" value="Print" id="onaccountbtnok">
                        <input type="button" class="btn btn-outline-primary" value="Cancel" id="onaccountbtncnclalrt">
                    </div>

                </div>
            </form>
        </div>
    </div>
</div>
<div style="display:none">
    <table id="DosPrintRV" class="dataTableRV"></table>
</div>

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

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

<input type="text" id="RvfileUploadValue" style="display:none" />
<input type="text" id="RvfileInsertOnebyone" style="display:none" />

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

            $('#Confirmflag').val('RVFiles'), $('#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 OKUploadRVFiles() {
        swal('Documents Uploaded Successfully', "", "success");
        $('.swal-button swal-button--confirm').focus();
        $('#RVDocument').hide();
    }

    function CreateFolder() {
        var data = {};
        data.DeptId = ERPDeptId;
        data.VoucherNo = $('#RvfileUploadValue').val();
        console.log('data')
        console.log(data)
        $.ajax({
            type: "POST",
            url: "../AccountsErp/RVFolderCreate",
            data: data,
            success: function (result) {
                FileUploadDB(0);
               
            }
        });
    }
    function FileUploadDB(Flag) {
        // Database Save>copy
      
        var data = {};
        data.VoucherNo = $('#RvfileUploadValue').val();
        data.FileName = $("#RVfileUpload").get(0).files[Flag].name;
        data.Extension = $("#RVfileUpload").get(0).files[Flag].name.split('.').pop();
        data.Flag = Flag;
        data.DeptId = ERPDeptId;
        data.UserId = ERPUserId;
        data.VoucherType = 'RV';
        $.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;
                $('#RvfileInsertOnebyone').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("RVfileUpload").files[Flag];
        var Extension = $("#RVfileUpload").get(0).files[Flag].name.split('.').pop();
        var SlNo = $('#RvfileInsertOnebyone').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/RVFileUpload',
            data: formData,
            dataType: "html",
            contentType: false,
            processData: false,
            success: function (result) {
                if (Flag < document.getElementById('RVfileUpload').files.length - 1) {
                    Flag++;
                    FileUploadDB(Flag);
                }
                else {
                    $("#LoadingSmall").hide();
                    $("#RVfileUpload").val('');
                    $('#RvfileUploadValue').val('');
                    $('#RvfileInsertOnebyone').val('');
                    //ViewSavedFiles();
                }
            }
        });


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

            }
        });
    }
    function ShowSavedFiles(result) {

        disable_datatable('tbl_documentlist');
        $("#RVDocument").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/ReceiptVoucher/' + 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 == 1) {
                            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);
            balload(ui.item.label1);
        },
    });


    $("#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 = "RV";
            data.DeptId = ERPDeptId;
            $.ajax({
                url: '../AccountsErp/VoucherNoSearch',
                type: "POST",
                data: data,
                dataType: "json",
                success: function (data) {
                   // console.log(data.VoucherTypePrefix)
                    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 = "RV";
            var srlno = {};
            srlno.VoucherNo = ui.item.VoucherNo;
            srlno.VoucherType = vtype;
            $.ajax({
                type: "POST",
                url: "../AccountsErp/ReceiptVoucherGetandGets",
                data: srlno,
                success: function (result) {
                    VoucherNoGets(result);
                    // serialnoload();
                    $('#btnsubmit').focus();

                    if ((usermenu1.indexOf("M305") != -1)) {
                        $('#RVViewFiles').show();
                    }
                   
                }
            });
        },
    });
</script>

<div id="RVDocument" 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="$('#RVDocument').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="RVfile[]" id="RVfileUpload" 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="btnuploadpurchasefiles" onclick="UploadRVFiles()" 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:350%; margin-left:-600px">
            <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>