@{
    ViewBag.Title = "PettyVoucher";
}
<script type="text/javascript" src="../Projectscript/PettyVoucher.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 src="~/ProjectScript/Windowsprint.js"></script>


<style>
    #customView {
        border: 1px solid #CCD6E6;
    }
</style>

<script>

    function PrintthisBill() {

        PrintthismyexpenseEntryDefault($('#tblvoucherentry tr').length,1);
    }


        $("#jobcodee").autocomplete({
            delay: 0,
            minLength: 0,
            source: function (request, response) {
                if ($("#jobcodee").val() != '') {
                    var data = {};
                    data.JobCode = $("#jobcodee").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,
                                    JobCode: item.JobCode,
                                    ProjectJobId: item.ProjectJobId,
                                    headers: ["Job Code", "Description"]
                                })
                            }));
                        }



                    })
                }

            },
            autoFocus: true,

            select: function (event, ui) {
                $('#jobcodee').val(ui.item.JobCode)
                $('#jobcode').val(ui.item.ProjectJobId)
            },

        });
        $("#jobcodee").keydown(function (e) {
            var key = e.charCode ? e.charCode : e.keyCode ? e.keyCode : 0;
            if (key != 37 && key != 38 && key != 39 && key != 40 && key != 13)
                $('#jobcode').val(0);
        });
  











</script>


