<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{ error_title }} - LogBoard+</title>
    <link rel="stylesheet" href="/static/css/error.css">
</head>
<body>
    <!-- Кнопка переключателя темы -->
    <button class="theme-toggle" onclick="toggleTheme()" title="Переключить тему (Ctrl+T)">
        🌙
    </button>
    
    <div class="error-container">
        <div class="error-icon">
            {% if error_code == 401 %}
                🔐
            {% elif error_code == 403 %}
                🚫
            {% elif error_code == 404 %}
                🔍
            {% elif error_code == 500 %}
                ⚠️
            {% else %}
                ❌
            {% endif %}
        </div>
        
        <div class="error-code">{{ error_code }}</div>
        <div class="error-title">{{ error_title }}</div>
        
        {% if error_code == 401 %}
            <div class="auth-notice">
                🔐 Эта страница требует авторизации
            </div>
        {% elif error_code == 403 %}
            <div class="auth-notice">
                🚫 У вас нет прав для доступа к этой странице
            </div>
        {% endif %}
        
        {% if error_code != 403 %}
            <div class="error-message">
                {{ error_message }}
            </div>
        {% endif %}
        

        
        <div class="btn-group">
            <a href="/" class="btn">На главную</a>
            {% if error_code == 403 %}
                <a href="/login" class="btn btn-secondary">Войти в систему</a>
            {% endif %}
            <button onclick="history.back()" class="btn btn-secondary">Назад</button>
        </div>
        
        <div class="footer">
            <p>
                LogBoard+ - Веб-панель для просмотра логов микросервисов<br>
                Автор: <a href="https://devops.org.ru" target="_blank">Сергей Антропов</a>
            </p>
        </div>
    </div>

    <script src="/static/js/error.js"></script>
</body>
</html>
