@{
    ViewBag.Title = "ReceiptVoucherUsedCar";
}

@*<h2>ReceiptVoucherUsedCar</h2>*@
<script type="text/javascript" src="../Projectscript/ReceiptVoucherUsedCar.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;
    }
</style>



@*<div class="myData" data-x="M75" />*@
<div id="Entry" style="margin-top:-20px;">

    <section class="grid-row-label" id="grid-row-label">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header" style="border-bottom:1px solid #e6e6e6">
                        <h3 class="card-title mb-0" style="float:left">Receipt Voucher</h3>
                    </div>

                    <div class="card-content collapse show">
                        <div class="card-body" style="margin-top:-75px">

                            <form action="#">

                                <div class="form-body">
                                    <hr style="margin-top:75px" />

                                    <div class="row" style="background-color:#F0F6F6;margin-left:3px;width:1777px;margin-top:-20px;height:198px;">
                                        <div class="col-md-12" style="margin-top:-5px;">
                                            <br />
                                            <div class="form-group">

                                                <div class="row" style="margin-left:0px;">
                                                    <label class="text-lg-right" for="VoucherNo">Voucher No</label>
                                                    <div class="col-md-2">
                                                        <input type="text" id="VoucherNo" class="form-control" readonly="readonly">
                                                    </div>
                                                    <label class="text-lg-right" for="AccountType">Account Type<span class="danger" style="margin-left:-1px;">*</span></label>
                                                    <div class="col-md-2">
                                                        <select id="AccountType" onchange="AccTypeChange(this.id)" class="form-control"></select>
                                                        <input type="text" style="display:none" id="AccountTypeCode" />
                                                        <input type="text" style="display:none" id="AccId" />
                                                    </div>
                                                    &nbsp;&nbsp;&nbsp; <label class="text-lg-right" for="Type">&nbsp;TRX Type</label>
                                                    <div class="col-md-1 ">
                                                        <select id="Type" class="form-control" disabled>
                                                            <option value=0>-Select-</option>
                                                            <option value=1>CHQ</option>
                                                            <option value=2>NEFT</option>
                                                            <option value=3>RTGS</option>
                                                            <option value=4>IMPS</option>
                                                            <option value=5>ATM</option>
                                                            <option value=6>Others</option>

                                                        </select>

                                                    </div>

                                                    <label class="text-lg-right" for="ChequeNo">TRX/CHQ No</label>
                                                    <div class="col-md-1">
                                                        <input type="text" id="ChequeNo" class="form-control" onkeypress="isNumberInt(event,this)" disabled />
                                                    </div>

                                                    <label class="text-lg-right" for="ChequeDate">Date</label>
                                                    <div class="col-md-1">
                                                        <input type="text" id="ChequeDate" style="font-size:11pt;" class="form-control" disabled placeholder="dd/mm/yyyy" />
                                                    </div>

                                                    <label class="text-lg-right" for="Bank">Bank</label>
                                                    <div class="col-md-2 input-group">
                                                        <select id="Bank" class="form-control" disabled></select>
                                                        <div class="input-group-append" id="addbank">
                                                            <button class="btn btn-outline-primary" id="bank1" type="button" onclick="window.open('../master/Bank')" style="height:100%">+</button>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="row" style="margin-left:1px;">
                                                    <label class="text-lg-right" for="CustomerName">&nbsp;Customer<span class="danger">*</span></label>
                                                    <div class="col-md-2 input-group">
                                                        <input type="text" id="AccountName" class="form-control" onkeyup="CustEmpty()" style="height:85%" />
                                                        <input type="text" style="display:none" id="supplierId0" />
                                                        <input type="text" style="display:none" id="AccCode" />
                                                        <div class="input-group-append" id="addVisa">
                                                            <button class="btn btn-outline-primary" id="AccountName" type="button" onclick="window.open('../master/CustomerMaster')" style="height:85%">+</button>
                                                        </div>
                                                    </div>
                                                    <label class="text-lg-right" for="VoucherDate">Voucher Date<span class="danger">*</span></label>
                                                    <div class="col-md-2">
                                                        <input type="text" id="VoucherDate" class="form-control" />
                                                    </div>
                                                    <label class="text-lg-right" id="CostCenterCodelb">Cost Center</label>
                                                    <div class="col-md-1">
                                                        <select id="CostCenterCode" class="form-control"></select>
                                                    </div>
                                                    <label class="text-lg-right">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Job Code</label>
                                                    <div class="col-md-1">
                                                        <input type="text" id="select_jobno" onkeyup="checkjobempty()" class="form-control">
                                                        <input type="text" id="PJobCode" value="0" style="display:none">
                                                    </div>

                                                    <div class="col-md-1"></div>

                                                    <label class="text-lg-right" style="margin-top:7px;"><b>&nbsp;&nbsp;Dr :</b></label>
                                                    <div class="col-md-1">
                                                        <input type="text" id="Debit" class="form-control" style="color:darkturquoise;background-color:#f0f6f6;border:none;" readonly="readonly">
                                                    </div>
                                                    <label class="text-lg-right" style="margin-top:7px;"><b>Cr :</b></label>
                                                    <div class="col-md-1">
                                                        <input type="text" id="Credit" class="form-control" style="color:darkturquoise;background-color:#f0f6f6;border:none;" readonly="readonly">
                                                    </div>
                                                </div>

                                                <div class="row" style="margin-top:-12px;margin-left:1px;">
                                                    <label class="text-lg-right" for="Amount">&nbsp;&nbsp;&nbsp;&nbsp;Amount<span class="danger">*</span></label>
                                                    <div class="col-md-2">
                                                        <input type="text" id="Amount" onkeyup="CalAmount(),CalcChkdAmount()" onkeypress="isNumber(event,this)" class="form-control">
                                                        <div class="d-inline-block custom-control custom-checkbox col-md-1">
                                                            <input type="checkbox" class="custom-control-input" id="Advance" onclick="CheckAdvance()" />
                                                            <label class="custom-control-label" for="Advance">Advance</label>
                                                        </div>
                                                    </div>
                                                    <label class="text-lg-right" id="Ratelb">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;FC</label>
                                                    <div class="col-md-2">
                                                        <select id="Currency" onchange="CurrencyChange(this.id), CalAmount(), CalcChkdAmount()" class="form-control"></select>
                                                    </div>
                                                    <label class="text-lg-right" for="Rate" id="Ratelb">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Rate</label>
                                                    <div class="col-md-1">
                                                        <input type="text" id="Rate" onkeyup="CalculateFCAmount()" onkeypress="isNumber(event,this)" class="form-control">
                                                    </div>
                                                    <label class="text-lg-right" for="FCAmount" id="FCAmountlb">&nbsp;&nbsp;FC Amount</label>
                                                    <div class="col-md-1">
                                                        <input type="text" id="FCAmount" onkeyup="CalculateAmount(), CalFCAmount(), CalcChkdAmount()" onkeypress="isNumber(event, this)" class="form-control">
                                                    </div>

                                                    <div class="col-md-1"></div>

                                                    <label class="text-lg-right" style="margin-top:7px;"><b>&nbsp;&nbsp;Difference :</b></label>
                                                    <div class="col-md-1">
                                                        <input type="text" id="Diff" class="form-control" style="color:crimson;background-color:#f0f6f6;border:none;" readonly="readonly">
                                                    </div>

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <hr style="margin-top:5px;" />
                                    <h5 style="text-align:center;margin-top:-15px"><b>Pending Invoices</b></h5>
                                    <div id="customView" class="jsgrid dataTables_scrollBody" style="position: relative; overflow:auto; height: 310px; width: 99%; margin-left:9px;">
                                        @*<div class="jsgrid-grid-header jsgrid-header-scrollbar">*@
                                          
                                            <table class="jsgrid-table">
                                                <tr class="jsgrid-header-row">
                                                    <th class="jsgrid-header-cell jsgrid-align-right jsgrid-header-sortable" style="width:30px;"><input class='jsgrid-button jsgrid-edit-button' type='button' title='Edit' onclick="EnableGrid()"></th>
                                                    <th class="jsgrid-header-cell jsgrid-align-right jsgrid-header-sortable" style="width:46px">No</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-right jsgrid-header-sortable" style="width:50px;display:none">BillSNo</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-right jsgrid-header-sortable" style="width:95px">Inv No</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-right jsgrid-header-sortable" style="width:235px">Description</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-right jsgrid-header-sortable" style="width:235px">Product Name</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="width:245px;display:none">Account Name</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-right jsgrid-header-sortable" style="width:105px">Inv Date</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="width:140px">Base Amount</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="width:145px">Rec Amount</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="width:140px">Bal Amount</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="width:140px">Currency</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="width:145px">Rate</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="width:145px">FC Amount</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="width:145px">FC.Rec Amount</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="width:145px">Bal.FC Amount</th>
                                                </tr>
                                            </table>
                                        @*</div>*@
                                        <div id="proddiv" class="jsgrid dataTables_scrollBody" style="position: relative; height: 270px; width: 100%;">
                                            <table class="jsgrid-table" id="PendingInvoices"></table>
                                        </div>
                                    </div>


                                    <div class="col-md-2">
                                        <input type="text" id="txtRowCount" readonly="readonly" style="display:none" />
                                        <input type="text" id="txtRowCountChkd" readonly="readonly" style="display:none" />
                                    </div>

                                    <div class="form-actions" style="background-color:#F0F6F6;">
                                       
                                            <div class="text-right">
                                                <div class="row">
                                                    <input type="checkbox" style="zoom:2.5;margin-top:0%;" id="Advance1" class="col-md-1" onclick="CheckDisc()" />
                                                    <label class="text-lg-right col-md-1" style="margin-left:-5%;"><b>Discount :</b></label>

                                                    <input type="text" height="10" style="margin-right:60%;height:10%;" class="text height-50 col-md-1 form-control" id="Discount" disabled>

                                                </div>
                                                   


                                                    <input type="hidden" id="DAccId" />
                                                    <input type="hidden" id="DAcccode" />
                                                    <input type="hidden" id="DReference" />


                                                    <input type="text" id="slnotxt" class="form-control" value="1" style="display:none">
                                                    @*<input type="text" id="VoNo" class="form-control">*@
                                                    <button type="button" style="width:100px" 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>

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