<div class="myData" data-x="M211" />
<div id="Entry" style="margin-top:-10px;">

    <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:85px">
                        <h3 class="card-title mb-0" style="float:left;font-weight:bold;">MY EXPENSE</h3>
                        <div class="text-right" style="display:none;">
                            <h6 style="float:left;margin-left:-75px;font-weight:bold;display:none;" 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" style="display:none;">

                            <h6 style="float:left;margin-left:-29px;font-weight:bold;display:none;" 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-content collapse show">
                        <div class="card-body" style="margin-top:-75px">
                            <form action="#">
                                <div class="form-body">
                                    <hr style="margin-top:75px" />
                                    <div class="row" style="margin-left:3px;width:100%;margin-top:-20px;height:350px;">
                                        <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;display:none;">Voucher Type<span class="danger">*</span></label>
                                                    <div class="col-md-2" style="display:none;">
                                                        <input type="hidden" id="txtvouctype" />
                                                        <select id="VoucherType" class="form-control" ></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">
                                                    </div>

                                                  

                                                    <label class="text-lg-left col-md-1" style="font-weight:bold;">Credit Account</label>
                                                    <div class="col-md-2">
                                                        <input type="text" id="BankAccount" class="form-control">
                                                        <input type="text" id="BankAccountName" style="display:none" />
                                                        <input type="text" id="BankAccountId" style="display:none">
                                                    </div>




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

                                                <div class="row" style="margin-top:11px;display:none;">
                                                    <label class="col-md-1 text-lg-left" style="font-weight:bold;">Account Type<span class="danger">*</span></label>
                                                    <div class="col-md-2">
                                                        <div class="input-group">
                                                            <select id="select_type" class="form-control" aria-describedby="addsbgrp" onclick="Enable()">
                                                                <option value="0">-Select-</option>
                                                                <option value="1">CASH</option>
                                                                <option value="2">PDC</option>
                                                                <option value="3">BANK</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <label class="text-lg-left  col-md-1" for="Type" style="font-weight:bold">TRX Type</label>
                                                    <div class="col-md-1 ">
                                                        <select id="Type" class="form-control" disabled  style="width:110%">
                                                            <option value=0>-Select-</option>
                                                            <option value=1>CHQ</option>
                                                            <option value=2>NEFT</option>
                                                            <option value=3>RTGS</option>
                                                            <option value=4>IMPS</option>
                                                            <option value=5>ATM</option>
                                                            <option value=6>Others</option>
                                                        </select>
                                                    </div>
                                                    <label class="text-lg-left" for="ChequeNo" style="font-weight:bold;margin-left:1.5%">TRX/CHQ#</label>
                                                    <div class="col-md-1">
                                                        <input type="text" id="ChequeNo" class="form-control"  disabled />
                                                    </div>
                                                    <label class="text-lg-left" style="font-weight:bold">Date</label>
                                                    <div class="col-md-1">
                                                            <input type="text" class="form-control" id="Date" disabled style="width:104%">
                                                    </div>
                                                    <label class="text-lg-left" for="Bank" style="font-weight:bold">Bank</label>
                                                    <div class="col-md-1 ">
                                                        <select id="Bank" class="form-control" disabled style="width:90%;" >
                                                        </select>
                                                    </div>
                                                    <h6 class="text-lg-left" style="font-weight:bold;display:none;">Dr</h6>
                                                    <div style="display:none;">
                                                        <input type="text" id="Debittxt" class="form-control" style="color:darkturquoise;background-color:#f0f6f6;border:none;margin-top:-8px;" readonly="readonly">
                                                    </div>
                                                </div>


                                                <div class="row" style="margin-top:11px">

                                                    <label class="text-lg-left col-md-1" style="font-weight:bold;">Debit Account</label>
                                                    <div class="col-md-2">
                                                        <input type="text" id="AccountName" class="form-control">
                                                    </div>
                                                    <label class="text-lg-left col-md-1" style="font-weight:bold">Amount<span class="danger">*</span></label>
                                                    <div class="col-md-2">
                                                        <input type="text" id="Amount" onkeypress="isNumber(event, this)" onkeyup="CalcFCAmount()" class="form-control">
                                                    </div>
                                                   
                                                    <label class="text-md-right" id="JobCodelb">Job Code</label>
                                                    <div class="col-md-2">
                                                        <input type="text" id="JobCodeNew" class="form-control">
                                                        <input type="text" id="jobcodeId" style="display:none" class="form-control">
                                                    </div>
                                                    </div>
                                                <div class="row" style="margin-top:11px">
                                                    <label class="text-lg-left col-md-1" style="font-weight:bold">Description</label>
                                                    @*<label class="col-md-2 text-lg-left" for="Bank" style="font-weight:bold;">Description<span class="danger">*</span></label>*@
                                                    <div class="col-md-4 input-group" style="">
                                                        <input type="text" id="VoucherEntryDescription" class="form-control">
                                                    </div>
                                                </div>

                                                    <div class="row" style="margin-top:11px; display:none">



                                                        @*<label class="text-lg-left col-md-1" style="font-weight:bold">Job Code</label>

                                                        <div class="col-md-2 input-group" style="">
                                                            <select id="JobCode" class="form-control"></select>
                                                        </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>

                                                    <div class="row" style="margin-top:1px">

                                                        <label class="text-lg-left col-md-1" style="font-weight:bold;display:none">Remarks</label>
                                                        <div class="col-md-2" style="display:none">
                                                            <input type="text" id="Remarks" style="" class="form-control">
                                                        </div>
                                                    </div>

                                                    <div class="row" style="margin-top:10px">
                                                        @*<label class="col-md-2 text-lg-left" for="Bank" style="font-weight:bold;display:none;">Credit Account</label>
                <div class="col-md-2 input-group" style="margin-left:-8.3%;display:none;">
                    <input type="text" id="BankAccount" class="form-control">
                    <input type="text" id="BankAccountName" style="display:none" />
                    <input type="text" id="BankAccountId" style="display:none">
                    <div class="input-group-append" id="addVisa">
                        <button class="btn btn-outline-primary" id="Account" type="button" onclick="window.open('../master/AccountHead')" style="height:100%">+</button>
                    </div>
                </div>*@
                                                        <label class="text-lg-left col-md-1" style="font-weight:bold"></label>
                                                        <div class="col-md-2 center" style="margin-left:10px;">
                                                            <button type="button" id="btnadd" class="btn btn-primary" style="">ADD</button>
                                                            @*<button type="button" style="width:90px" id="btnsubmit" class="btn btn-primary btn-min-width mr-1 mb-1"><u>S</u>ubmit <i class="fa fa-check-square-o"></i></button>
                                                            <button type="button" style="width:90px" 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>*@
                                                        </div>

                                                    </div>







                                                </div>
                                        </div>
                                    </div>
                                    <hr style="margin-top:150px;display:none;" />
                                    <div class="row col-md-12" style="margin-top:-10px;">
                                        <div class="col-md-12">
                                            <div class="row" style="height:20px;">
                                                <div class="col-md-1" style="display:none;">
                                                    <div class="form-group">
                                                        <label style="font-weight:bold">Type</label>
                                                    </div>
                                                </div>
                                                <div class="col-md-2" style="display:none;">
                                                    <div class="form-group">
                                                        <label style="font-weight:bold">Account Name</label><span class="danger">*</span>
                                                    </div>
                                                </div>

                                                <div class="col-md-2" style="display:none;">
                                                    <div class="form-group">
                                                        <label style="font-weight:bold">Description</label><span class="danger"></span>
                                                    </div>
                                                </div>
                                                @*<div class="col-md-2">
                                                    <div class="form-group">
                                                        <label style="font-weight:bold">Amount</label><span class="danger">*</span>
                                                    </div>
                                                </div>*@
                                                <div class="col-md-2" style="padding-top:2px;display:none;">
                                                    <div class="form-group">
                                                        <label style="font-weight:bold">Amount</label><span class="danger">*</span>
                                                    </div>
                                                </div>
                                                <div class="col-md-1" style="display:none;">
                                                    <div class="form-group">
                                                        <label style="font-weight:bold">Tax#</label>
                                                    </div>
                                                </div>
                                                <div class="col-md-1" style="display:none;">
                                                    <div class="form-group">
                                                        <label style="font-weight:bold">Reference#</label>
                                                    </div>
                                                </div>

                                            </div>

                                            <div class="row">
                                                <div class="col-md-1" style="display:none;">
                                                    <div class="form-group">
                                                        <select id="VType" class="form-control">
                                                            <option value="Debit">Dr</option>
                                                            
                                                        </select>
                                                    </div>
                                                </div>

                                                <div class="col-md-2 input-group" style="">
                                                 
                                                    <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" style="display:none;">
                                                        <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" style="display:none;">
                                                    <div class="form-group">
                                                        <input type="text" id="VoucherEntryDescription" class="form-control">
                                                    </div>
                                                </div>

                                                <div class="col-md-2" style="display:none;">
                                                    <div class="form-group">
                                                        <input type="text" id="Amount" onkeypress="isNumber(event, this)" onkeyup="CalcFCAmount()" class="form-control">
                                                    </div>
                                                </div>
                                                <div class="col-md-1" style="display:none;">
                                                    <div class="form-group">
                                                        <input type="text" id="TaxNo" class="form-control">
                                                    </div>
                                                </div>

                                                <div class="col-md-1" style="display:none;">
                                                    <div class="form-group">
                                                        <input type="text" id="ReferenceNo" class="form-control">
                                                    </div>
                                                </div>

                                                <div class="form-group" style="display:none;">
                                                    <button type="button" id="btnadd" class="btn btn-primary">+</button>
                                                </div>
                                              
                                                <div class="form-group" style="margin-left:15px;display:none;">
                                                    <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;display:none;">
                                                    <button type="button" id="VAT" class="btn btn-outline-primary" onclick="VATPOPUP()">VAT</button>
                                                </div>
                                            </div>

                                        </div>

                                    </div>

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

                                        <table class="jsgrid-table" id="tblvoucherentry" style="width: 99%;">
                                            <tr class="jsgrid-header-row">
                                                <th class="jsgrid-header-cell jsgrid-control-field jsgrid-align-center" style="width:80px;border-bottom:1px solid #CCD6E6;display:none;" id="Del" ><i class="icon-pencil"></i>&nbsp;<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-center jsgrid-header-sortable" style="width:150px;border-bottom:1px solid #CCD6E6;display:none;">Type</th>
                                                <th class="jsgrid-header-cell jsgrid-align-center jsgrid-header-sortable" style="width:250px;border-bottom:1px solid #CCD6E6;">Account Name</th>
                                                <th class="jsgrid-header-cell jsgrid-align-center" style="width:350px;border-bottom:1px solid #CCD6E6">Description</th>
                                                <th class="jsgrid-header-cell jsgrid-align-center" style="width:150px;border-bottom:1px solid #CCD6E6;display:none;">InvDate</th>
                                                <th class="jsgrid-header-cell jsgrid-align-center" style="width:150px;border-bottom:1px solid #CCD6E6">Amount</th>
                                                <th class="jsgrid-header-cell jsgrid-align-center" style="width:150px;border-bottom:1px solid #CCD6E6;display:none;">Tax#</th>
                                                <th class="jsgrid-header-cell jsgrid-align-center" style="width:150px;border-bottom:1px solid #CCD6E6;display:none;">Ref.#</th>
                                                <th class="jsgrid-header-cell jsgrid-align-center" style="display:none;width:150px;border-bottom:1px solid #CCD6E6;display:none;" id="thJobCode">Job Code</th>
                                                <th class="jsgrid-header-cell jsgrid-align-center" style="display:none;width:150px;border-bottom:1px solid #CCD6E6;display:none;" id="thCostCode">Cost Code</th>
                                                <th class="jsgrid-header-cell jsgrid-align-center" style="display:none;width:150px;border-bottom:1px solid #CCD6E6;display:none;" id="thFC">FC</th>
                                                <th class="jsgrid-header-cell jsgrid-align-center" style="display:none;width:150px;border-bottom:1px solid #CCD6E6;display:none;" id="thBank">Rate</th>
                                                <th class="jsgrid-header-cell jsgrid-align-center" style="display:none;width:150px;border-bottom:1px solid #CCD6E6;display:none;" id="thFCAmount">FC Amount</th>
                                                <th class="jsgrid-header-cell jsgrid-align-center" style="display:none;width:150px;border-bottom:1px solid #CCD6E6;display:none;" id="typetrx">TRX Type</th>
                                                <th class="jsgrid-header-cell jsgrid-align-center" style="display:none;width:150px;border-bottom:1px solid #CCD6E6;display:none;" id="thBank">Bank</th>
                                                <th class="jsgrid-header-cell jsgrid-align-center" style="display:none;width:150px;border-bottom:1px solid #CCD6E6;display:none;" id="thBank">ChequeNo</th>
                                                <th class="jsgrid-header-cell jsgrid-align-center" style="display:none;width:150px;border-bottom:1px solid #CCD6E6;display:none;" id="thBank">Cheque Date</th>
                                                <th class="jsgrid-header-cell jsgrid-align-center" style="display:none;width:150px;border-bottom:1px solid #CCD6E6;display:none;" id="thPDCAc">PDC Ac</th>

                                            </tr>
                                        </table>

                                    </div>
                                    <div class="form-actions">
                                        <div class="text-right">
                                            
                                            @*<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:90px;" id="btnsubmit" class="btn btn-primary btn-min-width mr-1 mb-1"><u>S</u>ubmit <i class="fa fa-check-square-o"></i></button>
                                            <button type="button" style="width:100px;display:none" id="btncopy" class="btn btn-primary btn-min-width mr-1 mb-1">Copy <i class="ft-align-justify"></i></button>
                                            <button type="button" style="width:100px;display:none;" 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:90px;" id="btnnew" onclick="Clear()" class="btn btn-primary btn-min-width mr-1 mb-1">Clear <i class="ft-refresh-cw position-right"></i></button>
                                            <button style="display:none" type="button" id="btndelete" class="btn btn-primary btn-min-width mr-1 mb-1">Delete <i class="fa fa-times"></i></button>
                                            <input type="text" id="slnotxt" class="form-control" value="1" style="display:none;border:none">
                                            <input type="hidden" id="hiddenrow" />
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>

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

        </div>
    </section>
