{% set noanim = true %}{# продолжение той же формы: вступление не переигрываем #}
{# Второй шаг регистрации: 6-значный код из письма — рисунок golova.ai
   (VerifyCode). То же стеклянное окно; вместо почты и пароля — одна пилюля
   с кодом. Учётка появляется только после верного кода. #}
{% extends "auth_glass.html" %}
{% block title %}{{ tr('Код из письма') }} — Puntavia{% endblock %}
{% block above %}
<div class="s-note">{{ tr('Мы отправили 6-значный код на {email}. Введите его — и учётка готова.').format(email=email) }}</div>
{% endblock %}
{% block fields %}
<div class="s-inp{{ ' err' if error }}" id="wrapCode">
  <span class="s-lock" aria-hidden="true">
    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor"
         stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
      <rect x="3" y="5.5" width="18" height="13" rx="2.5"/>
      <path d="m3.5 7 8.5 6 8.5-6"/>
    </svg>
  </span>
  <input id="code" name="code" inputmode="numeric" autocomplete="one-time-code"
         pattern="\d{6}" maxlength="6" autofocus spellcheck="false"
         aria-label="{{ tr('Код из письма') }}"
         style="text-align:center;letter-spacing:.45em;font-size:17px">
  <button class="s-arrow{{ ' shake' if error }}" type="submit" id="go" aria-label="{{ tr('Подтвердить') }}">
    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor"
         stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
      <path d="M5 12h13"/><path d="m12 5.5 6.5 6.5-6.5 6.5"/>
    </svg>
  </button>
</div>
{% endblock %}
{% block sso %}{% endblock %}
{% block errtext %}{% if error %}<div class="s-msg">{{ error }}</div>{% endif %}{% endblock %}
{% block links %}
{# «ещё раз» — POST-кнопкой той же формы через formaction: вложенная <form>
   внутри формы скелета невалидна, браузер рвёт разметку и уносит низ окна #}
<button class="s-linkbtn" type="submit" formaction="/register/resend"
        formnovalidate>{{ tr('Отправить код ещё раз') }}</button>
<a href="/register">{{ tr('Другая почта') }}</a>
{% endblock %}
{% block extra_js %}
<script>
(function(){
  var code = document.getElementById('code'), go = document.getElementById('go');
  var wrap = document.getElementById('wrapCode');
  function sync(){ go.classList.toggle('active', /^\d{6}$/.test(code.value)); }
  code.addEventListener('input', function(){
    code.value = code.value.replace(/\D/g, '').slice(0, 6);
    wrap.classList.remove('err');
    sync();
  });
  sync();
  code.form.addEventListener('submit', function(e){
    // «выслать ещё раз» уходит этой же формой на свой адрес — его не держим
    if (e.submitter && e.submitter.id !== 'go') return;
    if(!/^\d{6}$/.test(code.value)){ e.preventDefault(); return; }
    go.classList.add('loading');
  });
})();
</script>
{% endblock %}