@{
    ViewBag.Title = "StockTransferOut";
}




<script type="text/javascript" src="~/ProjectScript/Windowsprint.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">
<link rel="stylesheet" type="text/css" href="../app-assets/vendors/css/hopscotch.css">



<script type="text/javascript" src="../Projectscript/StockTransferOut.js"></script>

<script src="~/Scripts/Autocomplete/jquery-ui.js"></script>

<style>
    /*.form-control:disabled, .form-control[readonly] {
    background-color: white;
     }*/
    #productpopupdiv {
        max-width: 100%;
        max-height: 29%;
        margin-left: 10%;
        margin-right: 3%;
        margin-top: 0px;
    }
    
</style>

<script>
    function PrintthisBill() {
        PrintthisBillWindows('StockTransferOUT', i, 'MAIN');
    }
</script>
<div class="myData" data-x="M102" />
<div id="Entry" style="margin-top:-12px;width:75%;margin-left:12.5%">
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title mb-0" style="font-weight:bold">Stock Transfer Out</h4>
                </div>
                <div class="card-body" style="margin-top:-6px">
                    <div class="px-3">
                        <div class="card-content collapse show">
                            <div class="card-body">
                                <div style="height:15px;margin-top:-14px;"></div>
                                <form action="#">
                                    <div class="form-body" style="margin-right:18px;border-bottom:1px solid  #cccccc;border-top:1px solid  #cccccc;">
                                        <div class="row" style="background-color:#E0F3F4; margin-left:1px;width:100%;height:180px;margin-top:4px;margin-bottom:4px;">
                                            <div class="col-md-12">
                                                <br />
                                                <div class="form-group">
                                                    <div class="hopscotch-bubble animated tour-demo-tour" id="tour1" style="position: absolute; top: 65px; left:160px;display:none">
                                                        <div class="hopscotch-bubble-container" style="width: 280px; padding: 10px;">
                                                            <div class="hopscotch-bubble-content">
                                                                <h3 class="hopscotch-title">Search STO Number Here.</h3>
                                                                <div class="hopscotch-content"></div>
                                                            </div>
                                                        </div>
                                                        <div class="hopscotch-bubble-arrow-container hopscotch-arrow up">
                                                            <div class="hopscotch-bubble-arrow-border"></div>
                                                            <div class="hopscotch-bubble-arrow"></div>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <label class="col-lg-1" style="font-weight:bold">STO No#<span class="danger">*</span></label>
                                                        <div class="col-lg-11">
                                                            <div class="row">
                                                                <div class="col-md-1">
                                                                    <input type="text" id="STONo" class="form-control" disabled style="background-color:white;position:absolute;width:135px;" onkeyup="" onkeydown="$('#tour1').hide();" />
                                                                </div>
                                                                <label class="col-lg-2 text-lg-right " style="font-weight:bold">From Location<span class="danger">*</span></label>
                                                                <div class="col-md-2">
                                                                    <select id="Location" class="form-control" style="width:99%;"></select>
                                                                </div>
                                                                <label class="col-lg-2 text-lg-right" style="font-weight:bold">To Location<span class="danger">*</span></label>
                                                                <div class="col-md-2">
                                                                    <select id="ToLocation" class="form-control" style=""></select>
                                                                </div>
                                                                <label class="col-lg-2 text-lg-center" style="font-weight:bold">STO Date<span class="danger">*</span></label>
                                                                <div class="col-md-1">
                                                                    <input type="text" class="form-control" id="STODate" style="width:197%;margin-left:-105%"> 
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <br />
                                                    </div>
                                                    <div class="row" style="margin-top:7px;">
                                                        <label class="col-lg-1" style="font-weight:bold">Db.A/c<span class="danger">*</span></label>
                                                        <div class="col-lg-11">
                                                            <div class="row">
                                                                <div class="col-md-5">
                                                                    <table width="100%">
                                                                        <tr>
                                                                            <td width="29%">
                                                                                <input type="hidden" id="hiddendebit" />
                                                                                <input type="text" id="DebitAccount" class="form-control" onkeyup="checkDebitAccounttextempty(event)" style="border-right:none;border-top-right-radius:0px;border-bottom-right-radius:0px">
                                                                            </td>
                                                                            <td width="71%">
                                                                                <input type="text" id="txtdacnt" maxlength="4" class="form-control" name="acnt1" style="border-top-left-radius:0px;border-bottom-left-radius:0px;border-left:none;background-color:white;" disabled />
                                                                            </td>
                                                                        </tr>

                                                                    </table>

                                                                </div>
                                                                <label class="col-lg-2 text-lg-right" style="font-weight:bold">Comments<span class="danger"></span></label>
                                                                <div class="col-md-5">
                                                                    <textarea id="Comments" class="form-control" style="position:absolute;width:92.6%; height:235%;resize: none;"></textarea>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-12">
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-12">
                                                            <div class="row" style="margin-top:8px;">
                                                                <label class="col-lg-1"  style="font-weight:bold">Cr.A/c<span class="danger">*</span></label>
                                                                <div class="col-lg-11">
                                                                    <div class="row">
                                                                        <div class="col-md-5">
                                                                            <table width="100%">
                                                                                <tr>
                                                                                    <td width="29%">
                                                                                        <input type="hidden" id="hiddenCredit" />
                                                                                        <input type="text" id="CreditAccount" class="form-control" onkeyup="checkCreditAccounttextempty(event)" style="border-right:none;border-top-right-radius:0px;border-bottom-right-radius:0px">
                                                                                    </td>
                                                                                    <td width="71%">
                                                                                        <input type="text" id="txtcacnt" maxlength="4" class="form-control" name="acnt2" style="border-top-left-radius:0px;border-bottom-left-radius:0px;border-left:none;background-color:white;" disabled />
                                                                                    </td>
                                                                                </tr>

                                                                            </table>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-body" style="margin-top:-15px">
                                        <div style="margin-right:-1px;margin-bottom:-15px;">
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <br />
                                                    <div class="row" style="height:28px;">
                                                        <div class="col-md-3">
                                                            <div class="form-group">
                                                                <label style="font-weight:bold">Product/Material</label>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-2">
                                                            <div class="form-group">
                                                                <label style="font-weight:bold">Unit</label>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-2">
                                                            <div class="form-group">
                                                                <label style="font-weight:bold">Quantity<span class="danger">*</span></label>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-2">
                                                            <div class="form-group">
                                                                <label style="font-weight:bold">Rate</label>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-2">
                                                            <div class="form-group">
                                                                <label style="font-weight:bold">Total Amount</label>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-1">
                                                            <div class="form-group">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-12">
                                                    <div class="row" style="margin-top:1px;">
                                                        <div class="col-md-3">
                                                            <div class="input-group">
                                                                <input type="text" id="txtproduct0" class="form-control" style="" onkeyup="changetoupper(this.id),checkpdcttextempty(event)">
                                                                <input type="hidden" id="ProductId0" value="0" />
                                                                <div class="input-group-append" id="addProduct">
                                                                    <button class="btn btn-outline-primary" onclick="window.open('../master/ItemMaster')" id="btnaddprd" type="button">+</button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <input type="hidden" id="Description" />
                                                        <div class="col-md-2">
                                                            <div class="form-group">

                                                                <select id="select_unit0" class="form-control" style=""></select>
                                                                <input type="text" id="txtunit" style="display:none" />
                                                            </div>
                                                        </div>
                                                        <div class="col-md-2">
                                                            <div class="form-group">
                                                                <input type="hidden" id="hiddenquantitycheck" />
                                                                <input type="text" id="txtquantity" class="form-control" onkeyup="checkquantity(),tot()" onkeypress="return isNumber1(event)" style="">
                                                            </div>
                                                        </div>
                                                        <div class="col-md-2">
                                                            <div class="form-group">
                                                                <input type="text" id="txtrate" class="form-control" onkeyup="tot()" onkeypress="return isNumbercheck(event, this)" style="">
                                                            </div>
                                                        </div>
                                                        <div class="col-md-2">
                                                            <div class="form-group">
                                                                <input type="text" id="txttotal" class="form-control" readonly style="">
                                                            </div>
                                                        </div>
                                                        <div class="col-md-1">
                                                            <div class="form-group">

                                                                <button type="button" id="btnadd" style="height:40px" onclick="productadd()" class="btn btn-outline-primary ">+ </button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div style="margin-left:0px;margin-right:0px;margin-top:-15px">
                                        <div id="customView" class="jsgrid" style="position: relative; height: auto; width:100%;border:solid 1px;border-color:#cccccc;border-bottom:1px solid #cccccc;overflow-x: auto;overflow-y: hidden;">
                                            <div class="jsgrid-grid-header jsgrid-header-scrollbar" style="width:100%;">
                                                <table class="jsgrid-table">
                                                    <tr class="jsgrid-header-row">
                                                        <th class="jsgrid-header-cell jsgrid-align-right jsgrid-header-sortable" style="width:4%;">SL#</th>
                                                        <th class="jsgrid-header-cell jsgrid-align-right jsgrid-header-sortable" style="width:6%">Code#</th>
                                                        <th class="jsgrid-header-cell jsgrid-align-right jsgrid-header-sortable" style="width:20%">Description</th>
                                                        <th class="jsgrid-header-cell jsgrid-align-right jsgrid-header-sortable" style="width:6%">Unit</th>
                                                        <th class="jsgrid-header-cell jsgrid-align-center jsgrid-header-sortable" style="width:6%">Qty.</th>
                                                        <th class="jsgrid-header-cell jsgrid-align-center jsgrid-header-sortable" style="width:6%">Price</th>
                                                        <th class="jsgrid-header-cell jsgrid-align-center" style="width:6%">Total</th>
                                                        <th class="jsgrid-header-cell jsgrid-control-field jsgrid-align-center" style="width:4%"><i class="icon-pencil"></i>&nbsp;<i class="icon-trash"></i></th>
                                                    </tr>
                                                </table>
                                            </div>
                                            <div id="proddiv" class="jsgrid dataTables_scrollBody" style="position: relative;overflow-x: hidden;overflow-y: scroll; height: 290px; width:100%;">
                                                <table class="jsgrid-table" id="tblStockTransferOut"></table>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row" style="margin-top:13px;">
                                        <div class="col-lg-11">
                                            <div class="row">
                                                <div class="col-md-8">
                                                </div>
                                                <label class="col-lg-2 text-lg-right" style="color:#00B5B8;font-weight:bold"><b>Grand Total</b> </label>
                                                <div class="col-md-2">
                                                    <input type="text" id="GrandTotal" class="form-control" disabled style="text-align:center;font-weight:bold">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-actions">
                                        <div class="text-right">
                                            <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="enablenobox()" class="btn btn-primary btn-min-width mr-1 mb-1">Copy <i class="ft-align-justify"></i></button>
                                            <button style="display:none" type="button" id="btnprint" onclick="PrintthisBill()" class="btn btn-primary btn-min-width mr-1 mb-1">Print <i class="ft-printer"></i></button>
                                            <button type="button" style="width:100px" id="btnnew" onclick="createnew()" class="btn btn-primary btn-min-width mr-1 mb-1">New <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>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </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="btnok">
                        <input type="button" class="btn btn-outline-primary" value="Cancel" id="btncnclalrt">
                    </div>

                </div>
            </form>
        </div>
    </div>
