@model ParcelWeb.Core.Dto.CreateOrEditGltrhDto

@{
    ViewBag.Title = "Edit Voucher";
}

<div class="content-header row">
    <div class="breadcrumb-wrapper col-xs-12">
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                <a href="/Dashboard/Index">Home</a>
            </li>

            <li class="breadcrumb-item">
                Accounts
            </li>

            <li class="breadcrumb-item active">
                Edit voucher
            </li>
        </ol>
    </div>
</div>



@using (Html.BeginForm("Edit", "GLTRHs", FormMethod.Post, new { @Id = "frmJournalVoucher", @class = "form form-horizontal" }))//data-resetUrl
{
    @Html.AntiForgeryToken()
    @Html.HiddenFor(model => model.Id)
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title">Edit voucher @Model.VoucherNo</h4>
                    <a class="heading-elements-toggle"><i class="icon-users2 font-medium-3"></i></a>
                    <div class="heading-elements">
                        <a href="@Url.Action("JournalVoucher", "GLTRHs")" class="btn btn-primary btn-square btn-normal"><i class="icon icon-arrow-left4"></i> Back</a>
                    </div>
                </div>
                <div class="card-body collapse in">
                    <div class="card-block">
                        <div class="row">
                            <div class="col-md-3">
                                <div class="row">
                                    @Html.LabelFor(model => model.DocDate, "Doc Date", htmlAttributes: new { @class = "control-label col-md-12" })
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <input type="hidden" name="TransectionType" id="TransectionType" value="@ViewBag.TType" />
                                        @Html.EditorFor(model => model.DocDate, new { htmlAttributes = new { @class = "form-control" } })
                                        @Html.ValidationMessageFor(model => model.DocDate, "", new { @class = "text-danger" })
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="row">
                                    @Html.LabelFor(model => model.BookID, "GL Book", htmlAttributes: new { @class = "control-label col-md-12" })
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        @Html.DropDownListFor(model => model.BookID, null, htmlAttributes: new { @class = "form-control", @readonly = "readonly" })
                                        @Html.ValidationMessageFor(model => model.BookID, "", new { @class = "text-danger" })
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="row">
                                    @Html.LabelFor(model => model.VoucherNo, "Voucher No", htmlAttributes: new { @class = "control-label col-md-12" })
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        @Html.EditorFor(model => model.VoucherNo, new { htmlAttributes = new { @class = "form-control", @readonly = "readonly", @Placeholder = "XXXXX-X" } })
                                        @Html.ValidationMessageFor(model => model.VoucherNo, "", new { @class = "text-danger" })
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="row">
                                    @Html.LabelFor(model => model.ReferenceVNO, "Ref No", htmlAttributes: new { @class = "control-label col-md-12" })
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        @Html.EditorFor(model => model.ReferenceVNO, new { htmlAttributes = new { @class = "form-control" } })
                                        @Html.ValidationMessageFor(model => model.ReferenceVNO, "", new { @class = "text-danger" })
                                    </div>
                                </div>
                            </div>
                        </div>
                        <br />
                        <div class="row">
                            <div class="col-md-6">
                                <div class="row">
                                    @Html.LabelFor(model => model.Description, "Description", htmlAttributes: new { @class = "control-label col-md-12" })
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        @Html.EditorFor(model => model.Description, new { htmlAttributes = new { @class = "form-control" } })
                                        @Html.ValidationMessageFor(model => model.Description, "", new { @class = "text-danger" })
                                    </div>
                                </div>
                            </div>
                        </div>
                        <br />
                        <div class="row">
                            <div class="col-md-12">
                                <div class="table-responsive-sm">
                                    <table class="table table-condensed table-bordered">
                                        <thead class="thead-default">
                                            <tr>
                                                <th>Account Title</th>
                                                <th>Sub title</th>
                                                <th>Naration</th>
                                                <th>Debit</th>
                                                <th>Credit</th>
                                                <th>Action</th>
                                            </tr>
                                        </thead>
                                        <tbody id="Container_List"></tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <br />
                        <div class="row">
                            <div class="col-md-12">
                                <div class="table-responsive-sm">
                                    <table class="table table-sm table-condensed table-bordered" id="DetailTable">
                                        <thead class="thead-default">
                                            <tr>
                                                <th>Account @(ViewBag.TType == "Income" ? "(Income Account)" : "(Expense Account)")</th>
                                                <th>Subledger</th>
                                                <th>Narration</th>
                                                <th>Debit Amount</th>
                                                <th>Credit Amount</th>
                                                <th></th>
                                            </tr>
                                        </thead>
                                        <tbody>

                                            <tr>
                                                <td>
                                                    @Html.DropDownList("InputAccountId", ViewBag.AccountID as SelectList, "--Select Account", htmlAttributes: new { @class = "form-control" })
                                                </td>
                                                <td>
                                                    <select class="form-control" id="InputSubAccId">
                                                        <option></option>
                                                    </select>
                                                </td>
                                                <td>
                                                    @Html.Editor("InputNarration", new { htmlAttributes = new { @class = "form-control", placeholder = "" } })
                                                </td>
                                                <td>
                                                    @Html.Editor("InputAmount", new { htmlAttributes = new { @class = "form-control AmountTxt", @type = "number", placeholder = "0.00", min = "0" } })
                                                </td>
                                                <td>
                                                    @Html.Editor("InputCreditAmount", new { htmlAttributes = new { @class = "form-control AmountTxt", @type = "number", placeholder = "0.00", min = "0" } })
                                                </td>
                                                <td>
                                                    <button type="button" class="btn btn-sm btn-success btn-flat" id="btnaddrow" data-toggle="tooltip" data-placement="bottom" title="Add Item"><i class="icon-plus"></i></button>
                                                </td>
                                            </tr>


                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="row" style="color:#646c9a">
                            <div class="col-md-7">
                                @* <button type="button" class="btn btnaddrow btn-sm btn-success btn-flat" data-toggle="tooltip" data-placement="bottom" title="Add Item"><i class="icon-plus"></i> Add New Row</button>*@
                            </div>
                            <div class="col-md-5">
                                <div class="row">
                                    <div class="col-md-6"><b>Total Debit</b></div>
                                    <div class="col-md-6" style="text-align:right"><b id="DebitAmount">@Model.TotalDr</b></div>
                                </div>
                                <br />
                                <div class="row">
                                    <div class="col-md-6"><b>Total Credit</b></div>
                                    <div class="col-md-6" style="text-align:right"><b id="CreditAmount">@Model.TotalCr</b></div>
                                </div>
                                <br />
                                <div class="solid"></div>
                                <div class="row">
                                    <div class="col-md-6"><h2>TOTAL</h2></div>
                                    <div class="col-md-6" style="text-align:right">
                                        <h2 id="TotalAmount">@(Model.TotalDr - Model.TotalCr)</h2>
                                    </div>
                                </div>
                                <div class="solid"></div>
                                <div class="solid"></div>
                            </div>
                        </div>
                        <br />
                        <div class="row">
                            <div class="col-md-12">
                                <a href="javascript:void(0)" id="btnUpdate" class="btn btn-success float-right"><i class="icon-check2"></i> Update & Close </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <input type="hidden" value="@ViewBag.TType" id="TType" />
    <div style="display:none;">
        @Html.EditorFor(model => model.TotalCr, new { htmlAttributes = new { @class = "form-control", placeholder = "" } })
        @Html.EditorFor(model => model.TotalDr, new { htmlAttributes = new { @class = "form-control", placeholder = "" } })
    </div>
}

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
    <script>
            var hashtable = [];
            $(document).ready(function () {
                InitialLoad();
                function InitialLoad() {
                    $.ajax({
                        url: "/GLTRHs/GetVoucherDetail/" +@Model.Id,
                        method: "GET",
                        success: function (response) {
                            console.log(response);
                            if (response.success) {
                                for (var i = 0; i < response.data.length; i++) {
                                    var Id = response.data[i].Id;
                                    var accountid = response.data[i].AccountID;
                                    var subAccId = response.data[i].SubAccID;
                                    var narration = response.data[i].Narration == null ? "" : response.data[i].Narration;
                                    var amount = response.data[i].Amount;
                                    var accountName = response.data[i].AccountTitle;
                                    var subAccountName = response.data[i].SubTitle == null ? "" : response.data[i].SubTitle;
                                    hashtable.push({
                                        Id: Id,
                                        AccountId: accountid,
                                        SubAccId: subAccId,
                                        Narration: narration,
                                        Amount: amount > 0 ? amount:0,
                                        AccountName: accountName,
                                        SubAccName: subAccountName,
                                        Credit: amount < 0 ? -1*amount : 0

                                    });

                                }
                                LoadHashTable();
                            }

                        },
                        error: function (err) {
                            MyAlert("Error", err, "error");
                        }
                    });

                }
                $("#DocDate").datepicker().datepicker("setDate", new Date());
                var count = 0;
                $("#InputAccountId").select2();
                $("#btnaddrow").on("click", function () {
                    var accountid = $("#InputAccountId").val();
                    var subAccId = IsNullZeroAsInt($("#InputSubAccId").val());
                    var narration = $("#InputNarration").val();
                    var amount = IsNullZeroAsInt($("#InputAmount").val());
                    var creditAmount = IsNullZeroAsInt($("#InputCreditAmount").val());
                    var accountName = "";
                    var subAccountName = "";
                    if (accountid == "") {
                        MyAlert("Ooops", "Account Cannot Be Null", "error");
                        return;
                    }
                    if (amount <= 0 && creditAmount<=0) {
                        MyAlert("Ooops", "Amount Must Be Greater Than Zero", "error");
                        return;
                    }
                    accountName = $("#InputAccountId option:selected").text();
                    subAccountName = $("#InputSubAccId option:selected").text();
                    var isFound = 0;
                    for (var i = 0; i < hashtable.length; i++) {
                        if (hashtable[i].AccountId == accountid && hashtable[i].SubAccId == subAccId) {
                            isFound = 1;
                            hashtable[i].AccountId = accountid;
                            hashtable[i].SubAccId = subAccId;
                            hashtable[i].Narration = narration;
                            hashtable[i].Amount = amount;
                            hashtable[i].Credit = creditAmount;
                            hashtable[i].AccountName = accountName;
                            hashtable[i].SubAccName = subAccountName;
                        }
                    }
                    if (isFound == 0) {
                        hashtable.push({
                            AccountId: accountid,
                            SubAccId: subAccId,
                            Narration: narration,
                            Amount: amount,
                            Credit: creditAmount,
                            AccountName: accountName,
                            SubAccName: subAccountName
                        });
                        count++;
                    }


                    LoadHashTable();
                    ResetInputFields();
                });
                $("#btnUpdate").on("click", function () {
                    var Id = $("#Id").val();
                    var DocDate = $("#DocDate").val();
                    var BookId = $("#BookID").val();
                    var VoucherNo = $("#VoucherNo").val();
                    var Description = $("#Description").val();
                    var TotalCr = $("#TotalCr").val();
                    var TotalDr = $("#TotalDr").val();
                    var TType = $("#TType").val();
                                    if (DocDate == "") {
                        MyAlert("Ooops", "Date is Required", "error");
                        return;
                    }
                    if (BookId == "") {
                        MyAlert("Ooops", "Book Id is Required", "error");
                        return;
                    }
                    if (VoucherNo == "") {
                        MyAlert("Ooops", "Voucher No is Required", "error");
                        return;
                    }
                    if (hashtable.length == 0) {
                        MyAlert("Ooops", "Cannot Add Null Voucher", "error");
                        return;
                    }
                    if (TotalDr != TotalCr) {
                        MyAlert("Ooops", "Debit and Credit Should be Equal", "error");
                        return;
                    }
                    var detail = [];
                    for (var i = 0; i < hashtable.length; i++) {
                        var data = {
                            Id: hashtable[i].Id,
                            AccountID: hashtable[i].AccountId,
                            SubAccID: hashtable[i].SubAccId,
                            AccountTitle: hashtable[i].AccountName,
                            SubTitle: hashtable[i].SubAccName,
                            Narration: hashtable[i].Narration,
                            Amount: hashtable[i].Amount,
                            CreditAmount: hashtable[i].Credit
                        };
                        detail.push(data);
                    }
                    var VoucherDto = {
                        Id: Id,
                        VoucherNo: VoucherNo,
                        DocDate: DocDate,
                        BookID: BookId,
                        Description: Description,
                        GLTransectionDetailDto: detail,
                        TransectionType: TType
                    };
                    $.ajax({
                        url: "/GLTRHs/Edit",
                        data: VoucherDto,
                        method: "POST",
                        success: function (response) {
                            if (response.success) {
                                window.location.replace("/GLTRHs/JournalVoucher");
                            }
                            else {
                                MyAlert("Ooops", "Something is Missing", "error");
                            }
                        },
                        error: function (err) {
                            MyAlert("Ooops", "Server Error", "error");

                        }
                    });
                });
                $("#BookID").on('change', function () {
                    if ($("#BookID").val() != "") {
                        $.ajax({
                            url: '/GLTRHs/GetNextVoucherNo?bookId=' + $("#BookID").val(),
                            type: 'get',
                            dataType: 'json',
                            success: function (data) {
                                $("#VoucherNo").val(data);
                            }
                        });

                        $.ajax({
                            url: '/GLTRHs/GetAccountsByBookConfig?bookName=' + $("#BookID").val(),
                            type: 'get',
                            dataType: 'json',
                            success: function (data) {
                                var html = "";
                                for (var i = 0; i < data.length; i++) {
                                    html += "<option value='" + data[i].Value + "'>" + data[i].Name + "</option>";
                                }
                                $("#DebitAccountId").html(html);
                            }
                        });
                    }
                    else {
                        $("#VoucherNo").val("");
                        $("#DebitAccountId").empty();
                    }
                });
                $("#InputAccountId").on('change', function () {
                    var AccountID = $(this).val();
                    var SubAccount = $("#InputSubAccId");
                    if (AccountID != "") {
                        $.ajax({
                            url: '/GLTRHs/GetSubAccounts?AccountID=' + AccountID,
                            type: 'get',
                            dataType: 'json',
                            success: function (data) {
                                var html = "";
                                for (var i = 0; i < data.length; i++) {
                                    html += "<option value='" + data[i].Value + "'>" + data[i].Name + "</option>";
                                }
                                $(SubAccount).html(html);
                            }
                        });
                    }
                    else {
                        $(SubAccount).empty();
                    }
                });


            });
            function LoadHashTable() {
                var html = "";
                for (var i = 0; i < hashtable.length; i++) {
                    html += '<tr>' +
                        '<td>' + hashtable[i].AccountName + '</td>' +
                        '<td>' + hashtable[i].SubAccName + '</td>' +
                        '<td>' + hashtable[i].Narration + '</td>' +
                        '<td>' + hashtable[i].Amount + '</td>' +
                        '<td>' + hashtable[i].Credit + '</td>' +
                        '<td class="text-right">' +
                        '<a href="javascript:;"><i class="icon-pencil" title="Edit" onclick="EditActionItemJV(\'' + hashtable[i].AccountId + '\' ,\'' + hashtable[i].SubAccId + '\')"></i></a>' +
                        '&nbsp;&nbsp<a href="javascript:void(0);" onclick="DeleteActionItemJV(\'' + hashtable[i].AccountId + '\' ,\'' + hashtable[i].SubAccId + '\')"><i class="icon-trash" title="Delete"></i></a>' +
                        '</td>' +
                        '</tr>';
                }
                $("#Container_List").empty();
                $("#Container_List").append(html);
                CalculateTotals();
            }
            function CalculateTotals() {
                var TotalAmount = 0;
                var TotalCreditAmount = 0;
                for (var i = 0; i < hashtable.length; i++) {
                    TotalAmount = TotalAmount + hashtable[i].Amount;
                    TotalCreditAmount = TotalCreditAmount + hashtable[i].Credit;
                }
                $("#TotalDr").val(TotalAmount);
                $("#TotalCr").val(TotalCreditAmount);
                $("#DebitAmount").text(TotalAmount);
                $("#CreditAmount").text(TotalCreditAmount);
                $("#TotalAmount").text(TotalAmount - TotalCreditAmount);




                $("#TotalAmount").text(TotalAmount - TotalCreditAmount);
            }
            function DeleteActionItemJV(accId, subAccId) {
                for (var i = 0; i < hashtable.length; i++) {
                    if (hashtable[i].AccountId == accId && hashtable[i].SubAccId == subAccId) {
                        hashtable.splice(i, 1);
                    }
                    CalculateTotals();
                    LoadHashTable();
                }
            }
            function EditActionItemJV(accId, subAccId) {
                for (var i = 0; i < hashtable.length; i++) {
                    if (hashtable[i].AccountId == accId && hashtable[i].SubAccId == subAccId) {
                        $("#InputAccountId").val(accId).trigger('change');
                        $("#InputSubAccId").val(subAccId);
                        $("#InputNarration").val(hashtable[i].Narration);
                        $("#InputAmount").val(hashtable[i].Amount);
                        $("#InputCreditAmount").val(hashtable[i].Credit);
                    }
                }
            }
            function ResetInputFields() {
                $("#InputAccountId").val("").trigger('change');
                $("#InputSubAccId").val("");
                $("#InputNarration").val("");
                $("#InputAmount").val("");
                $("#InputCreditAmount").val("");
            }
    </script>
    @*<script src="~/Content/CustomLibs/JV.js"></script>
        <script>

                $(document).ready(function () {

                    $("#DocDate").datepicker();
                    LoadAccounts();
                    GetVoucherDetailForEdit(@Model.Id);

                });

        </script>*@
}