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

@section scripts {

    <script src="~/app/Models/ForgotPasswordModel.js"></script>
    <script src="~/app/controllers/ForgortPasswordController.js"></script>
}

<div ng-app="app" ng-controller="ForgortPasswordCtrl" ng-init="accountModel.Token = '@Model.Token'">
    <div ng-cloak class="login text-center input-form">
        <img class="img-responsive login-logo" src="~/images/logo-full.png" />

        <form asp-action="ResetPassword">
            <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 type="hidden" asp-for="Token" ng-model="accountModel.Token" />

            <div class="form-group">
                @*<label asp-for="Username" class="control-label"></label>*@
                <input asp-for="Username" ng-model="accountModel.Username" placeholder="username" class="form-control centered" />
                <span asp-validation-for="Username" class="text-danger"></span>
            </div>

            <div class="form-group">
                @*<label asp-for="NewPassword" class="control-label">New Password</label>*@
                <input asp-for="NewPassword" ng-model="accountModel.NewPassword"
                       placeholder="new password" class="form-control centered" type="password" />
                <span asp-validation-for="OldPassword" class="text-danger"></span>
            </div>

            <div class="form-group">
                @*<label asp-for="ConfirmNewPassword" class="control-label">Confirm New Password</label>*@
                <input asp-for="ConfirmNewPassword" ng-model="accountModel.ConfirmNewPassword"
                       placeholder="confirm new password" class="form-control centered" type="password" />
                <span asp-validation-for="ConfirmNewPassword" class="text-danger"></span>
            </div>
            <div class="form-group">
                <input type="button" ng-click="reset()" value="Reset" class="btn btn-default btn-block centered" />
            </div>
        </form>
    </div>
</div>