</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:205%; 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="($('#Popup').hide())" 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="AddtoGrid()" value="Add">
                    <input type="button" id="btnclosegrid" class="btn btn-outline-secondary " onclick="($('#Popup').hide())" value="Close">
                </div>
            </form>

            <form id="JobAndFC" >
                <div class="modal-body">
                    <div class="row" style="margin-left:2px;">
                        @*<label class="text-md-right" id="JobCodelb">Job Code</label>
                        <div class="col-md-3">
                            <select id="JobCode" class="form-control"></select>
                        </div>*@
                        <label class="text-md-right" id="CostCodelb">Cost Code</label>
                        <div class="col-md-3">
                            <select id="CostCenterName" class="form-control"></select>
                        </div>
                        <label id="PDClb">PDCAc From</label>
                        <div class="col-md-3">
                            <input type="text" id="PDCAccount" class="form-control" style="margin-left:-7px">
                            <input type="text" id="PDCAccountId" style="display:none">
                        </div>
                    </div>
                    <div class="row" style="margin-left:2px;margin-top:10px;">
                        <label class="text-md-right" id="FClb">Currency</label>
                        <div class="col-md-3">
                            <select id="Currency" onchange="CurrencyChange(this.id)" class="form-control" style="margin-left:2px;"></select>
                        </div>
                        <label class="col-md-1 text-md-right" id="Ratelb">Rate</label>
                        <div class="col-md-3">
                            <input type="text" style="margin-left:-2px;" onkeyup="CalculateFCAmount()" onkeypress="isNumber(event,this)" id="Rate" class="form-control">
                        </div>
                        <label id="FCAmountlb">FC Amount</label>
                        <div class="col-md-3">
                            <input type="text" onkeypress="isNumber(event,this)" onkeyup="CalAmount()" id="FCAmount" class="form-control">
                        </div>
                    </div>
                    <div class="row" style="margin-left:2px;margin-top:10px;">
                        <label class="text-lg-right" for="Type" id="trxtypelb">TRX Type</label>
                        <div class="col-md-3 ">
                            <select id="trxtype" class="form-control">
                                <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="row" style="margin-top:10px;">
                        <label class="col-md-1 text-md-right" id="Banklb">Bank</label>
                        <div class="col-md-3">
                            <select id="Bank" name="priority" class="form-control"></select>
                        </div>
                        <label class="text-md-right" id="ChequeNolb">Trx/Chq No</label>
                        <div class="col-md-3">
                            <input type="text" id="ChequeNo" onkeypress="isNumberInt(event,this)" class="form-control">
                        </div>
                        <label id="ChequeDatelb">ChequeDt</label>
                        <div class="col-md-3">
                            <input type="text" id="ChequeDate" class="form-control" style="margin-left:5px;">
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <input type="text" id="AmountFC" style="display:none">
                    <input type="text" id="AmountCon" style="display:none">
                    <input type="button" id="btnaddtogrid" class="btn btn-outline-secondary " onclick="GetJob()" value="Add">
                    <input type="button" id="btnclosegrid" class="btn btn-outline-secondary " onclick="($('#Popup').hide())" value="Close">
                </div>
            </form>


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

