@{
    ViewBag.Title = "VoucherEntry";
}


<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>
<script src="~/app-assets/data/table2excel.js" type="text/javascript"></script>

<style>
    #customView {
        border: 1px solid #CCD6E6;
    }
    #tblvoucherentry tr:nth-child(odd):hover td, tbody tr.odd:hover td {
            background:  #99ffff ;
        }

        #tblvoucherentry tr:nth-child(even):hover td, tbody tr.even:hover td {
            background:   #99ffff;
        }
        .modal-xl {
        max-width: 90%;
        margin-left: 7%;
        margin-right: 3%;
    }
</style>

<script>

    function PrintthisBill() {

        if (VoucherBillType == 'LOCAL') {
            if (CopyFlag == 1)
                PrintthisBillWindows('VoucherEntry', $('#tblvoucherentry tr').length, 'COPY')
            else                                                                                                           //windowsprint 

                PrintthisBillWindows('VoucherEntry', $('#tblvoucherentry tr').length, 'SAVE')
        }
       else  if (VoucherBillType == 'DEFAULT') {
            if (CopyFlag == 1)
                PrintthisBillWindows('VoucherEntry', $('#tblvoucherentry tr').length, 'DEFAULTCOPY')
            else                                                                                                           //windowsprint 

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

            PrintthisVoucherEntry($('#tblvoucherentry tr').length)
        }
    }
    
</script>


