<?php if (!defined('ABSPATH')) {
    die('You are not allowed to call this page directly.');
} ?>

<div id="mepro-login-hero">
  <div class="mepro-boxed">
    <div class="mepro-login-contents">

      <div id="mepr-template-login" class="mp_wrapper">
        <h3><?php echo esc_html_x('Enter your new password', 'ui', 'memberpress'); ?></h3>
        <form name="mepr_reset_password_form" id="mepr_reset_password_form" class="mepr-form" action="" method="post">
          <?php // Nonce not necessary on this form seeing as the user isn't logged in yet. ?>
          <div class="mp-form-row mepr_password">
            <div class="mp-form-label">
              <label for="mepr_user_password"><?php echo esc_html_x('Password', 'ui', 'memberpress'); ?>:</label>
              <div class="mp-hide-pw">
                <input type="password" name="mepr_user_password" id="mepr_user_password" class="mepr-form-input mepr-forgot-password" tabindex="700" />
                <button type="button" class="button button-secondary mp-hide-pw hide-if-no-js" data-toggle="0" aria-label="<?php esc_attr_e('Show password', 'memberpress'); ?>">
                  <span class="dashicons dashicons-visibility" aria-hidden="true"></span>
                </button>
              </div>
            </div>
          </div>
          <div class="mp-form-row mepr_password_confirm">
            <div class="mp-form-label">
              <label for="mepr_user_password_confirm"><?php echo esc_html_x('Password Confirmation', 'ui', 'memberpress'); ?>:</label>
              <div class="mp-hide-pw">
              <input type="password" name="mepr_user_password_confirm" id="mepr_user_password_confirm" class="mepr-form-input mepr-forgot-password-confirm" tabindex="710"/>
                <button type="button" class="button button-secondary mp-hide-pw hide-if-no-js" data-toggle="0" aria-label="<?php esc_attr_e('Show password', 'memberpress'); ?>">
                  <span class="dashicons dashicons-visibility" aria-hidden="true"></span>
                </button>
              </div>
            </div>
          </div>
          <?php MeprHooks::do_action('mepr_reset_password_after_password_fields'); ?>

          <div class="mepr_spacer">&nbsp;</div>
          <div class="submit">
            <input type="submit" name="wp-submit" id="wp-submit" class="button-primary mepr-share-button " value="<?php echo esc_attr_x('Update Password', 'ui', 'memberpress'); ?>" tabindex="720" />
            <input type="hidden" name="action" value="mepr_process_reset_password_form" />
            <input type="hidden" name="mepr_screenname" value="<?php echo esc_attr($mepr_screenname); ?>" />
            <input type="hidden" name="mepr_key" value="<?php echo esc_attr($mepr_key); ?>" />
            <input type="hidden" name="mepr_is_login_page" value="true" />
          </div>
        </form>
      </div>

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