@model List<BuddyFinance.Integration.Models.Account.UserAccountModel>
@using BuddyFinance.Common.Encryption
@using BuddyFinance.Integration.Models.Enums
@{
    ViewData["Title"] = "User Account Management";
}

@section pageHeader {
    <section class="content-header">
        <h1>
            Manage accounts
            <small></small>
        </h1>
        <ol class="breadcrumb">
            <li><a href="@Url.Action("index", "home", new { area = "admin" })"><i class="fa fa-dashboard"></i> Home</a></li>
            <li class="active">User Accounts</li>
        </ol>
    </section>
}


<div class="row">
    <div class="col-xs-12">
        <div class="box">
            <div class="box-header">
                <h3 class="box-title"></h3>

                <span class="pull-right">
                    <a onclick="create()" class="btn btn-default btn-sm" title="New Admin user">
                        <i class="fa fa-plus"></i> new
                    </a>
                </span>
            </div>
            <div class="box-body">
                <table id="tblAccounts" class="table table-bordered table-striped">
                    <thead>
                        <tr>
                            <th>Names</th>
                            <th>Role</th>
                            <th>Profile Number</th>
                            <th>Sign Up Date</th>
                            <th>Last Login Date</th>
                            <th>Is Active</th>
                            <th></th>
                        </tr>
                    </thead>

                    <tbody>
                        @foreach (var account in Model)
                        {
                            <tr>
                                <td>@account.Names</td>
                                <td>@account.UserRole.Name</td>
                                <td>@account.ProfileNumber</td>
                                <td>@(@account.SignUpDate != null ? account.SignUpDate.GetValueOrDefault().ToString("dd MMMM yyyy hh:mm tt") : "")</td>
                                <td>@(account.LastLoginDate != null ? account.LastLoginDate.GetValueOrDefault().ToString("dd MMMM yyyy hh:mm tt") : "")</td>
                                <td>@Html.DisplayFor(m => account.IsActive)</td>
                                <td class="">
                                    @if (!account.IsActive)
                                    {

                                        <button type="button" onclick="activate('@account.UserName')"
                                                class="btn btn-success btn-sm" title="Activate">
                                            <i class="fa fa-check-circle"></i>
                                        </button>
                                    }
                                    else
                                    {
                                        <button type="button" onclick="deactivate('@account.UserName')"
                                                class="btn btn-danger btn-sm" title="Deactivate">
                                            <i class="fa fa-user-times"></i>
                                        </button>
                                    }

                                    <button type="button" onclick="resetPassword('@account.UserName')"
                                            class="btn btn-warning btn-sm" title="Reset Password">
                                        <i class="fa fa-unlock" title="Reset Password"></i>
                                    </button>

                                    @if (account.UserRole.Id == (int)UserRoleEnum.Buddy || account.UserRole.Id == (int)UserRoleEnum.Buddy)
                                    {
                                        <a href="@Url.Action("Details", "Profiles", new { id =  account.ProfileId.ToEncryptedString()})"
                                           title="View Profile" class="btn btn-info btn-sm">
                                            <i class="fa fa-user-circle-o"></i>
                                        </a>

                                    }
                                    else
                                    {
                                        <button type="button" onclick="update('@account.Id')" class="btn btn-default btn-sm" title="Update details"> <i class="fa fa-pencil-square-o"></i></button>
                                    }
                                </td>
                            </tr>
                        }
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

