wc-bootstrap/templates/myaccount/form-lost-password.html.twig

{#
 # Lost Password Form (Bootstrap 5 Override)
 #
 # Form to request a password reset email, wrapped in a
 # Bootstrap card for visual consistency.
 #
 # WooCommerce PHP equivalent: myaccount/form-lost-password.php
 #
 # @package WcBootstrap
 # @since 0.1.0
 #}

{{ do_action('woocommerce_before_lost_password_form') }}

<div class="card shadow-sm">
    <div class="card-header">
        <h2 class="h5 mb-0">
            <i class="bi bi-key me-1" aria-hidden="true"></i>
            {{ __('Lost your password?') }}
        </h2>
    </div>
    <div class="card-body">
        <form method="post" class="woocommerce-ResetPassword lost_reset_password">

            <p class="text-body-secondary mb-3">
                {{ apply_filters('woocommerce_lost_password_message', __('Lost your password? Please enter your username or email address. You will receive a link to create a new password via email.')) }}
            </p>

            <div class="mb-3">
                <label for="user_login" class="form-label">
                    {{ __('Username or email') }}&nbsp;<span class="text-danger" aria-hidden="true">*</span>
                    <span class="visually-hidden">{{ __('Required') }}</span>
                </label>
                <input type="text"
                       class="form-control"
                       name="user_login"
                       id="user_login"
                       autocomplete="username"
                       required
                       aria-required="true" />
            </div>

            {{ do_action('woocommerce_lostpassword_form') }}

            <div class="mt-3">
                <input type="hidden" name="wc_reset_password" value="true" />
                <button type="submit" class="btn btn-primary" value="{{ __('Reset password') }}">
                    {{ __('Reset password') }}
                </button>
            </div>

            {{ wp_nonce_field('lost_password', 'woocommerce-lost-password-nonce') }}

        </form>
    </div>
</div>

{{ do_action('woocommerce_after_lost_password_form') }}