overlay.php
31 lines
| 1 | <?php |
| 2 | |
| 3 | use WPStaging\Framework\Utils\Strings; |
| 4 | |
| 5 | ?> |
| 6 | <div class="wpstg--full-screen-overlay" id="wpstg--otp--overlay-screen"> |
| 7 | <div class="wpstg--full-screen-overlay--container"> |
| 8 | <div class="wpstg-logo"> |
| 9 | <img class="wpstg-logo-light" src="<?php echo esc_url(WPSTG_PLUGIN_URL . "assets/img/logo.svg"); ?>"> |
| 10 | <img class="wpstg-logo-dark" src="<?php echo esc_url(WPSTG_PLUGIN_URL . "assets/img/dark-logo.svg"); ?>"> |
| 11 | </div> |
| 12 | <h2 class="wpstg-title"><?php esc_html_e('Verify Identity', 'wp-staging') ?></h2> |
| 13 | <p class="wpstg-text"><?php echo sprintf(esc_html__('For your security, we\'ve sent a verification code to your email address: %s. Please enter the code below to continue.', 'wp-staging'), '<strong>' . esc_html((new Strings())->maskEmail(wp_get_current_user()->user_email)) . '</strong>'); ?></p> |
| 14 | <div class="wpstg-otp-container"> |
| 15 | <input type="text" name="otp[]" maxlength="1" class="wpstg-otp-input-item" /> |
| 16 | <input type="text" name="otp[]" maxlength="1" class="wpstg-otp-input-item" /> |
| 17 | <input type="text" name="otp[]" maxlength="1" class="wpstg-otp-input-item" /> |
| 18 | <input type="text" name="otp[]" maxlength="1" class="wpstg-otp-input-item" /> |
| 19 | <input type="text" name="otp[]" maxlength="1" class="wpstg-otp-input-item" /> |
| 20 | <input type="text" name="otp[]" maxlength="1" class="wpstg-otp-input-item" /> |
| 21 | </div> |
| 22 | <div class="wpstg--full-screen-overlay--footer"> |
| 23 | <button type="button" class="wpstg-button wpstg-otp-overlay-close-btn wpstg-border-thin-button"><?php esc_html_e('Cancel', 'wp-staging') ?></button> |
| 24 | <button type="button" class="wpstg-button wpstg-otp-verify-btn wpstg-blue-primary"><?php esc_html_e('Verify', 'wp-staging') ?></button> |
| 25 | <p class="wpstg-otp-message"></p> |
| 26 | <p><a class="wpstg-otp-resend-btn"><?php esc_html_e('Resend OTP', 'wp-staging') ?></a></p> |
| 27 | <p><a class="wpstg-overlay-link" href="https://wp-staging.com/docs/disable-verification-code/" target="_blank"><?php esc_html_e('Don\'t receive the email?', 'wp-staging') ?></a></p> |
| 28 | </div> |
| 29 | </div> |
| 30 | </div> |
| 31 |