conextra/public/www/templates/forgot-password-modal.html

Conextra for Web Development. Helps create a SPWA (Single-page Progressive Web Application).

<!-- Modal Sign in -->
<div class="modal fade" tabindex="-1" aria-hidden="false">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
        <div class="modal-content">
            <div class="modal-header bg-light">
                <h5 class="modal-title h4 text-muted">Forgot Password?</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body m-3">
                <form onsubmit="event.preventDefault();wsUser.security_code(this.querySelector('#username').value, '', true);UFE?.modalHide()">
                    <div class="row"><span class="col-auto mb-0 mx-auto h5">Forgot your password?</span></div>
                    <div class="row"><small class="col-auto mx-auto">Enter your email and we'll send you a security code.</small></div>
                    <div class="mt-4">
                        <input class="form-control" id="username" name="username" autocomplete="username" required type="email" placeholder="Email address" path="user.email" bind="setvalue" />
                        <div class="mb-3"></div>
                        <button type="submit" class="btn btn-primary d-block w-100 mt-3" path="isWsOnline" bind="enabled" onclick="this.blur()">Send security code</button>
                    </div>
                    <div class="row"><a class="col-auto mx-auto text-decoration-none fs--1 text-muted" onbind="this.href = 'mailto:default@' + location.hostname" href="mailto:default@localhost">I can't recover my account using this page<span class="d-inline-block ms-1">&rarr;</span></a></div>
                </form>
            </div>
        </div>
    </div>
</div>