<div class="myData" data-x="M77" />
<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;height:90px">
                        <h3 class="card-title mb-0" style="float:left;font-weight:bold">Voucher Entry</h3>

                        <div class="text-right">
                            <h6 style="float:left;margin-left:-45px;font-weight:bold"" class="col-md-8">Account Balance:</h6>
                            <input class="col-md-2" value="0.0" id="Acbal" readonly="readonly" style="font-size:18px;color:crimson;font-weight:700;margin-right:10px;border:none">
                        </div>
                        <div class="text-right">

                            <h6 style="float:left;margin-left:-35px;font-weight:bold" class="col-md-9">Difference:</h6>
                            <input class="col-md-2" id="Differencetxt" readonly="readonly" style="font-size:18px;color:crimson;font-weight:700;margin-right:10px;border:none">
                        </div>
                    </div>

                    
                        <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:1777px;margin-top:-20px;height:120px;">
                                        <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" style="font-weight:bold">Voucher Type<span class="danger">*</span></label>
                                                    <div class="col-md-2">
                                                        <input type="hidden" id="txtacctype" />
                                                        <select id="VoucherType" class="form-control" onchange="serialnoload()"></select>
                                                    </div>
                                                    <label class="text-lg-left col-md-1" style="font-weight:bold">Voucher Date</label>
                                                    <div class="col-md-2">
                                                        <input type="text" id="VoucherDate" style="width:100%%" class="form-control" onchange="ChangeGridDate()">
                                                    </div>
                                           
                                                    
                                                   

                                              
                                                    <h6 class="text-lg-left" style="font-weight:bold;"><b>Cr.</b></h6>
                                                    <div class="col-md-1">
                                                        <input type="text" id="Credittxt" class="form-control" style="color:darkturquoise;background-color:#f0f6f6;margin-top:-8px;border:none;" readonly="readonly">
                                                    </div>
                                                </div>

                                                <div class="row" style="margin-top:8px">
                                                    <label class="col-md-1 text-lg-left" style="font-weight:bold">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Voucher#</label>
                                                    <div class="col-md-2    ">
                                                        <input type="text" class="form-control" id="VoucherNo" readonly="readonly">
                                                    </div>
                                                    <label class="col-md-1 text-lg-left" style="font-weight:bold" id="Transfernolabel">Transfer#</label>
                                                    <div class="col-md-2">
                                                            <div class="form-group">
                                                                <input type="text" id="TransferVoucherNo" placeholder="Transfer" style="width:100%"  class="form-control">

                                                                <input type="text" id="TransferVoucherNoCopy" placeholder="Copy" style="width:100%;display:none;" class="form-control">

                                                                @*<div class="input-group-append" id="Transfer">
                                                                    <button class="btn btn-outline-primary" type="button">⇆</button>
                                                                </div>*@
                                                            </div>
                                                        
                                                    </div>


                                                  

                                                    <h6 class="text-lg-left" style="font-weight:bold;"><b>Dr.</b></h6>
                                                    <div class="col-md-1">
                                                        <input type="text" id="Debittxt" class="form-control" style="color:darkturquoise;background-color:#f0f6f6;border:none;margin-top:-8px" readonly="readonly">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <hr style="margin-top:5px;" />
                                    <div class="row col-md-12" style="margin-top:-10px;">
                                        <div class="col-md-12">
                                            <div class="row" style="height:26px;">
                                                <div class="col-md-1">
                                                    <div class="form-group">
                                                        <label style="font-weight:bold">Type</label>
                                                    </div>
                                                </div>
                                                <div class="col-md-2">
                                                    <div class="form-group">
                                                        <label style="font-weight:bold">Account Name</label><span class="danger">*</span>
                                                    </div>
                                                </div>

                                                <div class="col-md-2">
                                                    <div class="form-group">
                                                        <label style="font-weight:bold">Description</label>
                                                    </div>
                                                </div>

                                                <div class="col-md-1">
                                                    <div class="form-group">
                                                        <label style="font-weight:bold">Amount</label><span class="danger">*</span>
                                                    </div>
                                                </div>
                                                <div class="col-md-1">
                                                    <div class="form-group">
                                                        <label style="font-weight:bold">Tax#/Remarks</label>
                                                    </div>
                                                </div>
                                                <div class="col-md-1">
                                                    <div class="form-group">
                                                        <label style="font-weight:bold">Ref.#</label>
                                                    </div>
                                                </div>

                                            </div>

                                            <div class="row">
                                                <div class="col-md-1">
                                                    <div class="form-group">
                                                        <select id="VType" class="form-control" >
                                                            <option value="Debit">Dr</option>
                                                            <option value="Credit">Cr</option>
                                                        </select>
                                                    </div>
                                                </div>

                                                <div class="col-md-2 input-group">
                                                    <input type="text" id="AccountName" class="form-control" style="height:66%;" onkeydown="Focusnextgrid(event, 'AN', 0)" onkeyup="CustEmpty(), $('#Acbal1').val('0.0')">
                                                    <input type="text" style="display:none" id="supplierId0" />
                                                    <input type="text" style="display:none" id="AccCode" />
                                                    <input type="text" style="display:none" id="billid" />
                                                    <div class="input-group-append" id="addVisa">
                                                        <button class="btn btn-outline-primary" id="AccountNamebtn" type="button" style="height:66%" onclick="window.open('../master/AccountHead')">+</button>
                                                    </div>
                                                </div>

                                                <div class="col-md-2">
                                                    <div class="form-group">
                                                        <input type="text" id="VoucherEntryDescription"  onkeydown="Focusnextgrid(event,'AD',0)" class="form-control">
                                                    </div>
                                                </div>

                                                <div class="col-md-1">
                                                    <div class="form-group">
                                                        <input type="text" id="Amount" onkeydown="Focusnextgrid(event, 'A', 0)" onkeypress="isNumber(event, this)" onkeyup="CalcFCAmount()" class="form-control">
                                                    </div>
                                                </div>
                                                <div class="col-md-1">
                                                    <div class="form-group">
                                                        <input type="text" id="TaxNo" onkeydown="Focusnextgrid(event, 'T', 0)" class="form-control">
                                                    </div>
                                                </div>

                                                <div class="col-md-1">
                                                    <div class="form-group">
                                                        <input type="text" id="ReferenceNo" class="form-control" onkeydown="Focusnextgrid(event, 'R', 0)" onkeypress="isNumberInt(event, this)">
                                                    </div>
                                                </div>

                                                <div class="form-group">
                                                    <button type="button" id="btnadd" onkeydown="Focusnextgrid(event, 'B', 0)" class="btn btn-primary">+</button>
                                                </div>
                                                <div class="form-group" style="margin-left:15px;">
                                                    <button type="button" id="JobandFC" class="btn btn-primary" onclick="Addpopupwindow(2);">Job&FC</button>
                                                </div>
                                                <div class="form-group" style="margin-left:15px;">
                                                    <button type="button" id="InvoiceSettlement" class="btn btn-outline-primary" onclick="GetList(0)">Pending Invoice</button>
                                                </div>
                                                <div class="form-group" style="margin-left:15px;">
                                                    <button type="button" id="PayRollBtn" class="btn btn-outline-primary" onclick="ShowPayRoll()">PayRoll</button>
                                                </div>
                                                <div class="form-group" id="btnDepreciation" style="margin-left:15px;display:none">
                                                    <button type="button"  class="btn btn-outline-primary" onclick="TransferALL()">Depreciation</button>
                                                </div>
                                            </div>

                                        </div>

                                    </div>

                                    <div id="customView" class="jsgrid dataTables_scrollBody" style="overflow:auto;height: 310px; width: 99%; margin-left:9px;margin-top:-15px;">

                                            <table class="jsgrid-table" id="tblvoucherentry">
                                                <tr class="jsgrid-header-row">
                                                    <th class="jsgrid-header-cell jsgrid-control-field jsgrid-align-center" style="width:60px;border-bottom:1px solid #CCD6E6" id="Del"><i class="icon-trash"></i></th>
                                                    <th class="jsgrid-header-cell jsgrid-align-right jsgrid-header-sortable" style="width:50px;border-bottom:1px solid #CCD6E6">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-center jsgrid-header-sortable" style="width:120px;border-bottom:1px solid #CCD6E6">Type</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center jsgrid-header-sortable" style="width:150px;display:none;border-bottom:1px solid #CCD6E6" id="emp">Emp Id</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center jsgrid-header-sortable" style="width:300px;display:none;border-bottom:1px solid #CCD6E6" id="empname">Employee Name</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center jsgrid-header-sortable" style="width:300px;border-bottom:1px solid #CCD6E6">Account Name</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="width:400px;border-bottom:1px solid #CCD6E6">Description</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="width:140px;border-bottom:1px solid #CCD6E6">InvDate</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="width:140px;border-bottom:1px solid #CCD6E6">Amount</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="width:180px;border-bottom:1px solid #CCD6E6">Tax#</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="width:180px;border-bottom:1px solid #CCD6E6">Reference#</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="display:none;width:150px;border-bottom:1px solid #CCD6E6" id="thFC">FC</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="display:none;width:150px;border-bottom:1px solid #CCD6E6" id="thBank">Rate</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="display:none;width:150px;border-bottom:1px solid #CCD6E6" id="thFCAmount">FC Amount</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="display:none;width:150px;border-bottom:1px solid #CCD6E6" id="thJobCode">Job Code</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="display:none;width:150px;border-bottom:1px solid #CCD6E6" id="thCostCode">Cost Code</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="display:none;width:150px;border-bottom:1px solid #CCD6E6" id="typetrx">TRX Type</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="display:none;width:150px;border-bottom:1px solid #CCD6E6" id="thBank">Bank</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="display:none;width:150px;border-bottom:1px solid #CCD6E6" id="thBank">Cheque#</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="display:none;width:150px;border-bottom:1px solid #CCD6E6" id="thBank">Cheque Date</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="display:none;width:150px;border-bottom:1px solid #CCD6E6" id="thPDCAc">PDC AC</th>

                                                </tr>
                                            </table>

                                        </div>
                                    <div class="form-actions" >
                                        <label style="margin-left:2%;font-weight:bold" id="balancelabel">Balance As Per Today : </label>
                                        <input class="text-md-left" value="0.0" id="Acbal1" readonly="readonly" style="font-size:18px;color:crimson;font-weight:700;border:none">
                                        <div class="text-right" style="margin-top:-15px">
                                            <input type="text" id="slnotxt" class="form-control" value="1" style="display:none;border:none">
                                            <input type="hidden" id="hiddenrow" />
                                            @*<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="VEViewFiles" 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('../AccountsErp/VoucherwiseAccountsReport')" 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>
                                            <input type="button" id="btnExporttoExcel" style="" value="Export To Excel" class="btn gradient-back-to-earth  mr-1 mb-1 white" />
                                            <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>
                                           <input type="hidden" id="desc"/>
                                        </div>
                                    </div>
                                    <br />
                                </div>
                            </form>
                        </div>

                  
                </div>
            </div>

        </div>
    </section>
