<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Тайный зал - Древний город</title>
    <link rel="stylesheet" href="/static/css/minecraft-webfont.css">
    <link rel="stylesheet" href="/static/css/style.css">
</head>
<body>
    <div class="container">
        <div class="minecraft-panel">
            {% if error %}
            <h1 class="title">Доступ запрещён</h1>
            
            <div class="warning-box">
                <p>{{ error }}</p>
            </div>
            
            <div class="button-group">
                <a href="/portal" class="btn btn-secondary">Вернуться к порталу</a>
                <a href="/" class="btn btn-secondary">На главную</a>
            </div>
            
            {% else %}
            
            <h1 class="title">Тайный зал древнего города</h1>
            
            <div class="user-info">
                <span class="username">Избранный: {{ username }}</span>
            </div>
            
            <div class="icon-container">
                <img src="/static/icons/Echo_Shard.png" alt="Echo Shard" style="max-width: 200px;">
            </div>
            
            <div class="success-box gold">
                <h2>Поздравляем, избранный!</h2>
                <p>Ты смог обойти древние защиты и проникнуть в тайный зал.</p>
                <p>Лишние рычаги в механизмах регистрации сработали в твою пользу!</p>
            </div>
            
            <div class="flag-box">
                <p style="color: #3dd5d5; margin-bottom: 10px;">🏴 Второй флаг:</p>
                <p class="flag gold">{{ flag }}</p>
            </div>
            
            <div class="button-group">
                <a href="/portal" class="btn btn-primary">Вернуться к порталу</a>
                <a href="/" class="btn btn-secondary">На главную</a>
                <a href="/logout" class="btn btn-danger btn-small">Выйти</a>
            </div>
            
            {% endif %}
        </div>
    </div>
</body>
</html>

