@{
    ViewBag.Title = "GMReceiptVoucher";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

 
<script type="text/javascript" src="../Projectscript/GMReceiptVoucher.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 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)
        //}

        //JK Change

        if (CopyFlag == 1)
            PrintGasReceiptMobile($('#PendingInvoices tr').length-1, 'COPY')
        else
            PrintGasReceiptMobile($('#PendingInvoices tr').length, 'SAVE')

    }

    //JK Change
    function PrintGasReceiptMobile(Rowlen) {
       
        var Rowcount = 14;
        var InvNo = '';
        var InvoDate = '';
        var Rcamount = 0, RcamountAAA = 0;
        var AmountinWords = convertNumberToWords($('#FCAmount').val())
        var myWindow = window.open("", "", "width=1500,height=1500");
        myWindow.document.write('<style type="text/css">.brdrgh{border-right:1px solid grey;} .blclr{color:#00838F} .brtd2{border-bottom:1px solid lightgrey;} .brtd2 td{border-right:1px solid grey;} .txbld{font-weight:bold;font-size:20} .txbld1{font-size:15}  </style> <style type="text/css" media="print"> tfoot{display:table-footer-group;} </style> <style type="text/css" media="screen"> tfoot{ position: relative; display: block;} tr { page-break-inside: avoid }</style>');
        myWindow.document.write(PrintBG);
        // myWindow.document.write('<table width=100% ><tr><td rowsspan=2 colspan=8>' + (ComapnydivToPrint.outerHTML) + '</td></tr>');
        myWindow.document.write('<table width=100% ><tr align=center><td colspan=8>&#160;' + window.CompanySettingsArray.CompanyName + '</td></tr><tr align=center><td colspan=8>&#160;' + window.CompanySettingsArray.Address + '</td></tr><tr align=center><td colspan=8>TRN No : ' + window.CompanySettingsArray.TRNNo + '</td></tr><tr align=center><td colspan=8>&#160;' + window.CompanySettingsArray.PhoneNo + '</td></tr>');
        myWindow.document.write('<td  colspan=8></td></tr></table>');

        myWindow.document.write('<table width=100%; style="text-align:left;"><tr style=text-align:center><td style="" class=txbld>RECEIPT VOUCHER</td></tr></table>');
        myWindow.document.write('</table>');

        myWindow.document.write('<table height=10px width=100%><tr><td colspan=8></td></tr> </table>');

        for (var i = 1; i <= Rowlen; i++) {
            if ($('#SlNoCheck' + i).length) {
                if ($('#SlNoCheck' + i).prop("checked")) {
                    if ($('#InvoNo' + i).text()) {
                        if (InvNo == '') {
                            InvNo = InvNo + $('#InvoNo' + i).text();
                        }
                        else
                            InvNo = InvNo + ',' + $('#InvoNo' + i).text();

                    }
                    InvoDate += $('#InvoDate' + i).text();
                    Rcamount = parseFloat(Rcamount + $('#FCRecAmount' + i).val() || 0).toFixed(Decimal);
                    RcamountAAA = Rcamount.toLocaleString('en');
                }
            }
        }
        var ChqRow = '';

        if ((($('#ChequeNo').val() || 0) != 0)) {
            ChqRow += '<tr><td >Cheque No </td><td >: </td><td >' + $('#ChequeNo').val() + '</td></tr>' +
                      '<tr><td >Cheque Date </td><td >: </td><td >' + $('#ChequeDate').val() + '</td></tr>' +
                      '<tr><td >Bank </td><td >: </td><td >' + $('#Bank :selected').text() + '</td></tr>';
          }
        myWindow.document.write('<table width=100% frame="box" style=text-align:left>' +
            '<tr><td width=10%>RV# </td><td width=5%>: </td><td width=20%>' + $('#VoucherNo').val() + '</td></tr>' +
            '<tr><td >Date </td><td >: </td><td >' + $('#VoucherDate').val() + '</td></tr>' +
            '<tr><td >PayType </td><td >: </td><td >' + $('#AccountType :selected').text() + '</td></tr>' +
            '<tr><td >Received From </td><td >: </td><td >' + $('#AccountName').val() + '</td></tr>' +
            '<tr><td >Amount </td><td >: </td><td >' + parseFloat($('#Amount').val()).toFixed(Decimal) + '</td></tr>' +
            '<tr><td >Invoice No </td><td >: </td><td >' + InvNo + '</td></tr>' + ChqRow + '</table>');

        //if ((($('#ChequeNo').val() || 0) != 0)) {
        //    ChqRow += '<tr><td >Cheque No </td><td >: </td><td >' + $('#ChequeNo').val() + '</td><td >Cheque Date </td><td >: </td><td aligh=right>' + $('#ChequeDate').val() + '</td></tr>' +
        //              '<tr><td >Bank </td><td >: </td><td >' + $('#Bank :selected').text() + '</td><td colspan=3></td></tr>';
        //}
        //myWindow.document.write('<table width=100% frame="box" style=text-align:left>' +
        //   '<tr><td width=15%>RV# </td><td width=5%>: </td><td width=30%>' + $('#VoucherNo').val() + '</td><td  width=15%>Date </td><td  width=5%>: </td><td  width=30% aligh=right>' + $('#VoucherDate').val() + '</td></tr>' +
        //   '<tr><td >PayType </td><td >: </td><td >' + $('#AccountType :selected').text() + '</td><td >Received From </td><td >: </td><td aligh=right>' + $('#AccountName').val() + '</td></tr>' +
        //   '<tr><td >Amount </td><td >: </td><td >' + $('#Amount').val() + '</td><td >Invoice No </td><td >: </td><td aligh=right>' + InvNo + '</td></tr>' + ChqRow + '</table>');

      
        myWindow.document.write('<table height=30px width=100%><tr><td colspan=12></td></tr> </table>');

        myWindow.document.write('<table width=100%><tr><td style="text-decoration:overline">Prepared by</td><td style="text-decoration:overline" align=right>Received By</td></tr></table>')

        myWindow.print();
    }
