{% extends "base.html" %}

{% block title %}Доступ запрещён - Капитал & Рынок{% endblock %}

{% block screen_content %}
<div class="header">
    <a href="{{ url_for('rooms') }}" class="back-button">←</a>
    <div class="logo-container">
        <img src="{{ url_for('static', filename='images/logo.png') }}" alt="Капитал & Рынок" class="logo">
    </div>
</div>

<div class="container">
    <div class="card text-center">
        <div style="font-size: 5rem; color: var(--warning-color); margin: 20px 0;">403</div>
        <h2>Доступ запрещён</h2>
        <p>У вас недостаточно прав для доступа к этой странице.</p>
        
        <div style="margin: 30px 0;">
            <div style="font-size: 8rem; color: #f0f0f0; margin-bottom: 20px;">🔒💰</div>
            <p style="color: var(--light-text); font-size: 0.9rem;">
            Эта комната может быть приватной или игра уже началась.
            </p>
        </div>
        
        <div class="flex flex-col gap-2 mt-4">
            {% if current_user.is_authenticated %}
            <a href="{{ url_for('rooms') }}" class="button">
                Вернуться к списку комнат
            </a>
            {% else %}
            <a href="{{ url_for('login') }}" class="button">
                Войти в систему
            </a>
            {% endif %}
            <a href="{{ url_for('index') }}" class="button secondary">
                На главную
            </a>
        </div>
    </div>
    
    <div class="card">
        <h3>Возможные причины:</h3>
        <ul style="padding-left: 20px; margin-top: 10px;">
            <li style="margin-bottom: 8px;">Вы не авторизованы в системе</li>
            <li style="margin-bottom: 8px;">У вас нет прав для доступа к этой комнате</li>
            <li style="margin-bottom: 8px;">Игра уже началась и присоединение невозможно</li>
            <li>Комната является приватной</li>
        </ul>
    </div>
</div>
{% endblock %}