</div>
<div style="margin-bottom:3%" class="row col-md-12 white">
    <h6 class="col-md-2" style="font-size:medium;text-align:left;font-weight:500"> Job & FC : F4</h6>  
    <h6 class="col-md-2" style="font-size:medium;text-align:left;font-weight:500"> Description Edit : Up Arrow</h6> 
</div>

<div id="PayRollDiv" class="modal fade text-left show" tabindex="-1" role="dialog" aria-labelledby="myheader" style="background:rgba(0,0,0,0.5); display: block;margin-top:0%;display: none;">
    <div class="modal-dialog modal-dialog-centered" role="document" style="top:-25%">
        <div class="modal-content">
            <div class="modal-header"><h4><b>PayRoll</b></h4>
                <button type="button" class="close" onclick="$('#PayRollDiv').hide()" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>

            <div class="modal-body">
                <div class="col-md-12">
                    <div class="row" id="" style="margin-top:2%;">

                        <label class="col-md-5" style="text-align:left" id="reason">Employee</label>
                        <div class="col-md-7">
                            <input type="text" id="Employee" class="form-control" onkeyup="EmpEmpty()" disabled>
                            <input type="text" style="display:none" id="EmployeeId0" />
                            <input type="text" style="display:none" id="EmpCode" />
                        </div>

                    </div>
                    <div class="row" id="" style="margin-top:2%;">                      
                        <label class="col-md-5" style="text-align:left" id="reason">Salary Date</label>
                        <div class="col-md-7">
                            <div class="input-group">
                                <input type="text" id="TransferSalary" class="form-control">
                                <div class="input-group-append" id="Transfersal">
                                    <button class="btn btn-outline-primary" id="Transfersal" type="button">⇆</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
           


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

<div id="DepreciationDiv" class="modal fade text-left show" tabindex="-1" role="dialog" aria-labelledby="OtherCostheader" style="padding-right: 17px; background:rgba(0,0,0,0.5); display: block; display:none">
    <div class="modal-dialog modal-xl" role="document" style="top:2%;">
        <div class="modal-content">
            <div class="modal-header bg-primary white">
                <h4 class="modal-title" id="MRheader">Depreciation</h4>
                <button type="button" class="close" onclick="$('#DepreciationDiv').hide()" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <form id="MRSub" style="display:none;">
                <div class="modal-body">
                    <div class="table-responsive">
                 
                        <div class="overflow-auto" style="height:525px;overflow:scroll;width:100%;overflow:auto;">
                            <table id="tblDepreciation" class="table table-striped table-bordered zero-configuration dataTable"></table>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <input type="button" onclick="$('#DepreciationDiv').hide()" class="btn btn-outline-secondary"  data-dismiss="modal" value="Back">
                </div>
            </form>
        </div>
    </div>

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

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

<div style="display:none">
    <table id="DosPrintVE" class="dataTableVE"></table>
</div>

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


