@model ParcelWeb.Core.Dto.CreateOrEditGltrhDto

@{
    ViewBag.Title = "Create 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">
                Create voucher
            </li>
        </ol>
    </div>
</div>



@using (Html.BeginForm("CreateJV", "GLTRHs", FormMethod.Post, new { @Id = "frmJournalVoucher", @class = "form form-horizontal" }))//data-resetUrl
{
    @Html.AntiForgeryToken()
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title">Add voucher</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">
                                       
                                        @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,"--Select Book--", htmlAttributes: new { @class = "form-control" })
                                        @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</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="btnAddJV" class="btn btn-success float-right"><i class="icon-check2"></i> Update & Close </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>    
    <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 () {
            $("#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();
            });
            $("#btnAddJV").on("click", function () {
                var DocDate = $("#DocDate").val();
                var BookId = $("#BookID").val();
                var VoucherNo = $("#VoucherNo").val();
                var Description = $("#Description").val();
                var TotalCr = $("#TotalCr").val();
                var TotalDr = $("#TotalDr").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 = {
                        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 = {
                    VoucherNo: VoucherNo,
                    DocDate: DocDate,
                    BookID: BookId,
                    Description: Description,
                    GLTransectionDetailDto: detail                   
                };
                $.ajax({
                    url: "/GLTRHs/CreateJV",
                    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>*@
}