</script>

<style>
    .my-bg-da-co {
    background-color: #603f83 !important;
    color: white !important;
}

</style>

<div class="myData" data-x="M339" />

<div class="row" id="Entry">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header my-bg-da-co">
                <h4 class="card-title text-center">Receipt Voucher</h4>
            </div>
            <div class="card-body">
                <div class="px-3">
                    <form class="form">
                        <div class="form-body mt-2 row">
                            <div class="col-md-2 col-6 pl-1 pr-1">
                                <div class="form-group pb-1 mb-1">
                                    <label class="my-fo-bo">Voucher#</label>
                                    <input type="text" id="VoucherNo" class="form-control" readonly>
                                </div>
                            </div>
                            <div class="col-md-2 col-6 pl-1 pr-1">
                                <div class="form-group pb-1 mb-1">
                                    <label class="my-fo-bo">Voucher Date</label>
                                    <input type="text" id="VoucherDate" class="form-control" />
                                </div>
                            </div>
                            <div class="col-md-2 col-12 pl-1 pr-1">
                                <div class="form-group pb-1 mb-1">
                                    <label class="my-fo-bo">Pay Type</label>
                                    <select id="AccountType" onchange="AccTypeChange(this.id)" class="form-control"></select>
                                </div>
                            </div>
                            <div class="col-md-3 col-12 pl-1 pr-1">
                                <div class="form-group pb-1 mb-1">
                                    <label class="my-fo-bo">Customer</label>
                                    <input type="text" id="AccountName" class="form-control" onkeyup="CustEmpty()" />
                                </div>
                            </div>
                            <div class="col-md-2 col-12 pl-1 pr-1">
                                <div class="form-group pb-1 mb-1">
                                    <label class="my-fo-bo">Amount</label>
                                    <div class="input-group mb-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>
                            </div>
                        </div>

                        <div class="form-body row">
                            <div class="col-md-12">
                                <h5 style="text-align:center;font-weight:bold">Pending Invoices</h5>
                            </div>
                        </div>
                        <div class="table-responsive p-0" style="border:1px solid #BABFC7;min-height:150px;">
                            <table class="table text-center my-bg-li-co mb-0" style="width:100%;">
                                <thead>
                                    <tr class="jsgrid-header-row">
                                        <th class="my-bg-da-co" style="width:5%;"><a onclick="EnableGrid()"><i class="icon-pencil"></i></a></th>
                                        <th class="my-bg-da-co" style="width:5%;min-width:100px;">Bill#</th>
                                        <th class="my-bg-da-co" style="width:60%;min-width:150px;">Inv Date</th>
                                        <th class="my-bg-da-co" style="width:15%;min-width:150px;">Base Amount</th>
                                        <th class="my-bg-da-co" style="width:15%;min-width:150px;">Rec Amount</th>
                                    </tr>
                                </thead>
                                <tbody></tbody>
                            </table>
                            <div style="max-height:500px;overflow-y:auto;overflow-x:hidden">
                                <table class="table text-center my-bg-li-co" id="PendingInvoices" style="width:100%;"></table>
                            </div>
                        </div>
                        <div class="form-actions center">
                                <button type="button" onclick="window.location.href = '../Dashboard/GMDashboard'" class="btn mr-1 mb-1 btn-sm my-bg-da-co" autocomplete="off" style="width:100px;"><b>HOME<i class="ft-home" style="font-weight:bold!important;"></i></b></button>
                                <button type="button" style="width:100px;display:none" id="btnprint" onclick="PrintthisBill()" class="btn mr-1 mb-1 btn-sm my-bg-da-co">Print <i class="ft-printer"></i></button>
                                <button type="button" style="width:100px" id="btnsubmit" class="btn mr-1 mb-1 btn-sm my-bg-da-co"><u>S</u>ave <i class="fa fa-check-square-o"></i></button>
                                <button type="button" style="width:100px" id="btncopy" class="btn mr-1 mb-1 btn-sm my-bg-da-co">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 mr-1 btn-sm mb-1 btn-warning">New <i class="ft-refresh-cw position-right"></i></button>
                                <button style="display:none" type="button" id="btndelete" class="btn btn-danger btn-sm btn-min-width mr-1 mb-1">Delete <i class="fa fa-times"></i></button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="d-none">
    <input type="text" style="display:none" id="AccountTypeCode" />
    <input type="text" style="display:none" id="AccId" />

    <input type="text" style="display:none" id="supplierId0" />
    <input type="text" style="display:none" id="AccCode" />

    <select id="CostCenterCode" class="form-control"></select>

    <input type="text" id="select_jobno" onkeyup="checkjobempty()" class="form-control">
    <input type="text" id="PJobCode" value="0" style="display:none">

    <input type="text" id="Debit" class="form-control" style="color:darkturquoise;background-color:#f0f6f6;border:none;" readonly="readonly">
    <input type="text" id="Credit" class="form-control" style="color:darkturquoise;background-color:#f0f6f6;border:none;" readonly="readonly">

    <select id="Currency" onchange="CurrencyChange(this.id), CalAmount(), CalcChkdAmount()" style="width:110%" class="form-control"></select>
    <input type="text" id="Rate" onkeyup="CalculateFCAmount()" onkeypress="isNumber(event,this)" class="form-control">

    <input type="text" id="FCAmount" onkeyup="CalculateAmount(), CalFCAmount(), CalcChkdAmount()" onkeypress="isNumber(event, this)" class="form-control">
    <input type="text" id="Diff" class="form-control" style="color:crimson;background-color:#f0f6f6;border:none;" readonly="readonly">

    <input type="text" id="slnotxt" class="form-control" value="1" style="display:none">

    <input type="text" id="txtRowCount" readonly="readonly" style="display:none" />
    <input type="text" id="txtRowCountChkd" readonly="readonly" style="display:none" />

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


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

    <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>

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