<div class="modal fade text-left show" id="PopupVAT" 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:120%; margin-left:-210px">
            <div class="modal-header bg-primary white">
                <h4 class="modal-title" id="MyHeader">VAT</h4>
                <button type="button" class="close" data-dismiss="modal" onclick="closepopup(),($('#PopupVAT').hide())" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>


            <form id="VAT" style="display:none">
                <div class="modal-body">
                    <div class="table-responsive">
                        <div class="overflow-auto" style="height:400px; ">
                            <table id="VATList" 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="AddtoGrid()" value="Add">
                    <input type="button" id="btnclosegrid" class="btn btn-outline-secondary " onclick="($('#PopupVAT').hide())" value="Close">
                </div>
            </form>

            <form id="VATForm" style="display:none">
                <div class="modal-body">
                    <div class="row" style="margin-left:30px;">
                        <label class="text-md-right"></label>
                        <div class="col-md-4">
                            <select id="TAXPER" onchange="AccountChange(this.id)" class="form-control"></select>
                            <select id="taxhidden" class="form-control" style="display:none"></select>
                               
                           
                        </div>
                        <label class="col-md-3">Tax Account</label>
                        <div class="col-md-5">
                            <input type="text" id="TAXAccount" disabled style="background-color:white" class="form-control">
                            <select id="purchasetaxid" class="form-control" style="display:none"></select>
                            <select id="TAXAccountid" class="form-control"  style="display:none"></select>
                           
                        </div>
                    </div>
                    <div class="row" style="margin-left:30px;margin-top:10px;">
                        <label class="text-md-right"></label>
                        <div class="col-md-4">
                            <select id="type" class="form-control" onchange="TypeChange()"  style="margin-left:2px;">
                                <option value="0">Inclusive</option>
                                <option value="1">Exclusive</option>
                            </select>
                        </div>
                        <label class="col-md-3">Tax Amount</label>
                        <div class="col-md-5">
                            <input type="text" style="margin-left:-2px;background-color:white" disabled  id="TaxAmount" class="form-control">
                        </div>
                    </div>
                   
                </div>
                <div class="modal-footer">
                    <input type="text" id="AmountFC" style="display:none">
                    <input type="text" id="AmountCon" style="display:none">
                    <input type="button" id="btnaddtogrid" class="btn btn-outline-secondary " onclick="Add()" value="Add">
                    <input type="button" id="btnclose" class="btn btn-outline-secondary " onclick="closepopup(),($('#PopupVAT').hide())" value="Close">
                </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="btnokPV">
                        <input type="button" class="btn btn-outline-primary" value="Cancel" id="btncnclalrtPV">
                    </div>

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

