{% extends "base.html" %}
{% block title %}{{ title }} — Morozovka Portal{% endblock %}
{% block main_class %}auth-page{% endblock %}

{% block head %}
<style>
.sub-card { background: #161b22; border: 1px solid #30363d; border-radius: 12px; padding: 40px 35px; max-width: 480px; width: 100%; text-align: center; }
.icon { font-size: 3.5rem; margin-bottom: 15px; }
.icon.ok { color: #3fb950; }
.icon.err { color: #f85149; }
h1 { margin: 0 0 15px; font-size: 1.5rem; }
h1.ok { color: #3fb950; }
h1.err { color: #f85149; }
p { color: #8b949e; line-height: 1.6; margin: 0 0 25px; }
.sub-card form { display: inline; }
</style>
{% endblock %}

{% block content %}
<div class="sub-card">
    <div class="icon {% if ok %}ok{% else %}err{% endif %}">{% if ok %}✓{% else %}⚠{% endif %}</div>
    <h1 class="{% if ok %}ok{% else %}err{% endif %}">{{ title }}</h1>
    <p>{{ message }}</p>

    {% if show_confirm_form %}
    <form method="POST" action="{{ confirm_action }}">
        <button type="submit" class="btn btn-danger">Да, отписаться</button>
        <a href="/schedule" class="btn btn-default">Отмена</a>
    </form>
    {% else %}
    <a href="/schedule" class="btn btn-primary">← К расписанию</a>
    {% if unsubscribe_token %}
    <a href="/unsubscribe/{{ unsubscribe_token }}" class="btn btn-default">Управление подпиской</a>
    {% endif %}
    {% endif %}
</div>
{% endblock %}