<input type="text" id="aabc" style="display:none" />
<input type="text" id="fcbc" style="display:none" />

<script>
    $("#AccountName").autocomplete({
        source: function (request, response) {
            var data = {};
            data.AccountName = $("#AccountName").val();
            $.ajax({
                url: '../AccountsErp/AccountNumberSearchCust',
                type: "POST",
                data: data,
                dataType: "json",
                success: function (data) {
                    console.log(data);
                    response($.map(data, function (item) {
                        if (item.Flag == 1) {
                            return ({
                                ColCount: '-2',
                                label: item.AccountName,
                                label1: item.AccCode,
                                AccountName: item.AccountName,
                                AccCode: item.AccCode,
                                AccountId: item.AccountId,
                                CurrencyId: item.CurrencyId,
                                headers: ["Account Name", "Account Code"]
                            })
                        }
                    }));
                }
            })
        },
        autoFocus: true,
        select: function (event, ui) {
            $('#AccountName').val(ui.item.label)
            $('#AccCode').val(ui.item.label1)
            $('#supplierId0').val(ui.item.AccountId)
            $('#Currency').val(ui.item.CurrencyId)
            $("#Rate").val($("#Currency").find("option:selected").attr("name"));
            $('#AccountType').focus();
            GetList(0);
        },
    });


    $("#select_jobno").autocomplete({
        source: function (request, response) {
            var data = {};
            data.JobCode = $("#select_jobno").val();
            $.ajax({
                url: '../SalesInvoice/JobSearch',
                type: "POST",
                data: data,
                dataType: "json",
                success: function (data) {
                    console.log(data);
                    response($.map(data, function (item) {
                        return ({
                            ColCount: '-2',
                            label: item.JobCode,
                            label1: item.Description,
                            ProjectJobId: item.ProjectJobId,
                            headers: ["Job Code", "Description"]
                        })
                    }));
                }
            })
        },
        autoFocus: true,

        select: function (event, ui) {
            $('#PJobCode').val(ui.item.ProjectJobId);

        },

    });