</div>
@*<div id="productpopupdiv" class="modal fade text-left show" tabindex="-1" role="dialog" aria-labelledby="jobheader" style="display:none;margin-left:-1%">
    <div id="productpopupdiv" class="modal-dialog modal-xl" role="document">

        <div class="modal-content">
            <div class="modal-header" style="background-color:#F0F6F6;">
                <h3 class="modal-title" id="prodheader"></h3>
                <button type="button" class="close" onclick="productpopuprefresh()" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <section id="productdiv" style="display:none;height:50px">

                <div class="row">
                    <div class="col-sm-12">
                        <div class="card card-body">

                            @*<div class="card-body">*@
@*<div class="card-block" style="overflow:scroll;height:170px;width:100%;overflow:auto">
        <table class="table table-responsive-md-md text-center" id="tblproductdetails"></table>
    </div>*@
@*</div>*@
@*</div>
                        </div>
                    </div>
                </section>



            </div>
        </div>

    </div>*@


<div id="productpopupdiv" class="modal fade text-left show" tabindex="-1" role="dialog" aria-labelledby="jobheader" style="height:210px;display:none;margin-left:-1%;margin-top:75px;">
    <div id="productpopupdiv" class="modal-dialog modal-xl" role="document">
        <div class="modal-content">
            <div class="modal-header" style="background-color:#E0F3F4;height:60px">
                <h5 class="modal-title" id="prodheader" style="height:1px;"></h5>
                <button type="button" class="close" onclick="productpopuprefresh()" style="height:2px">
                    <span>×</span>
                </button>
            </div>
            <section id="productdiv" style="display:none;height:10px;margin-top:-5px">

                <div class="row">
                    <div class="col-sm-12">
                        <div class="card card-body" style="margin-top:-10px">

                            @*<div class="card-body">*@
                            <div class="card-block" style="overflow:scroll;height:116px;width:100%;overflow:auto;">
                                <table class="table table-responsive-md-md text-center" id="tblproductdetails"></table>
                            </div>
                            @*</div>*@
                        </div>
                    </div>
                </div>
            </section>



        </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:20%">
        <div class="modal-content">
            <form id="alertdiv" style="display:none">
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12" style="overflow:scroll;height:auto;width:100%;overflow:auto;">
                            <table class="table table-responsive-md-md text-center" id="tblAlert"></table>
                        </div>
                    </div>
                    <div class="text-right">
                        <input type="button" class="btn btn-outline-primary" value="Ok" id="btntermssave" onclick="alertpopuprefresh()">
                    </div>

                </div>
            </form>

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


