@model BuddyFinance.Integration.Models.Account.ResetPasswordModel
@{
    ViewData["Title"] = "Account Confirmation";
}

<style>
    .error-messages {
        max-width: 405px;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
    }
</style>

<div ng-app="app" ng-controller="AdminAccConfirmCtrl">
    <div ng-cloak class="login text-center">
        <img class="img-responsive login-logo" src="~/images/logo-full.png" />
        <form>
            <div asp-validation-summary="ModelOnly" class="text-danger"></div>
            <div ng-show="modelIsValid == false" class="alert alert-danger error-messages">
                <ul ng-repeat="err in valResult">
                    <li>{{ err }}</li>
                </ul>
            </div>

            <input asp-for="Token" type="hidden" ng-model="AccountConfirmModel.Token" />

            <div class="form-group">
                <input asp-for="Username" disabled class="form-control centered" placeholder="username" ng-model="AccountConfirmModel.Username" type="email" />
                <span asp-validation-for="Username" class="text-danger"></span>
            </div>
            <div class="form-group">
                @*<label asp-for="OldPassword" class="control-label">Password</label>*@
                <input asp-for="OldPassword" class="form-control centered" placeholder="current password" ng-model="AccountConfirmModel.OldPassword" type="password" />
                <span asp-validation-for="OldPassword" class="text-danger"></span>
            </div>
            <div class="form-group">
                @*<label asp-for="NewPassword" class="control-label"> New Password</label>*@
                <input asp-for="NewPassword" class="form-control centered" placeholder="new password" ng-model="AccountConfirmModel.NewPassword" type="password" />
                <span asp-validation-for="NewPassword" class="text-danger"></span>
            </div>
            <div class="form-group">
                @*<label asp-for="ConfirmPassword" class="control-label"></label>*@
                <input asp-for="ConfirmNewPassword" class="form-control centered" placeholder="confirm new password" ng-model="AccountConfirmModel.ConfirmNewPassword" type="password" />
                <span asp-validation-for="ConfirmNewPassword" class="text-danger"></span>
            </div>
            <div class="form-group">
                <input type="button" value="confirm" ng-click="confirm()" class="btn btn-success btn-block centered" />
            </div>
        </form>
    </div>
</div>

@section scripts {
    <script>
        BuddyFinance.AccountConfirmModel = function () {
                var self = this;

                self.Token = '@Model.Token'
                self.Username = '@Model.Username';
                self.OldPassword = '';
                self.NewPassword = '';
                self.ConfirmNewPassword = '';
        };


        angular.module('app')
                .controller('AdminAccConfirmCtrl', [
                '$scope',
                '$http',
                'validator',
                '$loadingOverlay',
                '$location',
                function ($scope, $http, validator, $loadingOverlay, $location) {

                    $scope.busy = function () {
                        $loadingOverlay.show();
                    };

                    $scope.hideBusy = function () {
                        $loadingOverlay.hide();
                    };

                    $scope.AccountConfirmModel = new BuddyFinance.AccountConfirmModel();

                    var accountModelRules = [];

                    var setupRules = function () {
                        accountModelRules.push(new validator.PropertyRule("Username", {
                            required: { message: "Username is required" }
                        }));
                        accountModelRules.push(new validator.PropertyRule("Token", {
                            required: { message: "Confirmation token is required" }
                        }));
                        accountModelRules.push(new validator.PropertyRule("OldPassword", {
                            required: { message: "Current Password is required" }
                        }));
                        accountModelRules.push(new validator.PropertyRule("NewPassword", {
                            required: { message: "New Password is required" },
                            minLength: { message: "New Password must be at least 6 characters", params: 6 }
                        }));
                        accountModelRules.push(new validator.PropertyRule("ConfirmNewPassword", {
                            required: { message: "Confirm Password is required" },
                            custom: {
                                validator: BuddyFinance.mustEqual,
                                message: "Confirm Password does not match New Password",
                                params: function () { return $scope.AccountConfirmModel.NewPassword; }
                            }
                        }));
                    };

                    $scope.confirm = function () {
                        validator.ValidateModel($scope.AccountConfirmModel, accountModelRules);
                        $scope.modelIsValid = $scope.AccountConfirmModel.isValid;
                        $scope.valResult = $scope.AccountConfirmModel.errors;

                        if(!$scope.modelIsValid) {
                           //$scope.busy();
                        } else  {
                             $scope.busy();

                             $http.post(
                                BuddyFinance.apiRootPath + 'account/confirm-email',
                                $scope.AccountConfirmModel
                            ).then(
                                function (response) {

                                    $scope.hideBusy();

                                    if (response.data.ErrorCode == 0) {
                                             window.sessionStorage.setItem('access_token', response.data.OauthToken);

                                             $http.post(BuddyFinance.rootPath + "account/apilogin", response.data)
                                                 .then(function (response) {
                                                     window.location.href = BuddyFinance.rootPath;
                                                 }, function (error) {
                                                     if (error.status != 400)
                                                         $scope.valResult = [error.status + ':' + error.statusText + ' - ' + error.data.Message];
                                                     else
                                                         $scope.valResult = [error.data.Message];

                                                     $scope.modelIsValid = false;
                                                     $scope.hideBusy();
                                                 });

                                    } else {
                                        $scope.modelIsValid = false;
                                        $scope.valResult = ['Account confirmation failure. ' + response.data.ErrorMessage];
                                    }

                                }, function (errorResponse) {
                                    $scope.hideBusy();
                                    $scope.modelIsValid = false;
                                    $scope.valResult = ['Account confirmation failure. ' + errorResponse.statusText];
                           });
                        }
                    };

                    setupRules();
                }]);
    </script>
}