</script>


<div class="modal fade text-left show" id="Popup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel17" style="padding-right: 17px;background:rgba(0,0,0,0.5);display:none">
    <div class="modal-dialog" role="document" style="top:10%">
        <div class="modal-content" style="width:230%; margin-left:-300px">
            <div class="modal-header bg-primary white">
                <h4 class="modal-title" id="MyHeader">On Account Settlement</h4>
                <button type="button" class="close" data-dismiss="modal" onclick="($('#Popup').hide())" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <form id="PendingInv">
                <div class="modal-body">
                    <div class="col-md-12 row">
                        <div class="col-md-4">

                            <div class="table-responsive">
                                <div class="overflow-auto" style="height:400px">
                                    <h5><center><b>Advance Amount</b></center></h5>
                                    <table id="OnAcc" class="table table-striped table-bordered zero-configuration dataTable"></table>
                                    <input type="hidden" id="RowGet" />
                                    <input type="hidden" id="AccSum" />
                                </div>
                            </div>
                        </div>
                        <div class="col-md-8">
                            <div class="table-responsive">
                                <div class="overflow-auto" style="height:400px">
                                    <h5><center><b>Pending Invoices</b></center></h5>
                                    <table id="PendingIn" class="table table-striped table-bordered zero-configuration dataTable"></table>
                                    <input type="hidden" id="pendingSum" value="0" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <input type="button" id="btnclosegrid" class="btn btn-outline-secondary " onclick="Close()" value="Close">
                </div>
            </form>

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