<script>

                    //product

                    $("#txtproduct0").autocomplete({
                        delay: 0,
                        minLength: 0,
                        source: function (request, response) {
                            if ($('#Location').val() == 0) {
                                warningshow('Please Select Location', 'Location');
                                $("#txtproduct0").val('');
                                return false;
                            }
                            else if ($('#Location').val() == ($('#ToLocation').val())) {
                                warningshow('From Location and To Location Cannot be same', 'ToLocationIn');
                                $('#txtproduct0').val('');
                                return false;
                            }
                            else {
                                var data = {};
                                data.ItemCode = $("#txtproduct0").val();
                                data.LocId = $("#Location").val();
                                data.DeptId = ERPDeptId;
                                data.UserId = ERPUserId;
                               data.CustId = 0;
                               data.PriceGroupId = 0;
                                $.ajax({
                                    url: '../SalesInvoice/ProductSearchSales',
                                    type: "POST",
                                    data: data,
                                    dataType: "json",
                                    success: function (data) {
                                        response($.map(data, function (item) {
                                            return ({
                                                ColCount: '-9',
                                                label: item.ItemCode,
                                                label1: item.Description,
                                                label2: item.UnitName,
                                                label3: item.stocktotloseqty,
                                                label4: item.AvgCost.toFixed(Decimal),
                                                label5: item.GrpName.substring(0, 15),
                                                label6: item.SbgrpName.substring(0, 15),
                                                label7: item.CategoryName.substring(0, 15),
                                                label8: item.SubCategoryName.substring(0, 15),
                                                Unit: item.UnitId,
                                                Description: item.Description,
                                                Rates: item.SellingPrice,
                                                UnitName: item.UnitName,
                                                ProductId: item.ItemId,
                                                AvgCost:item.AvgCost,
                                                Product: item.ItemCode,
                                                Qty: item.stocktotloseqty,
                                                headers: ["Product Code", "Product Description", "UnitName", "Quantity", "Price", "Group", "Sub Group", "Category", "Sub Ctegory"]
                                            })
                                        }));
                                    }
                                })
                            }
                        },
                        autoFocus: true,
                        select: function (event, ui) {
                            if (ui.item.Qty == 0) {
                                var data = {};
                                data.ProductId = ui.item.ProductId;
                                data.CustId = 0;
                                data.DeptId = ERPDeptId;
                                $.ajax({
                                    type: "POST",
                                    url: '../SalesInvoice/CustomerProductDetailsSearch',
                                    data: data,
                                    success: function (result) {
                                        CustPrdctLoad(result.oList);
                                    }
                                });
                                $('#txtproduct0').val(ui.item.Product);
                                warningshow('Not stock!', 'txtproduct0');
                                $('#PrdtId0').val(ui.item.ProductId);
                                $('#txtproduct0').select();
                                qtyflag = 1;
                                return false;
                            }
                            else {
                                $('#ProductId0').val(ui.item.ProductId);
                                $('#select_unit0').val(ui.item.Unit);
                                $('#Description').val(ui.item.Description);
                                $('#txtrate').val(ui.item.AvgCost);
                                $('#hiddenquantitycheck').val(ui.item.Qty);
                                $('#txtquantity').focus();
                                qtyflag = 0;
                                var data = {};
                                data.ProductId = ui.item.ProductId;
                                data.CustId = 0;
                                data.DeptId = ERPDeptId;
                                $.ajax({
                                    type: "POST",
                                    url: '../SalesInvoice/CustomerProductDetailsSearch',
                                    data: data,
                                    success: function (result) {
                                        CustPrdctLoad(result.oList);
                                    }
                                });
                            }
                        },
                    });