@section scripts {
    <script>

        $("#tblAccounts").DataTable({
            responsive: true,
            order: [[3, "desc"]],
            columnDefs: [
                {
                    type: 'date-time',
                    targets: [3, 4],
                }
            ],
        });

        function resetPassword(username_) {

            if (confirm('Reset user account password ?')) {
                $.ajax({
                    url: BuddyFinance.apiRootPath + "account/sendpasswordreset?username=" + username_,
                    type: 'post',
                    beforeSend: function (request) {
                        request.setRequestHeader("X-Auth-Token", window.sessionStorage.getItem('access_token'));
                    }
                }).done(function (response) {
                    if (response.ErrorCode == 0) {
                        alert("Password Reset sent!");
                        $("#errors").hide();
                    } else {
                        $("#errors").html(response.ErrorMessage);
                        $("#errors").show();
                    }
                }).fail(function (xhr, statusText, thrownError) {
                    $("#errors").html("could not send password reset email: " + statusText);
                    $("#errors").show();
                });
            }
        }

        //function verify(username_) {

        //    if (confirm('Resend Verification link ?')) {
        //        $.ajax({
        //            url: BuddyFinance.apiRootPath + "account/resendverifylink?username=" + username_,
        //            type: 'post',
        //            beforeSend: function (request) {
        //                request.setRequestHeader("X-Auth-Token", window.sessionStorage.getItem('access_token'));
        //            }
        //        }).done(function (response) {
        //            if (response.ErrorCode == 0) {
        //                alert("Verification link sent!");
        //                $("#errors").hide();
        //            } else {
        //                $("#errors").html(response.ErrorMessage);
        //                $("#errors").show();
        //            }
        //        }).fail(function (xhr, statusText, thrownError) {
        //            $("#errors").html("Verification link could not be sent: " + statusText);
        //            $("#errors").show();
        //        });
        //    }
        //}

        function activate(username_) {
            if (confirm('activate user account ?')) {
                $.ajax({
                    url: BuddyFinance.apiRootPath + "account/activate?username=" + username_,
                    type: 'post',
                    beforeSend: function (request) {
                        request.setRequestHeader("X-Auth-Token", window.sessionStorage.getItem('access_token'));
                    }
                }).done(function (response) {
                    if (response.ErrorCode == 0) {
                        alert("Account activated!");
                        $("#errors").hide();
                        location.reload();
                    } else {
                        $("#errors").html(response.ErrorMessage);
                        $("#errors").show();
                    }
                }).fail(function (xhr, statusText, thrownError) {
                    $("#errors").html("Could not activate user account: " + statusText);
                    $("#errors").show();
                });
            }
        }

        function deactivate(username_) {
            if (confirm('deactivate user account ?')) {
                $.ajax({
                    url: BuddyFinance.apiRootPath + "account/deactivate?username=" + username_,
                    type: 'post',
                    beforeSend: function (request) {
                        request.setRequestHeader("X-Auth-Token", window.sessionStorage.getItem('access_token'));
                    }
                }).done(function (response) {
                    if (response.ErrorCode == 0) {
                        alert("Account deactivated!");
                        $("#errors").hide();
                        location.reload();
                    } else {
                        $("#errors").html(response.ErrorMessage);
                        $("#errors").show();
                    }
                }).fail(function (xhr, statusText, thrownError) {
                    $("#errors").html("Could not deactivate user account: " + statusText);
                    $("#errors").show();
                });
            }
        }

        function create() {
            BuddyFinance.dialog({
                title: 'Create Admin user',
                preFetch: {
                    url: '@Url.Action("Create")',
                    type: 'GET'
                },
                save: function () {
                    if ($("#bfModalBody").find('form').valid()) {
                        $("#errors").hide();
                        $.ajax({
                            url: BuddyFinance.apiRootPath + 'account/save',
                            data: $("#bfModalBody").find('form').serialize(), //frmUpdateRepayment
                            type: 'post',
                            beforeSend: function (request) {
                                request.setRequestHeader("X-Auth-Token", window.sessionStorage.getItem('access_token'));
                            }
                        }).done(function (response) {
                            if (response.ErrorCode == 0) {
                                location.reload();
                            } else {
                                $("#errors").html(response.ErrorMessage);
                                $("#errors").show();
                            }
                        }).fail(function (xhr, statusText, thrownError) {
                            $("#errors").html("Update failed: " + statusText);
                            $("#errors").show();
                        });
                    }
                }
            });
        }

        function update(userId) {
            BuddyFinance.dialog({
                title: 'Update user details',
                preFetch: {
                    url: '@Url.Action("Update")?userId=' + userId,
                    type: 'GET'
                },
                save: function () {
                    if ($("#bfModalBody").find('form').valid()) {
                        $("#errors").hide();
                        $.ajax({
                            url: BuddyFinance.apiRootPath + 'account/update',
                            data: $("#bfModalBody").find('form').serialize(), //frmUpdateRepayment
                            type: 'post',
                            beforeSend: function (request) {
                                request.setRequestHeader("X-Auth-Token", window.sessionStorage.getItem('access_token'));
                            }
                        }).done(function (response) {
                            if (response.ErrorCode == 0) {
                                location.reload();
                            } else {
                                $("#errors").html(response.ErrorMessage);
                                $("#errors").show();
                            }
                        }).fail(function (xhr, statusText, thrownError) {
                            $("#errors").html("Update failed: " + statusText);
                            $("#errors").show();
                        });
                    }
                }
            });
        }

        $(function () {
            $("#errors").hide();
        });
    </script>
}