<!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">
            <h1 class="title">Портал древнего города</h1>
            
            <div class="user-info">
                <span class="username">Путешественник: {{ username }}</span>
            </div>
            
            <div class="icon-container">
                <img src="/static/icons/Reinforced_Deepslate.png" alt="Reinforced Deepslate" style="max-width: 180px;">
            </div>
            
            <p class="description">
                Добро пожаловать в портал, {{ username }}!<br>
                Ты стоишь перед древними вратами...<br>
                Только избранные могут пройти дальше.
            </p>
            
            <div class="info-box">
                <h3>Табличка у портала:</h3>
                <p>«Если увидишь табличку <code>admin</code> у портала, знай — он часто возвращается сюда»</p>
                <p style="margin-top: 10px; font-size: 13px;">
                    Похоже, мастера, ставившие блоки доступа, оставили лишние рычаги в механизмах...
                </p>
            </div>
            
            <div class="button-group">
                {% if role == 'admin' %}
                <a href="/secret-hall" class="btn btn-primary">Войти в тайный зал</a>
                {% else %}
                <a href="/secret-hall" class="btn btn-disabled">Тайный зал (Недоступно)</a>
                {% endif %}
                <a href="/" class="btn btn-secondary">На главную</a>
                <a href="/logout" class="btn btn-danger btn-small">Выйти</a>
            </div>
        </div>
    </div>
</body>
</html>