<div class="modal fade text-left show" id="Popup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel17" style="padding-right: 17px;display: none;background:rgba(0,0,0,0.5);">
    <div class="modal-dialog" role="document" style="top:10%">
        <div class="modal-content" style="width:200%; margin-left:-200px">
            <div class="modal-header bg-primary white">
                <h4 class="modal-title" id="MyHeader"></h4>
                <button type="button" class="close" data-dismiss="modal" onclick="CloseGridMultiple()" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>


            <form id="PendingInv" style="display:none">
                <div class="modal-body">
                    <div class="table-responsive">
                        <div class="overflow-auto" style="height:400px; ">
                            <table id="PendingInvoicelist" class="table table-striped table-bordered zero-configuration dataTable"></table>
                        </div>
                    </div>
                    <input type="hidden" id="RowGet" />
                </div>
                <div class="modal-footer">
                    <input type="text" id="BaseAmount" style="display:none" />
                    <input type="text" id="Sum" style="display:none" />
                    <input type="button" id="btnaddtogridInv" class="btn btn-outline-secondary" onclick="AddtoGridMultiple()" value="Add">
                    <input type="button" id="btnclosegridPI" class="btn btn-outline-secondary " onclick="CloseGridMultiple()" value="Close">
                </div>
            </form>

            <form id="JobAndFC" style="display:none">
                <div class="modal-body" style="margin-left:1%">                                        
                    <div class="form-group row">
                        <div  class="col-md-1">
                        <label id="FClb">Currency</label>
                        </div>
                        <div class="col-md-3">
                            <select id="Currency" onchange="CurrencyChange(this.id)" class="form-control" onkeydown="Focusnextgrid(event,'JC',0)" ></select>
                        </div>
                        <div class="col-md-1">
                        <label id="Ratelb">Rate</label>
                        </div>
                        <div class="col-md-3">
                            <input type="text"  onkeyup="CalculateFCAmount()" onkeypress="isNumber(event,this)" id="Rate" class="form-control" onkeydown="Focusnextgrid(event,'JR',0)">
                        </div>
                        <div class="col-md-1"> 
                         <label>FCAmount<span class="danger">*</span></label>
                        </div>
                        <div class="col-md-3">
                            <input type="text"  id="FCAmount" onkeyup="CalAmount()" onkeydown="Focusnextgrid(event,'JA',0)"  onkeypress="isNumber(event,this)"  class="form-control">
                        </div>
                    </div>

                    <div class="form-group row">
                        <div class="col-md-1">
                        <label for="AccountType">Acc.Type</label>
                        </div>
                        <div class="col-md-3">
                            <select id="AccountType" onchange="AccTypeChange(this.id)" onkeydown="Focusnextgrid(event,'JAT',0)" class="form-control"></select>
                            <input type="text" style="display:none" id="AccountTypeCode" />
                            <input type="text" style="display:none" id="AccId" />
                        </div>
                        <div class="col-md-1">
                        <label for="Type">TRX.Type</label>
                        </div>
                        <div class="col-md-3">
                            <select id="Type" onkeydown="Focusnextgrid(event,'JTT',0)" 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 class="col-md-1">
                        <label id="ChequeNolb">Trx/Chq#</label>
                        </div>
                        <div class="col-md-3">
                            <input type="text" id="ChequeNo" onkeydown="Focusnextgrid(event,'JCQ',0)" disabled class="form-control">
                        </div>
                    </div>
                    
                    <div class="form-group row">
                        <div class="col-md-1">
                        <label id="ChequeDatelb">Chq.Date</label>
                        </div>
                        <div class="col-md-3">
                            <input type="text" id="ChequeDate" onclick="$('#ChequeDate').focus()" class="form-control" onkeydown="Focusnextgrid(event,'JCQD',0)" disabled>
                        </div>
                        <div  class="col-md-1">
                         <label id="Banklb">Bank</label>
                        </div>
                        <div class="col-md-3">
                            <select id="Bank" name="priority" class="form-control" onkeydown="Focusnextgrid(event,'JB',0)" disabled></select>
                        </div>
                        <div class="col-md-1">
                        <label id="PDClb">PDCFrom</label>
                        </div>
                        <div class="col-md-3">
                            <input type="text" id="PDCAccount" class="form-control" onkeydown="Focusnextgrid(event,'JPDC',0)" style="">
                            <input type="text" id="PDCAccountId" style="display:none">
                        </div>
                       
                        
                    </div>
                    
                    <div class="row" style="margin-top:10px">
                        <div class="col-md-1">  
                        <label id="JobCodelb">JobCode</label>
                        </div>
                        <div class="col-md-3">
                            <select id="JobCode" class="form-control" onkeydown="Focusnextgrid(event,'JCO',0)"></select>
                        </div>
                        <div class="col-md-1">
                         <label id="CostCodelb">CostCode</label>
                        </div>
                        <div class="col-md-3">
                            <select id="CostCenterName" class="form-control" onkeydown="Focusnextgrid(event,'JCST',0)"></select>
                        </div>
                        
                    </div>
                   
                </div>
                <div class="modal-footer">
                    <input type="text" id="AmountFC" style="display:none">
                    <input type="text" id="AmountCon" style="display:none">

                    @*<label id="PDClb">PDCAc From</label>
                        <div class="col-md-3" style="margin-right:53.5%">
                            <input type="text" id="PDCAccount" class="form-control" style="margin-left:-7px">
                            <input type="text" id="PDCAccountId" style="display:none">
                        </div>*@


                    <input type="button" id="btnaddtogrid" class="btn btn-outline-secondary " onclick="GetJob()" onkeydown="Focusnextgrid(event,'JADD',0)" value="Add">
                    <input type="button" id="btnclosegrid" class="btn btn-outline-secondary " onclick="($('#Popup').hide())" value="Close">
                </div>
            </form>


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