<div class="modal fade pr-0 mt-2" id="BankDetsModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel16" style="display: none;" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <form action="#" class="form form-horizontal">
                <div class="form-body">
                    <div class="row">
                        <div class="col-md-12 pl-0">
                            <div class="modal-header p-1 my-bg-da-co" style="border-top-left-radius:0!important;border-top-right-radius:0!important">
                                <h4 class="modal-title pl-2">Bank Details</h4>
                                <button type="button" class="close m-0 p-1" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true"><i class="ft-x font-medium-2 text-bold-700"></i></span>
                                </button>
                            </div>
                            <div class="modal-body m-1">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="row">
                                            <div class="col-lg-3 col-12">
                                                <div class="form-group mb-1">
                                                    <label>TRX Type</label>
                                                    <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>
                                            </div>
                                            <div class="col-lg-3 col-12">
                                                <div class="form-group mb-1">
                                                    <label>TRX/CHQ#</label>
                                                    <input type="text" id="ChequeNo" class="form-control" disabled />
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-12">
                                                <div class="form-group mb-1">
                                                    <label>Date</label>
                                                    <input type="text" id="ChequeDate" style="font-size:11pt" class="form-control" disabled placeholder="dd/mm/yyyy" />
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-12">
                                                <div class="form-group mb-1">
                                                    <label>Bank</label>
                                                    <select id="Bank" class="form-control" disabled></select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="modal-footer p-0 pt-2" style="border-top:1px solid #607d8b63">
                                            <button type="button" class="btn btn-sm btn-warning white" data-dismiss="modal" >
                                                <i class="fa fa-refresh"></i> Close
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>


<div id="alertpopup" class="modal fade text-left show height-800" 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" >
            <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="">
            <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>

 
    
<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();
        $.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) {
                    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"));
            $('#Amount').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) {
                    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 overflow-auto" id="Popup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel17" style="background:rgba(0,0,0,0.5);display:none">
    <div class="modal-dialog modal-lg" role="document" >
        <div class="modal-content" >
            <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 overflow-auto">
                    <div class="col-md-12 row">
                        <div class="col-md-4 m-1">

                            <div class="table-responsive">
                                <div class="overflow-auto" style="min-height:100px;max-height:400px;border:1px solid #BABFC7">
                                    <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 m-1">
                            <div class="table-responsive">
                                <div class="overflow-auto" style="min-height:100px;max-height:400px;border:1px solid #BABFC7">
                                    <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>