| Server IP : 104.171.130.249 / Your IP : 216.73.216.146 Web Server : nginx/1.25.5 System : Linux 0dac65491b7e 6.8.0-134-generic #134-Ubuntu SMP PREEMPT_DYNAMIC Fri Jun 26 18:43:11 UTC 2026 x86_64 User : root ( 0) PHP Version : 8.4.23 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : ON | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /var/www/html/wp-content/themes/matreshka/ |
Upload File : |
<?php
/**
* Template: Login / Registration (universal)
* Route: /login/ (also /register/ for backward compat)
*/
$current_step = 1;
$email_verified = isset( $_GET['email_verified'] );
$user_email = '';
if ( is_user_logged_in() ) {
$uid = get_current_user_id();
$current_step = get_user_meta( $uid, '_matreshka_reg_step', true ) ?: 2;
$user_email = wp_get_current_user()->user_email;
if ( strpos( $user_email, '@phone.matreshka.local' ) !== false ) $user_email = '';
}
get_header( 'auth' );
?>
<main class="site-main registration-page">
<div class="container">
<div class="reg-wrapper">
<!-- Progress indicator -->
<div class="reg-progress">
<div class="reg-progress-text montserrat-medium">
Шаг <strong id="current-step-num">1</strong> из 4: <span id="current-step-title">Вход по номеру телефона</span>
</div>
<div class="reg-progress-track">
<div class="reg-progress-track-line">
<div class="reg-progress-track-fill" id="progress-fill"></div>
</div>
<div class="reg-progress-node active" data-step="1">
<div class="reg-progress-circle"><span>1</span></div>
<div class="reg-progress-label">Телефон</div>
</div>
<div class="reg-progress-node" data-step="2">
<div class="reg-progress-circle"><span>2</span></div>
<div class="reg-progress-label">Профиль</div>
</div>
<div class="reg-progress-node" data-step="3">
<div class="reg-progress-circle"><span>3</span></div>
<div class="reg-progress-label">Email</div>
</div>
<div class="reg-progress-node" data-step="4">
<div class="reg-progress-circle"><span>4</span></div>
<div class="reg-progress-label">Адрес</div>
</div>
</div>
</div>
<!-- STEP 1: Phone -->
<div class="reg-step" id="reg-step-1" <?php echo $current_step != 1 ? 'style="display:none"' : ''; ?>>
<h2 class="montserrat-bold reg-title">Вход по номеру телефона</h2>
<div id="phone-form">
<p class="reg-subtitle montserrat-medium">Введите номер, мы отправим SMS с кодом</p>
<div class="reg-input-group">
<input type="tel" id="reg-phone" class="reg-input montserrat-medium" placeholder="+7 (___) ___-__-__" autocomplete="tel">
</div>
<button id="btn-send-sms" class="btn btn-red-primary w-100 montserrat-bold reg-btn" disabled>
Получить код
</button>
</div>
<div id="code-form" style="display:none;">
<p class="reg-code-label montserrat-medium">Введите код из SMS</p>
<div class="reg-code-inputs">
<input type="text" inputmode="numeric" maxlength="1" class="code-digit montserrat-bold" data-index="0">
<input type="text" inputmode="numeric" maxlength="1" class="code-digit montserrat-bold" data-index="1">
<input type="text" inputmode="numeric" maxlength="1" class="code-digit montserrat-bold" data-index="2">
<input type="text" inputmode="numeric" maxlength="1" class="code-digit montserrat-bold" data-index="3">
<input type="text" inputmode="numeric" maxlength="1" class="code-digit montserrat-bold" data-index="4">
<input type="text" inputmode="numeric" maxlength="1" class="code-digit montserrat-bold" data-index="5">
</div>
<button id="btn-verify-code" class="btn btn-red-primary w-100 montserrat-bold reg-btn" disabled>
Подтвердить
</button>
<div class="reg-resend">
<span id="resend-timer" class="montserrat-medium text-dark-opacity">
Отправить повторно через <span id="countdown">60</span> сек.
</span>
<button id="btn-resend-sms" class="btn-link montserrat-medium" style="display:none;">
Отправить код повторно
</button>
</div>
</div>
<div id="reg-error-1" class="reg-error montserrat-medium" style="display:none;"></div>
</div>
<!-- STEP 2: Profile -->
<div class="reg-step" id="reg-step-2" <?php echo $current_step != 2 ? 'style="display:none"' : ''; ?>>
<h2 class="montserrat-bold reg-title">Заполните профиль</h2>
<div class="reg-form-group">
<label class="reg-label montserrat-medium">Имя <span class="req">*</span></label>
<input type="text" id="reg-name" class="reg-input montserrat-medium" placeholder="Ваше имя" autocomplete="given-name">
</div>
<div class="reg-form-group">
<label class="reg-label montserrat-medium">Email <span class="req">*</span></label>
<input type="email" id="reg-email" class="reg-input montserrat-medium" placeholder="email@example.com" autocomplete="email" value="<?php echo esc_attr( $user_email ); ?>">
</div>
<div class="reg-form-group reg-date-group">
<label class="reg-label montserrat-medium">Дата рождения <span class="req">*</span></label>
<div class="reg-date-wrap">
<input type="date" id="reg-birthday" class="reg-input montserrat-medium">
<span class="reg-date-icon">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.66699 10C1.66699 6.85734 1.66699 5.286 2.6433 4.30968C3.61961 3.33337 5.19096 3.33337 8.33366 3.33337H11.667C14.8097 3.33337 16.381 3.33337 17.3573 4.30968C18.3337 5.286 18.3337 6.85734 18.3337 10V11.6667C18.3337 14.8094 18.3337 16.3808 17.3573 17.3571C16.381 18.3334 14.8097 18.3334 11.667 18.3334H8.33366C5.19096 18.3334 3.61961 18.3334 2.6433 17.3571C1.66699 16.3808 1.66699 14.8094 1.66699 11.6667V10Z" stroke="#58595E" stroke-width="1.5"/><path d="M5.83301 3.33337V2.08337" stroke="#58595E" stroke-width="1.5" stroke-linecap="round"/><path d="M14.167 3.33337V2.08337" stroke="#58595E" stroke-width="1.5" stroke-linecap="round"/><path d="M2.08301 7.5H17.9163" stroke="#58595E" stroke-width="1.5" stroke-linecap="round"/><path d="M14.9997 14.1667C14.9997 14.6269 14.6266 15 14.1663 15C13.7061 15 13.333 14.6269 13.333 14.1667C13.333 13.7064 13.7061 13.3333 14.1663 13.3333C14.6266 13.3333 14.9997 13.7064 14.9997 14.1667Z" fill="#58595E"/><path d="M14.9997 10.8333C14.9997 11.2936 14.6266 11.6667 14.1663 11.6667C13.7061 11.6667 13.333 11.2936 13.333 10.8333C13.333 10.3731 13.7061 10 14.1663 10C14.6266 10 14.9997 10.3731 14.9997 10.8333Z" fill="#58595E"/><path d="M10.8337 14.1667C10.8337 14.6269 10.4606 15 10.0003 15C9.54009 15 9.16699 14.6269 9.16699 14.1667C9.16699 13.7064 9.54009 13.3333 10.0003 13.3333C10.4606 13.3333 10.8337 13.7064 10.8337 14.1667Z" fill="#58595E"/><path d="M10.8337 10.8333C10.8337 11.2936 10.4606 11.6667 10.0003 11.6667C9.54009 11.6667 9.16699 11.2936 9.16699 10.8333C9.16699 10.3731 9.54009 10 10.0003 10C10.4606 10 10.8337 10.3731 10.8337 10.8333Z" fill="#58595E"/><path d="M6.66667 14.1667C6.66667 14.6269 6.29357 15 5.83333 15C5.3731 15 5 14.6269 5 14.1667C5 13.7064 5.3731 13.3333 5.83333 13.3333C6.29357 13.3333 6.66667 13.7064 6.66667 14.1667Z" fill="#58595E"/><path d="M6.66667 10.8333C6.66667 11.2936 6.29357 11.6667 5.83333 11.6667C5.3731 11.6667 5 11.2936 5 10.8333C5 10.3731 5.3731 10 5.83333 10C6.29357 10 6.66667 10.3731 6.66667 10.8333Z" fill="#58595E"/></svg>
</span>
</div>
</div>
<div class="reg-switch-group">
<label class="reg-switch">
<input type="checkbox" id="reg-want-receipts" checked>
<span class="reg-switch-slider"></span>
</label>
<label class="reg-switch-label montserrat-medium">
Хочу получать электронные чеки от Матрёшки на почту
</label>
<span class="reg-tooltip-wrap">
<span class="reg-tooltip-icon">?</span>
<span class="reg-tooltip-text">Вместо бумажных чеков на кассе вы будете получать электронные чеки на e-mail</span>
</span>
</div>
<div class="reg-checkbox-group">
<div class="reg-checkbox-row">
<label class="reg-checkbox montserrat-medium">
<input type="checkbox" id="reg-consent">
<span class="reg-checkmark"></span>
<span class="reg-checkbox-text">Даю согласие на обработку <a href="/privacy-policy/" class="reg-privacy-link" target="_blank" style="text-decoration: underline !important;">Персональных данных</a> <span class="req">*</span></span>
</label>
<span class="reg-tooltip-wrap">
<span class="reg-tooltip-icon">?</span>
<span class="reg-tooltip-text">Необходимо для регистрации и использования сервиса в соответствии с законодательством</span>
</span>
</div>
</div>
<div class="reg-checkbox-group">
<div class="reg-checkbox-row">
<label class="reg-checkbox montserrat-medium">
<input type="checkbox" id="reg-promotions" checked>
<span class="reg-checkmark"></span>
Я хочу получать информацию о Скидках и Акциях
</label>
<span class="reg-tooltip-wrap">
<span class="reg-tooltip-icon">?</span>
<span class="reg-tooltip-text">Будем присылать информацию о скидках, акциях и специальных предложениях</span>
</span>
</div>
</div>
<button id="btn-save-profile" class="btn btn-red-primary w-100 montserrat-bold reg-btn">
Продолжить
</button>
<div id="reg-error-2" class="reg-error montserrat-medium" style="display:none;"></div>
</div>
<!-- STEP 3: Email verification -->
<div class="reg-step" id="reg-step-3" <?php echo $current_step != 3 ? 'style="display:none"' : ''; ?>>
<div class="reg-email-sent">
<div class="reg-email-icon"><img src="/wp-content/themes/matreshka/assets/icons/email.svg" width="60px" alt="Мы отправили вам письмо для подтверждения email"></div>
<h2 class="montserrat-bold reg-title">Мы отправили вам<br>письмо на почту</h2>
<p class="reg-subtitle montserrat-medium text-center" id="email-sent-to">
<?php if ( $user_email ) echo 'На адрес <strong>' . esc_html( $user_email ) . '</strong>'; ?>
</p>
<p class="reg-subtitle montserrat-medium text-center">Для верификации email перейдите по ссылке из письма. Если письмо не пришло, проверьте папку "Спам" или запросите повторную отправку письма.</p>
<button id="btn-continue" class="btn btn-red-primary w-100 montserrat-bold reg-btn">
Продолжить
</button>
<button id="btn-resend-email" class="btn-link montserrat-medium reg-resend-email">
Отправить письмо повторно
</button>
</div>
</div>
<!-- STEP 4: Address -->
<div class="reg-step" id="reg-step-4" <?php echo $current_step != 4 ? 'style="display:none"' : ''; ?>>
<?php if ( $email_verified ) : ?>
<div class="reg-success-msg montserrat-medium">
✅ Email успешно подтверждён!
</div>
<?php endif; ?>
<h2 class="montserrat-bold reg-title" style="margin-bottom: 10px;">Адрес доставки</h2>
<p class="reg-subtitle montserrat-medium text-center">Куда доставлять заказы?</p>
<div class="reg-form-group mt-4">
<label class="reg-label montserrat-medium">Адрес доставки *</label>
<input type="text" id="reg-address" class="reg-input montserrat-medium" placeholder="Улица, дом" autocomplete="street-address">
</div>
<div class="reg-row-2">
<div class="reg-form-group">
<label class="reg-label montserrat-medium">Подъезд</label>
<input type="text" id="reg-entrance" class="reg-input montserrat-medium" placeholder="—">
</div>
<div class="reg-form-group">
<label class="reg-label montserrat-medium">Код домофона</label>
<input type="text" id="reg-intercom" class="reg-input montserrat-medium" placeholder="—">
</div>
</div>
<div class="reg-row-2">
<div class="reg-form-group">
<label class="reg-label montserrat-medium">Этаж</label>
<input type="text" id="reg-floor" class="reg-input montserrat-medium" placeholder="—">
</div>
<div class="reg-form-group">
<label class="reg-label montserrat-medium">Квартира/офис</label>
<input type="text" id="reg-apartment" class="reg-input montserrat-medium" placeholder="—">
</div>
</div>
<div class="reg-form-group">
<label class="reg-label montserrat-medium">Комментарий курьеру</label>
<textarea id="reg-courier-comment" class="reg-input reg-textarea montserrat-medium" placeholder="Например: не звонить в дверь" rows="3"></textarea>
</div>
<button id="btn-save-address" class="btn btn-red-primary w-100 montserrat-bold reg-btn">
Сохранить адрес
</button>
<button id="btn-skip-address" class="btn-link montserrat-medium reg-skip">
Пропустить
</button>
<div id="reg-error-4" class="reg-error montserrat-medium" style="display:none;"></div>
</div>
<!-- COMPLETE -->
<div class="reg-step" id="reg-step-complete" <?php echo $current_step !== 'complete' ? 'style="display:none"' : ''; ?>>
<div class="reg-complete">
<div class="reg-complete-icon"><img src="/wp-content/themes/matreshka/assets/icons/celebrate.svg" width="60px" alt="Добро пожаловать в Матрёшку"></div>
<h2 class="montserrat-bold reg-title">Добро пожаловать<br>в Матрёшку!</h2>
<p class="reg-subtitle montserrat-medium text-center">Вы успешно вошли</p>
<a href="<?php echo esc_url( home_url() ); ?>" class="btn btn-red-primary w-100 montserrat-bold reg-btn" style="align-items: center;display: flex;justify-content: center;">
Начать покупки
</a>
</div>
</div>
</div>
</div>
</main>
<?php get_footer(); ?>