<div id="popupdiv" 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;height:200%;width:110%">
    <div class="modal-dialog modal-lg" role="document" style="top:5%">
        <div class="modal-content" style="width:80%">
            <div class="modal-header bg-primary white">
                <h3 class="modal-title" id="myheader" style="height:25px">Description</h3>
                <button type="button" class="close" onclick="$('#popupdiv').hide(), $('#Description').val('')" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <form id="monthpopup" style="display:none1">
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">

                            <textarea type="text" id="Description" onkeypress="desc()" class="form-control" style="height:100px" autocomplete="off"></textarea>
                        </div>
                    </div>
                   
                </div>

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

<table id="tbExport" style="display:none"></table>

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

    <input id="DefaultPdcAccCode" />
    <input id="DefaultPdcAccId" />


</div>
@*//USEDCARS*@
<input style="display:none" id="vouchersaveno" />

<input type="text" id="VEfileUploadValue" style="display:none" />
<input type="text" id="VEfileInsertOnebyone" style="display:none" />
<input type="text" id="VEVoucherType" style="display:none" />
<input type="text" id="VEVoucherTypeDesc" style="display:none" />


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

                function UploadVEFiles() {
                    if (document.getElementById('VEfileUpload').files.length > 0) {

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

                function CreateFolder() {
                    var data = {};
                    data.DeptId = ERPDeptId;
                    data.VoucherNo = $('#VEfileUploadValue').val();

                  if($('#VEVoucherType').val()=='JV')
                  {
                      var VEVoucherTypeDesc = 'JournelVoucher';
                      $('#VEVoucherTypeDesc').val(VEVoucherTypeDesc);
                    
                      $.ajax({
                          type: "POST",
                          url: "../AccountsErp/JVFolderCreate",
                          data: data,
                          success: function (result) {
                              FileUploadDB(0);

                          }
                      });
                  }
                
                  else if($('#VEVoucherType').val()=='RV')
                  {
                      var VEVoucherTypeDesc = 'ReceiptVoucher';
                      $('#VEVoucherTypeDesc').val(VEVoucherTypeDesc);
                      $.ajax({
                          type: "POST",
                          url: "../AccountsErp/RVFolderCreate",
                          data: data,
                          success: function (result) {
                              FileUploadDB(0);

                          }
                      });
                  }
                  else if($('#VEVoucherType').val()=='PV')
                  {
                      var VEVoucherTypeDesc = 'PaymentVoucher';
                      $('#VEVoucherTypeDesc').val(VEVoucherTypeDesc);
                      $.ajax({
                          type: "POST",
                          url: "../AccountsErp/PVFolderCreate",
                          data: data,
                          success: function (result) {
                              FileUploadDB(0);

                          }
                      });
                  }
                  else if($('#VEVoucherType').val()=='PC')
                  {
                      var VEVoucherTypeDesc = 'PettyCashVoucher';
                      $('#VEVoucherTypeDesc').val(VEVoucherTypeDesc);
                      $.ajax({
                          type: "POST",
                          url: "../AccountsErp/PCFolderCreate",
                          data: data,
                          success: function (result) {
                              FileUploadDB(0);

                          }
                      });
                  }
                  else if($('#VEVoucherType').val()=='CV')
                  {
                      var VEVoucherTypeDesc = 'ContraVoucher';
                      $('#VEVoucherTypeDesc').val(VEVoucherTypeDesc);
                      $.ajax({
                          type: "POST",
                          url: "../AccountsErp/CVFolderCreate",
                          data: data,
                          success: function (result) {
                              FileUploadDB(0);

                          }
                      });
                  }
                  else if($('#VEVoucherType').val()=='AV')
                  {
                      var VEVoucherTypeDesc = 'AdjustmentVoucher';
                      $('#VEVoucherTypeDesc').val(VEVoucherTypeDesc);
                      $.ajax({
                          type: "POST",
                          url: "../AccountsErp/AVFolderCreate",
                          data: data,
                          success: function (result) {
                              FileUploadDB(0);

                          }
                      });
                  }
                  else if($('#VEVoucherType').val()=='TV')
                  {
                      var VEVoucherTypeDesc = 'TransferVoucher';
                      $('#VEVoucherTypeDesc').val(VEVoucherTypeDesc);
                      $.ajax({
                          type: "POST",
                          url: "../AccountsErp/TVFolderCreate",
                          data: data,
                          success: function (result) {
                              FileUploadDB(0);

                          }
                      });
                  }
                  else if($('#VEVoucherType').val()=='CN')
                  {
                      var VEVoucherTypeDesc = 'CreditNoteVoucher';
                      $('#VEVoucherTypeDesc').val(VEVoucherTypeDesc);
                      $.ajax({
                          type: "POST",
                          url: "../AccountsErp/CNFolderCreate",
                          data: data,
                          success: function (result) {
                              FileUploadDB(0);

                          }
                      });
                  }
                  else if($('#VEVoucherType').val()=='DN')
                  {
                      var VEVoucherTypeDesc = 'DebitNoteVoucher';
                      $('#VEVoucherTypeDesc').val(VEVoucherTypeDesc);
                      $.ajax({
                          type: "POST",
                          url: "../AccountsErp/DNFolderCreate",
                          data: data,
                          success: function (result) {
                              FileUploadDB(0);

                          }
                      });
                  }
                  else if($('#VEVoucherType').val()=='BPV')
                  {
                      var VEVoucherTypeDesc = 'BPVoucher';
                      $('#VEVoucherTypeDesc').val(VEVoucherTypeDesc);
                      $.ajax({
                          type: "POST",
                          url: "../AccountsErp/BPVFolderCreate",
                          data: data,
                          success: function (result) {
                              FileUploadDB(0);

                          }
                      });
                  }
                  else if($('#VEVoucherType').val()=='BRV')
                  {
                      var VEVoucherTypeDesc = 'BRVoucher';
                      $('#VEVoucherTypeDesc').val(VEVoucherTypeDesc);
                      $.ajax({
                          type: "POST",
                          url: "../AccountsErp/BRVFolderCreate",
                          data: data,
                          success: function (result) {
                              FileUploadDB(0);

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

                    var data = {};
                    data.VoucherNo = $('#VEfileUploadValue').val();
                    data.FileName = $("#VEfileUpload").get(0).files[Flag].name;
                    data.Extension = $("#VEfileUpload").get(0).files[Flag].name.split('.').pop();
                    data.Flag = Flag;
                    data.DeptId = ERPDeptId;
                    data.UserId = ERPUserId;
                    data.VoucherType = $('#VEVoucherType').val();
                    data.VoucherEntryDescription = $('#VEVoucherTypeDesc').val();
                    $.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;
                            var VoucherTypeNew = result.dList[0].VoucherType;
                            $('#VEfileInsertOnebyone').val(VoucherNoNew);
                            $('#VEVoucherType').val(VoucherTypeNew);
                            if (status == 1) {
                                FileUploadFolder(Flag, DBFlag, status);
                            }

                        }
                    });




                }
                function FileUploadFolder(Flag, DBFlag, status) {
                    // Folder Save
                    //alert($('#VEfileInsertOnebyone').val())
                    var formData = new FormData();
                    var imageName = DBFlag
                    var browsedFile = document.getElementById("VEfileUpload").files[Flag];
                    var Extension = $("#VEfileUpload").get(0).files[Flag].name.split('.').pop();
                    var SlNo = $('#VEfileInsertOnebyone').val();
                    var DeptId = ERPDeptId;
                    var FileVocType = $('#VEVoucherTypeDesc').val();

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

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

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

                        }
                    });
                }
                function ShowSavedFiles(result) {

                    disable_datatable('tbl_documentlist');
                    $("#VEDocument").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].VoucherEntryDescription + "'\,\'" + 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(VoucherFolder,DocumentId, Extension) {
                    var flname = '../ProjectImages/' + VoucherFolder + '/' + ERPDeptId + '/' + $("#VoucherNo").val() + '/' + DocumentId + '.' + Extension;
                    window.open(flname);
                }







                function exportbilltotable() {
                    var row = ""
                    var VDate = $('#VoucherDate').val();
                    var CrAmount = $("#Credittxt").val(); var DbAmount = $("#Credittxt").val();
                    row += '<tr><td><b>Voucher Type</b></td><td><b>' + $("#VoucherType option:selected").text() + '</b></td><td><b>Voucher#<b> </td><td><b>' + $('#VoucherNo').val() + '</b></td></tr>';
                    row += '<tr><td><b>Voucher Date</b></td><td><b>' + VDate + '</b></td></tr>';
                    row += '<tr><td><b>Credit Amount</b></td><td><b>' + CrAmount + '</b></td><td><b>Debit Amount</b></td><td><b>' + DbAmount + '</b></td><td></td></tr>'

                    row += '<tr><td>Type</td><td>Account Name</td><td>Description</td><td>InvDate</td><td>Amount</td><td>Tax#</td>'+
                        '<td>Ref.#</td><td>JobCode</td><td>CostCode</td><td>FC</td><td>FC Rate</td><td>FC Amount</td><td>TRX Type</td>'+
                        '<td>Bank</td><td>Cheque</td><td>Cheque Date</td><td>PDC A/C</td></tr>'

                    for (k = 1; k < $('#tblvoucherentry tr').length; k++) {
                        var VTypeId = $('#VType' + k).val(); var Account = $('#AccountId' + k).val();
                        var AccountDesc = $('#VoucherEntryDescription' + k).val(); var InvDate = $('#InvoDate' + k).val();
                        var Amnt = $('#Amount' + k).val(); var Tax = $('#TaxNo' + k).val(); var RefNo = $('#ReferenceNo' + k).val();
                        var JobCode = $('#ProjectJobId' + k).find("option:selected").attr("name");
                        var CostCode = $('#CostCenterId' + k).find("option:selected").attr("name");
                        var FC = $('#CurrencyId' + k).find("option:selected").text(); var FCRate = $('#Rate' + k).val();
                        var FCAmount = $('#FCAmount' + k).val();

                        if ($('#trxtype' + k).val() != 0)
                        {
                            var TRXType = $('#trxtype' + k).find("option:selected").text();

                        }
                        else
                        {
                            var TRXType =''
                        }
                        var Bank = $('#BankId' + k).find("option:selected").attr("name");
                        var ChqNo = $('#ChequeNo' + k).val(); var ChqDate = $('#ChequeDate' + k).val();
                        var PDCAC = $('#PDCAccount' + k).val();
                       
                              row += '<tr><td>' + VTypeId + '</td><td>' + Account + '</td><td>' + AccountDesc + '</td><td>' + InvDate + '</td>'+
                            '<td>' + Amnt + '</td><td>' + Tax + '</td><td>' + RefNo + '</td><td>' + JobCode + '</td><td>' + CostCode + '</td>'+
                            '<td>' + FC + '</td><td>' + FCRate + '</td><td>' + FCAmount + '</td><td>' + TRXType + '</td><td>' + Bank + '</td>'+
                            '<td>' + ChqNo + '</td><td>' + ChqDate + '</td><td>' + PDCAC + '</td></tr>'
                      }
                    $('#tbExport').html('')
                    $('#tbExport').append(row);
                }



                $(function () {
                    $("#btnExporttoExcel").click(function () {

                        if ($('#tblvoucherentry tr').length > 1 && $("#VoucherNo").val() != 0) {
                            exportbilltotable();
                            var VNo = 'Voucher#-' + $('#VoucherNo').val();
                            $("#tbExport").table2excel({
                                filename: VNo + ".xls"
                            });
                        }
                        else if ($('#tblvoucherentry tr').length > 1 && $("#VoucherNo").val() == 0)
                        {
                            warningshow("Please Select Voucher Type ");
                            $("#VoucherType").focus();
                        }
                        else {
                            warningshow("No Transaction!");
                        }
                    });

                });

                $("#AccountName").autocomplete({
                    source: function (request, response) {
                        var data = {};
                        data.AccCode = $("#AccountName").val();
                        $.ajax({
                            url: '../AccountsErp/AccSearch',
                            type: "POST",
                            data: data,
                            dataType: "json",
                            success: function (data) {
                                response($.map(data, function (item) {
                                    return ({
                                        ColCount: '-2',
                                        label: item.AccDescription,
                                        label1: item.AccCode,
                                      
                                        AccountName: item.AccDescription,
                                        AccCode: item.AccCode,
                                        AccountId: item.AccId,
                                      
                                        //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();
                        balload();


                    },

                });
                /////
                var ppoo = 0;
                $("#Employee").autocomplete({
                    source: function (request, response) {
                        var data = {};
                        data.AccCode = $("#Employee").val();
                        $.ajax({
                            url: '../AccountsErp/EmpSearch',
                            type: "POST",
                            data: data,
                            dataType: "json",
                            success: function (data) {
                                response($.map(data, function (item) {
                                    return ({
                                        ColCount: '-2',
                                        label: item.AccDescription,
                                        label1: item.AccCode,
                                        label2: item.TranId,
                                        label3: item.TranCode,
                                        label4: item.TranName,
                                        AccountName: item.AccDescription,
                                        AccCode: item.AccCode,
                                        AccountId: item.AccId,
                                        TranId: item.TranId,
                                        TranCode: item.TranCode,
                                        TranName: item.TranName,
                                        //CurrencyId: item.CurrencyId,
                                        headers: ["Account Name", "Account Code"]
                                    })
                                }));

                            }
                        })
                    },
                    autoFocus: true,
                    select: function (event, ui) {
                        $('#Employee').val(ui.item.label)
                        $('#EmpCode').val(ui.item.label1)
                        $('#EmployeeId0').val(ui.item.AccountId)
                     
                        $('#AccountName').val(ui.item.TranName)
                        $('#AccCode').val(ui.item.TranCode)
                        $('#supplierId0').val(ui.item.TranId)
                        var empname= $('#Employee').val();
                        $('#VoucherEntryDescription').val("Advance Paid To " + empname)
                        $('#ReferenceNo').val($('#EmployeeId0').val());
                        VoucherEntryDescription
                        $('#VoucherType').focus();
                      
                        ppoo = 1;
                      //  $('#VoucherType').val(1);
                       // serialnoload();


                        //$('#Currency').val(ui.item.CurrencyId)
                        //$("#Rate").val($("#Currency").find("option:selected").attr("name"));
                      //  alert("Hai")
                      
                  
                      


                    },

                });

                /////for Transfer


                $("#TransferVoucherNo").autocomplete({
                    source: function (request, response) {
                        var data = {};
                        data.VoucherNo = $("#TransferVoucherNo").val();
                        data.VoucherTypePrefix = "";
                        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,
                                        TransferVoucherNo: item.VoucherNo,
                                        VoucherTypePrefix: item.VoucherTypePrefix,
                                        VoucherTypeId: item.VoucherTypeId,
                                        headers: ["Voucher Number", "VoucherType Prefix"]
                                    })
                                }));
                            }

                        })

                    },
                    autoFocus: true,
                    select: function (event, ui) {
                        debugger;
                        $('#TransferVoucherNo').val(ui.item.TransferVoucherNo);
                        $('#VoucherNo').val(ui.item.TransferVoucherNo);
                        $("#VoucherType").val(ui.item.VoucherTypeId);                       
                        $("#btncopy").hide();
                        $("#btnExporttoExcel").show();
                        $('#VoucherType').prop('disabled', true);
                        $('#VoucherDate').prop('disabled', true);
                        var VoucherNo = $('#TransferVoucherNo').val();
                        var VoucherTypeId = $("#VoucherType").val();                       
                        var srlno = {};
                        srlno.DeptId = ui.item.TransferVoucherNo;
                        srlno.VType = ui.item.VoucherTypeId + '##' + ERPDeptId;
                        console.log(ui.item.VoucherTypeId + '##' + ERPDeptId);;
                        $.ajax({
                            type: "POST",
                            url: "../AccountsErp/VoucherEntryGetandGetss",
                            data: srlno,
                            success: function (result) {
                                VoucherNoGets(result.oList,1);
                                $('#btnsubmit').focus();
                            }
                        });
                    },
                });

                //For Copy Only


                $("#TransferVoucherNoCopy").autocomplete({
                    source: function (request, response) {
                        var data = {};
                        data.VoucherNo = $("#TransferVoucherNoCopy").val();
                        data.VoucherTypePrefix = "";
                        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,
                                        TransferVoucherNo: item.VoucherNo,
                                        VoucherTypePrefix: item.VoucherTypePrefix,
                                        VoucherTypeId: item.VoucherTypeId,
                                        headers: ["Voucher Number", "VoucherType Prefix"]
                                    })
                                }));
                            }

                        })

                    },
                    autoFocus: true,
                    select: function (event, ui) {
                        debugger;
                        $('#TransferVoucherNoCopy').val(ui.item.TransferVoucherNo);
                        $('#VoucherNo').val(ui.item.TransferVoucherNo);
                        $("#VoucherType").val(ui.item.VoucherTypeId);
                        $('#VEVoucherType').val(ui.item.VoucherTypePrefix);
                        $("#btnprint").show();
                        $("#btncopy").hide();
                        $("#btnExporttoExcel").show();
                        $('#VoucherType').prop('disabled', true);
                        $('#VoucherDate').prop('disabled', true);
                        var VoucherNo = $('#TransferVoucherNoCopy').val();
                        var VoucherTypeId = $("#VoucherType").val();
                        var srlno = {};
                        srlno.DeptId = ui.item.TransferVoucherNo;
                        srlno.VType = ui.item.VoucherTypeId + '##' + ERPDeptId;
                        console.log(ui.item.VoucherTypeId + '##' + ERPDeptId);
                        $.ajax({
                            type: "POST",
                            url: "../AccountsErp/VoucherEntryGetandGetss",
                            data: srlno,
                            success: function (result) {
                                VoucherNoGets(result.oList,0);
                                $('#btnsubmit').focus();
                                if ((usermenu1.indexOf("M305") != -1)) {
                                    $('#VEViewFiles').show();
                                }
                            }
                        });
                    },
                });




                $("#PDCAccount").autocomplete({
                    source: function (request, response) {
                        var data = {};
                        data.AccCode = $("#PDCAccount").val();
                        $.ajax({
                            url: '../AccountsErp/AccSearch',
                            type: "POST",
                            data: data,
                            dataType: "json",
                            success: function (data) {
                                response($.map(data, function (item) {
                                    return ({
                                        ColCount: '-2',
                                        label: item.AccCode,
                                        label1: item.AccDescription,
                                        Acc_Id: item.AccId,
                                        headers: ["Account Code", "Account Name"]
                                    })
                                }));
                            }
                        })
                    },
                    autoFocus: true,

                    select: function (event, ui) {
                        $('#PDCAccountId').val(ui.item.Acc_Id);
                        $('#btnaddtogrid').focus();
                    },

                });

                $('#tblvoucherentry').jqGrid({
                    shrinkToFit: false
                });


                function PDCAccountAutoComplete(RowId) {


                    $("#PDCAccount" + RowId).autocomplete({
                        source: function (request, response) {
                            var data = {};
                            data.AccCode = $("#PDCAccount" + RowId).val();
                            $.ajax({
                                url: '../AccountsErp/AccSearch',
                                type: "POST",
                                data: data,
                                dataType: "json",
                                success: function (data) {
                                    response($.map(data, function (item) {
                                        return ({
                                            ColCount: '-TWO',
                                            label: item.AccCode,
                                            label1: item.AccDescription,
                                            Acc_Id: item.AccId,
                                            headers: ["Account Code", "Account Name"]
                                        })
                                    }));
                                }
                            })
                        },
                        autoFocus: true,

                        select: function (event, ui) {
                        },

                    });

                }

                function AccountAutoCompleteGrid(RowId) {


                    $("#AccountId" + RowId).autocomplete({
                        source: function (request, response) {
                            var data = {};
                            data.AccCode = $("#AccountId" + RowId).val();
                            $.ajax({
                                url: '../AccountsErp/AccSearch',
                                type: "POST",
                                data: data,
                                dataType: "json",
                                success: function (data) {
                                    response($.map(data, function (item) {
                                        return ({
                                            ColCount: '-2',
                                            label: item.AccDescription,
                                            label1: item.AccCode,
                                            Acc_Id: item.AccId,
                                            headers: ["Account Code", "Account Name"]
                                        })
                                    }));
                                }
                            })
                        },
                        autoFocus: true,

                        select: function (event, ui) {

                            $('#AccCode' + RowId).val(ui.item.label1)
                            $('#supplierId' + RowId).val(ui.item.Acc_Id)
                        },

                    });

                }

                function ShowPayRoll() {
                    $("#PayRollDiv").show();
                }
               
            </script>

<div id="VEDocument" 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="$('#VEDocument').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="VEfile[]" id="VEfileUpload" 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="btnuploadVEfiles" onclick="UploadVEFiles()" 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>