{#
 # Reset Password Form (Bootstrap 5 Override)
 #
 # Form to set a new password after clicking the reset link,
 # wrapped in a Bootstrap card for visual consistency.
 #
 # Expected context:
 #   args - Array with 'key' and 'login' values
 #
 # WooCommerce PHP equivalent: myaccount/form-reset-password.php
 #
 # @package WcBootstrap
 # @since 0.1.0
 #}

{{ do_action('woocommerce_before_reset_password_form') }}

<div class="card shadow-sm">
    <div class="card-header">
        <h2 class="h5 mb-0">
            <i class="bi bi-shield-lock me-1" aria-hidden="true"></i>
            {{ __('Set new 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_reset_password_message', __('Enter a new password below.')) }}
            </p>

            <div class="row g-3 mb-3">
                <div class="col-sm-6">
                    <label for="password_1" class="form-label">
                        {{ __('New password') }}&nbsp;<span class="text-danger" aria-hidden="true">*</span>
                        <span class="visually-hidden">{{ __('Required') }}</span>
                    </label>
                    <input type="password"
                           class="form-control"
                           name="password_1"
                           id="password_1"
                           autocomplete="new-password"
                           required
                           aria-required="true" />
                </div>
                <div class="col-sm-6">
                    <label for="password_2" class="form-label">
                        {{ __('Re-enter new password') }}&nbsp;<span class="text-danger" aria-hidden="true">*</span>
                        <span class="visually-hidden">{{ __('Required') }}</span>
                    </label>
                    <input type="password"
                           class="form-control"
                           name="password_2"
                           id="password_2"
                           autocomplete="new-password"
                           required
                           aria-required="true" />
                </div>
            </div>

            <input type="hidden" name="reset_key" value="{{ args.key|esc_attr }}" />
            <input type="hidden" name="reset_login" value="{{ args.login|esc_attr }}" />

            {{ do_action('woocommerce_resetpassword_form') }}

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

            {{ wp_nonce_field('reset_password', 'woocommerce-reset-password-nonce') }}

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

{{ do_action('woocommerce_after_reset_password_form') }}