{% 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(--primary-color); margin: 20px 0;">404</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">
            <a href="{{ url_for('rooms') }}" class="button">
                Вернуться к списку комнат
            </a>
            <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;">Проверьте правильность URL-адреса</li>
            <li style="margin-bottom: 8px;">Создайте новую игровую комнату</li>
            <li style="margin-bottom: 8px;">Присоединитесь к другой комнате</li>
            <li>Обратитесь к администратору, если это ошибка</li>
        </ul>
    </div>
</div>
{% endblock %}