<div style="display:none">
    <table id="DosPrintPC" class="dataTableVC"></table>
</div>

<div id="confirmVSubmit" class="overlay">
    <div class="modal fade text-left show" id="keyboard" tabindex="-1" role="dialog" aria-labelledby="myModalLabel3" style="display: block; padding-right: 17px; top:28%">
        <div class="modal-dialog" role="document">
            <div class="modal-content">

                <div class="modal-body">
                    <div class="swal-icon swal-icon--warning">
                        <span class="swal-icon--warning__body">
                            <span class="swal-icon--warning__dot"></span>
                        </span>
                    </div>
                    <div id="confirmVmessage" class="swal-title"></div>
                </div>
                <div class="modal-footer">
                   
                    <button type="button" onclick="CloseConfirmBox()" id="confirmVCancel" class="btn grey btn-outline-secondary btn-sizebig" data-dismiss="modal">Cancel</button>
                    <button type="button" onclick="submitVoucher()" id="confirmVOk" class="btn btn-outline-primary btn-sizebig" autofocus>Ok</button>
                </div>
            </div>
        </div>
    </div>
</div>


<script src="~/Scripts/Autocomplete/jquery-ui.js"></script>
<script>
   
$("#BankAccount").autocomplete({
    source: function (request, response) {
        var data = {};
        data.AccCode = $("#BankAccount").val()+'#0';
        $.ajax({
            url: '../AccountsErp/PCAccSearch',
            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) {
        $('#BankAccountId').val(ui.item.Acc_Id);
        $('#BankAccountName').val(ui.item.label1);

    },

});
$("#AccountName").autocomplete({
    source: function (request, response) {
        var data = {};
        data.AccCode = $("#AccountName").val()+'#1';
        $.ajax({
            url: '../AccountsErp/PCAccSearch',
            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,                     
                        headers: ["Account Name", "Account Code"]
                    })
                }));

            }
        })
    },
    autoFocus: true,

    //response: function (event, ui) {                                                                         //Automatically Select Item while scanning
    //    if (ui.content.length == 1) {
    //        ui.item = ui.content[0];
    //        $(this).data('ui-autocomplete')._trigger('select', 'autocompleteselect', ui);
    //        $(this).autocomplete('close');
    //    }
    //},
    select: function (event, ui) {
        debugger;
        $('#AccountName').val(ui.item.label)
        $('#AccCode').val(ui.item.label1)
        $('#supplierId0').val(ui.item.AccountId)      
        $('#AccountType').focus();
     


    },
    



});

function Enable() {
    var value = $('#select_type').val();
    if (value == 2) {
        document.getElementById("Type").disabled = false;
        document.getElementById("Date").disabled = false;
        document.getElementById("Bank").disabled = false;
        document.getElementById("ChequeNo").disabled = false;
        
    }
    else if (value == 3) {
        document.getElementById("Type").disabled = false;
        document.getElementById("Date").disabled = false;
        document.getElementById("Bank").disabled = false;
        document.getElementById("ChequeNo").disabled = false;
    }
    else {
    
        document.getElementById("Type").disabled = true;
        document.getElementById("Date").disabled = true;
        document.getElementById("Bank").disabled = true;
        document.getElementById("ChequeNo").disabled = true;
    }
}

function CloseConfirmBox()
{
    $('#confirmVSubmit').hide();
}
</script>