{% extends 'base.html' %}

{% block content %}
<div class="row justify-content-center my-5">
    <div class="col-lg-8 col-md-10">
        <div class="secret-card">
            <div class="secret-icon">
                <i class="fas fa-user-secret"></i>
            </div>
            <h1>Секретная страница</h1>
            <p class="secret-welcome">Добро пожаловать, <span class="secret-username">{{ current_user.login }}</span>!</p>
            <p class="secret-description">
                Эта страница доступна только аутентифицированным пользователям. Если вы видите эту страницу, значит вы успешно прошли процедуру аутентификации с использованием библиотеки Flask-Login.
            </p>
            <div class="secret-info">
                <div class="secret-info-item">
                    <i class="fas fa-id-badge"></i>
                    <div>
                        <span class="info-label">ID пользователя</span>
                        <span class="info-value">{{ current_user.id }}</span>
                    </div>
                </div>
                <div class="secret-info-item">
                    <i class="fas fa-user"></i>
                    <div>
                        <span class="info-label">Логин</span>
                        <span class="info-value">{{ current_user.login }}</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}