89 lines
3.3 KiB
HTML
89 lines
3.3 KiB
HTML
{% extends "base.html" %}
|
||
|
||
{% block title %}Подтверждение email — HiRo{% endblock %}
|
||
|
||
{# ВАЖНО: применяем тему ещё в <head>, до рендера страницы #}
|
||
{% block extra_css %}
|
||
<script>
|
||
(function(){
|
||
const root = document.documentElement;
|
||
const media = window.matchMedia('(prefers-color-scheme: dark)');
|
||
const getSaved = () => localStorage.getItem('theme') || 'auto'; // 'light' | 'dark' | 'auto'
|
||
const effective = (m) => m === 'auto' ? (media.matches ? 'dark' : 'light') : m;
|
||
const apply = () => root.setAttribute('data-bs-theme', effective(getSaved()));
|
||
apply();
|
||
media.addEventListener('change', () => { if (getSaved()==='auto') apply(); });
|
||
})();
|
||
</script>
|
||
{% endblock %}
|
||
|
||
{% block content %}
|
||
<div class="container" style="max-width: 520px;">
|
||
{% if messages %}
|
||
<div class="mb-3">
|
||
{% for message in messages %}
|
||
<div class="alert alert-{{ message.tags|default:'info' }} mb-2" role="alert">{{ message }}</div>
|
||
{% endfor %}
|
||
</div>
|
||
{% endif %}
|
||
|
||
<div class="card border-0 shadow-sm">
|
||
<div class="card-body p-4">
|
||
<h1 class="h4 fw-bold mb-2">Верификация email</h1>
|
||
<p class="text-secondary mb-4">
|
||
Мы отправили код на адрес
|
||
<strong>{{ form.email.value|default:request.GET.email }}</strong>.
|
||
Введите его ниже для подтверждения.
|
||
</p>
|
||
|
||
{# Основная форма подтверждения #}
|
||
<form method="post" class="mb-3">
|
||
{% csrf_token %}
|
||
<input type="hidden" name="email" value="{{ form.email.value|default:request.GET.email }}">
|
||
|
||
{% if form.non_field_errors %}
|
||
<div class="alert alert-warning" role="alert">
|
||
{% for e in form.non_field_errors %}{{ e }}{% if not forloop.last %}<br>{% endif %}{% endfor %}
|
||
</div>
|
||
{% endif %}
|
||
|
||
<div class="mb-3">
|
||
<label for="id_code" class="form-label">Код из письма</label>
|
||
<input type="text"
|
||
name="code"
|
||
id="id_code"
|
||
class="form-control {% if form.code.errors %}is-invalid{% endif %}"
|
||
maxlength="6"
|
||
inputmode="numeric"
|
||
pattern="[0-9]{6}"
|
||
placeholder="Введите 6-значный код"
|
||
required>
|
||
{% if form.code.errors %}
|
||
<div class="invalid-feedback">
|
||
{% for e in form.code.errors %}{{ e }}{% if not forloop.last %}<br>{% endif %}{% endfor %}
|
||
</div>
|
||
{% endif %}
|
||
</div>
|
||
|
||
<button type="submit" class="btn btn-primary w-100">Подтвердить</button>
|
||
</form>
|
||
|
||
{# Повторная отправка — строго POST #}
|
||
<form method="post" action="{% url 'auth_front:resend_email' %}">
|
||
{% csrf_token %}
|
||
<input type="hidden" name="email" value="{{ form.email.value|default:request.GET.email }}">
|
||
<button type="submit" class="btn btn-link p-0">Отправить код заново</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
{% endblock %}
|
||
|
||
{% block extra_js %}
|
||
<script>
|
||
document.addEventListener('DOMContentLoaded', function () {
|
||
document.getElementById('id_code')?.focus();
|
||
});
|
||
</script>
|
||
{% endblock %}
|