<!DOCTYPE html>
<html lang="en">

<head>
    {{>header}}
</head>

<body>
    <div class="mainDiv">
        <div class="cardStyle">
            <form action="/api/admin/reset-password" method="post" name="signupForm" id="signupForm" onsubmit="return validation()">

                <img src="/images/1024.png" id="signupLogo" />

                <h2 class="formTitle">
                    Forgot Admin Password
                </h2>

                <div class="inputDiv">
                    <label class="inputLabel" for="password">New Password</label>
                    <input type="password" id="password" name="newPassword" required>
                </div>

                <div class="inputDiv">
                    <label class="inputLabel" for="confirmPassword">Confirm Password</label>
                    <input type="password" id="confirmPassword" name="confirmPassword" required>
                </div>

                <div class="buttonWrapper">
                    <button type="submit" id="submitButton"
                        class="submitButton pure-button pure-button-primary">
                        <span>Continue</span>
                        <span id="loader"></span>
                    </button>
                </div>
                <input type="hidden" class="hide" name="resetPassToken" id="token" value="{{ user }}">
            </form>
        </div>
    </div>

    <script>
        let newPass=document.getElementById('password');
        let confirmPass=document.getElementById('confirmPassword');
        enableSubmitButton();
        function enableSubmitButton() {
            document.getElementById('submitButton').disabled = false;
            document.getElementById('loader').style.display = 'none';
        }
        function validation(){
            if(newPass.value === confirmPass.value) return true;
            else {
                alert("Your new password and confirm password do not match"); 
                return false;
            }
        }
    </script>
    {{!-- <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> --}}
    {{!-- <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> --}}
</body>

</html>