{{define "content"}}


            <form id="resetForm" method="POST" action="/account/submit-reset-password" class="form-signin">

                <h2>Reset Password</h2>
                <!-- Hidden token from email -->
                <input type="hidden" name="crf_token" id="crf_token" value="{{.CSRF}}">
                <input type="hidden" name="Id" value="{{.AdminId}}">

                <div class="form-group">
                    <input type="password" name="password" id="password" class="form-control" placeholder="New Password"
                        required>
                </div>

                <div class="form-group">
                    <input type="password" name="password2" id="password2" class="form-control"
                        placeholder="Confirm Password" required>
                    <div class="error" id="errorMsg"></div>
                </div>
                <p>

                    <i> Must be 8-12 characters with at least one uppercase letter, one lowercase letter, one number,
                        and one special character (!@#$%^&*)</i>
                </p>

                <button type="submit" class="btn btn-primary">Reset Password</button>
            </form>
<script>

    document.addEventListener("DOMContentLoaded", function () {
        /*document.getElementById("resetForm").addEventListener("submit", function (e) {
            e.preventDefault();
            e.stopPropagation();

            const password = document.getElementById("password").value;
            const confirmPassword = document.getElementById("password2").value;
            const errorMsg = document.getElementById("errorMsg");

            fetch('/auth/reset-password', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/x-www-form-urlencoded'
                },
                body: new URLSearchParams({
                    'password': password,
                    'password2': confirmPassword,
                    'crf_token': document.getElementById("crf_token").value,
                    'Id': "{{.Data.Id}}"
                })
            }).then(response => response.json())
                .then(data => {
                    if (data.success) {
                        window.location.href = '/auth/login';
                    } else {
                        errorMsg.textContent = data.error || 'An error occurred. Please try again.';
                    }
                })
                .catch(error => {
                    console.error('Error:', error);
                    errorMsg.textContent = 'An error occurred. Please try again.';
                });


        });*/
    });
</script>
{{end}}