//Stock Out No#
    $("#STONo").autocomplete({
        source: function (request, response) {
            var data = {};
            data.STONo = $("#STONo").val();
            data.DeptId = ERPDeptId;
            $.ajax({
                url: '../Inventory/StockOutnumberSearch',
                type: "POST",
                data: data,
                dataType: "json",
                success: function (data) {
                    response($.map(data, function (item) {
                        return ({
                            ColCount: '3',
                            label1: item.LocFrom + '  -->   ' + item.LocTo,
                            label: item.STONo,
                            label2: item.STODate,
                            STONo: item.STONo,
                            STODate: item.STODate,
                            FromLocation: item.FromLocation,
                            ToLocation: item.ToLocation,
                            STODate: item.STODate,
                            DAccount: item.DAccount,
                            CAccount: item.CAccount,
                            Comments: item.Comments,
                            DAccountName: item.DAccountName,
                            CAccountName: item.CAccountName,
                            headers: ["STO No", "Transfer from->To","Date"]
                        })
                    }));
                }
            })
        },

        autoFocus: true,
        select: function (event, ui) {
            $("#tblStockTransferOut tr").remove();
            $('#STONo').val(ui.item.STONo);
            $('#Location').val(ui.item.FromLocation);
            $('#ToLocation').val(ui.item.ToLocation);
            $('#STODate').val(ui.item.STODate);
            $('#DebitAccount').val(ui.item.DAccount);
            $('#CreditAccount').val(ui.item.CAccount);
            $('#Comments').val(ui.item.Comments);
            $('#txtdacnt').val(ui.item.DAccountName);
            $('#txtcacnt').val(ui.item.CAccountName);
            var STONo = ui.item.STONo;
            var data = {};
            data.STONo = STONo;
            data.DeptId = ERPDeptId;
            $.ajax({
                type: "POST",
                url: "../../inventory/StockTransferOutGetandGets",
                data: data,
                success: function (result) {
                    if (STONo != 0)
                        ShowStockTransferOutGet(result.oList);
                }
            });
            $('#STONo').val(ui.item.STONo);
            $('#STIDate').prop('disabled', true);
            $('#DebitAccountIn').prop('disabled', true);
            $('#CreditAccountIn').prop('disabled', true);
            $('#Comments').prop('disabled', true);

        },
    });

   //Debit Account


    $("#DebitAccount").autocomplete({
        source: function (request, response) {
            var data = {};
            data.AccountDescription = $("#DebitAccount").val();
            data.DeptId = ERPDeptId;
            $.ajax({
                url: '../Inventory/AccountNumberSearch',
                type: "POST",
                data: data,
                dataType: "json",
                success: function (data) {
                    response($.map(data, function (item) {
                        return ({
                            ColCount: '-3',
                            label: item.DebitAccount ,
                            label1: item.AccountDescription,
                            DebitAccount: item.DebitAccount,
                            AccountDescription: item.AccountDescription,
                            AccountId: item.AccountId,
                            headers: ["Account Code", "Account Name"]
                        })
                    }));
                }
            })
        },
        autoFocus: true,
        select: function (event, ui) {
            $('#hiddendebit').val(ui.item.AccountId)
            $('#DebitAccount').val(ui.item.DebitAccount);
            $('#txtdacnt').val(ui.item.AccountDescription);
            $("#CreditAccount").focus();
        },
    });
  //Credit Account

    $("#CreditAccount").autocomplete({
        source: function (request, response) {
            var data = {};
            data.AccountDescription = $("#CreditAccount").val();
            $.ajax({
                url: '../Inventory/AccountNumberSearch',
                type: "POST",
                data: data,
                dataType: "json",
                success: function (data) {
                    response($.map(data, function (item) {
                        return ({
                            ColCount: '-3',
                            label: item.DebitAccount,
                            label1: item.AccountDescription,
                            DebitAccount: item.DebitAccount,
                            AccountDescription: item.AccountDescription,
                            AccountId: item.AccountId,
                            headers: ["Account Code", "Account Name"]
                        })
                    }));
                }
            })
        },
        autoFocus: true,
        select: function (event, ui) {
            $('#hiddenCredit').val(ui.item.AccountId)
            $('#CreditAccount').val(ui.item.DebitAccount);
            $('#txtcacnt').val(ui.item.AccountDescription);
            $('#Comments').focus();
        },
    });
</script>