@{
    ViewBag.Title = "RecurringEntry";
}
<script type="text/javascript" src="../Projectscript/RecurringEntry.js"></script>
<script src="~/Scripts/Autocomplete/jquery-ui.js"></script>

<link rel="stylesheet" type="text/css" href="../../../app-assets/vendors/css/tables/jsgrid/jsgrid-theme.min.css">
<link rel="stylesheet" type="text/css" href="../../../app-assets/vendors/css/tables/jsgrid/jsgrid.min.css">

<style>
    #customView {
        border: 1px solid #CCD6E6;
    }
    /*.form-control
    {
        font-weight:bold;
    }*/
</style>
<div class="myData" data-x="M78" />
<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">
                        <h3 class="card-title mb-0" style="float:left;font-weight:bold;">Recurring Entry</h3>

                        <div class="text-right">
                            <h6 style="float:left;font-weight:bold;" class="col-md-8">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:65px" />
                                    <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="text-lg-right">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="col-md-1 text-lg-left" style="font-weight:bold">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">Voucher Date</label>
                                                    <div class="col-md-2">
                                                        <input type="text" id="VoucherDate" class="form-control" onchange="getdate()">
                                                    </div>
                                                    <h6 class="col-md-1 text-lg-right" style="font-weight:bold">Cr</h6>
                                                    <div class="col-md-1">
                                                        <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:8px">                                                    
                                                    <label class="col-md-1 text-lg-left" style="font-weight:bold">Transfer#</label>
                                                    <div class="col-md-2">
                                                        <fieldset>
                                                            <div class="input-group">
                                                                <input type="text" id="TransferVoucherNo" class="form-control">
                                                                <div class="input-group-append" id="Transfer">
                                                                    <button class="btn btn-outline-primary" type="button">⇆</button>
                                                                </div>
                                                            </div>
                                                        </fieldset>
                                                    </div>
                                                    <label class="col-md-1 text-lg-left" style="font-weight:bold">To Months<span class="danger">*</span></label>
                                                    <select id="Months" class="form-control" style="width:5%;margin-left:1%" onchange="getdate()" disabled>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                        <option value="11">11</option>
                                                        <option value="12">12</option>
                                                    </select>
                                                    <label class="text-lg-left" style="margin-top:3px;"></label>                                                    
                                                    <input type="text" id="ToDate" class="form-control" disabled style="width:7.7%;margin-left:2%">

                                                    <h6 class="col-md-1 text-lg-right" style="font-weight:bold;margin-left:1%">Dr</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-2">
                                                    <div class="form-group">
                                                        <label style="font-weight:bold">Amount</label><span class="danger">*</span>
                                                    </div>
                                                </div>
                                                <div class="col-md-1">btnadd
                                                    <div class="form-group">
                                                        <label style="font-weight:bold">Reference#</label>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="row">
                                                <div class="col-md-1">
                                                    <div class="form-group">
                                                        <select id="VType" class="form-control" style="">
                                                            <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%;" onkeyup="CustEmpty()">
                                                    <input type="text" style="display:none" id="supplierId0" />
                                                    <input type="text" style="display:none" id="AccCode" />
                                                    <div class="input-group-append" id="addVisa">
                                                        <button class="btn btn-outline-primary" id="AccountNamebtn" type="button" style="height:66%" onclick="window.open('../master/CustomerMaster')">+</button>
                                                    </div>
                                                </div>

                                                <div class="col-md-2">
                                                    <div class="form-group">
                                                        <input type="text" id="VoucherEntryDescription" class="form-control">
                                                    </div>
                                                </div>

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

                                                <div class="col-md-2">
                                                    <div class="form-group">
                                                        <input type="text" id="ReferenceNo" class="form-control" readonly="readonly">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <button type="button" id="btnadd" 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>
                                        </div>
                                    </div>

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

                                            <table class="jsgrid-table" id="tblvoucherentry">
                                                <tr class="jsgrid-header-row">
                                                    <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:280px;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:110px;border-bottom:1px solid #CCD6E6">InvDate</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="width:130px;border-bottom:1px solid #CCD6E6">Amount</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="width:100px;border-bottom:1px solid #CCD6E6">Ref.#</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="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="thBank">Bank</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="display:none;width:150px;border-bottom:1px solid #CCD6E6" id="thBank">ChequeNo</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>
                                                    <th class="jsgrid-header-cell jsgrid-control-field jsgrid-align-center" style="width:60px;border-bottom:1px solid #CCD6E6" id="Del"><i class="icon-pencil"></i>&nbsp;<i class="icon-trash"></i></th>
                                                </tr>
                                            </table>

                                        </div>
                                    </div>
                                    <div class="form-actions">
                                        <div class="text-right">
                                            <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" 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="btnlist" onclick="window.open('../ABDataTable/AccountReports')" class="btn btn-primary btn-min-width mr-1 mb-1">Report <i class="ft-align-justify"></i></button>
                                            <button type="button" style="width:100px" id="btnnew" onclick="Clear()" class="btn btn-primary btn-min-width mr-1 mb-1">Clear <i class="ft-refresh-cw position-right"></i></button>
                                            <button style="display:none" type="button" id="btndelete" class="btn btn-primary btn-min-width mr-1 mb-1">Delete <i class="fa fa-times"></i></button>
                                        </div>
                                    </div>
                                </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: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="($('#Popup').hide())" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <form id="JobAndFC" style="display:none">
                <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>
                    </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-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">ChequeNo</label>
                        <div class="col-md-3">
                            <input type="text" id="ChequeNo" onkeypress="isNumberInt(event,this)" class="form-control" style="margin-left:-3px;">
                        </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">

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

<script>

    $("#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();
        },
    });


    $("#TransferVoucherNo").autocomplete({
        source: function (request, response) {
            var data = {};
            data.VoucherNo = $("#TransferVoucherNo").val();
            $.ajax({
                url: '../AccountsErp/VoucherNoSearch',
                type: "POST",
                data: data,
                dataType: "json",
                success: function (data) {
                    console.log(data.VoucherTypePrefix)
                    response($.map(data, function (item) {
                        return ({
                            ColCount: '2',
                            label: item.VoucherNo,
                            label1: item.VoucherTypePrefix,
                            TransferVoucherNo: item.VoucherNo,
                            VoucherTypePrefix: item.VoucherTypePrefix,

                        })
                    }));
                }

            })

        },
        autoFocus: true,
        select: function (event, ui) {
            $('#TransferVoucherNo').val(ui.item.TransferVoucherNo);
        },
    });

    $("#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) {
                    console.log(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
    });
</script>