templates/base.html

<!DOCTYPE html>
<html lang="en" data-theme="dark">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{% block title %}MC Server Panel{% endblock %}</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.6.0/socket.io.min.js"></script>
    {% block head %}{% endblock %}
</head>
<body>
    <div class="app-container">
        <!-- Sidebar -->
        <aside class="sidebar">
            <div class="sidebar-header">
                <div class="logo">
                    <span class="logo-icon">⛏️</span>
                    <span class="logo-text">MC Panel</span>
                </div>
            </div>
            
            <nav class="sidebar-nav">
                <a href="{{ url_for('index') }}" class="nav-item {% if request.endpoint == 'index' %}active{% endif %}">
                    <span class="nav-icon">🏠</span>
                    <span class="nav-text">Dashboard</span>
                </a>
                <a href="{{ url_for('console') }}" class="nav-item {% if request.endpoint == 'console' %}active{% endif %}">
                    <span class="nav-icon">💻</span>
                    <span class="nav-text">Console</span>
                </a>
                <a href="{{ url_for('players') }}" class="nav-item {% if request.endpoint == 'players' %}active{% endif %}">
                    <span class="nav-icon">👥</span>
                    <span class="nav-text">Players</span>
                </a>
                <a href="{{ url_for('mods') }}" class="nav-item {% if request.endpoint == 'mods' %}active{% endif %}">
                    <span class="nav-icon">🧩</span>
                    <span class="nav-text">Mods</span>
                </a>
                <a href="{{ url_for('files') }}" class="nav-item {% if request.endpoint == 'files' %}active{% endif %}">
                    <span class="nav-icon">📁</span>
                    <span class="nav-text">Files</span>
                </a>
                <a href="{{ url_for('import_page') }}" class="nav-item {% if request.endpoint == 'import_page' %}active{% endif %}">
                    <span class="nav-icon">📦</span>
                    <span class="nav-text">Import</span>
                </a>
                <a href="{{ url_for('settings') }}" class="nav-item {% if request.endpoint == 'settings' %}active{% endif %}">
                    <span class="nav-icon">⚙️</span>
                    <span class="nav-text">Settings</span>
                </a>
            </nav>
            
            <div class="sidebar-footer">
                <div class="server-status" id="server-status-indicator">
                    <span class="status-dot offline"></span>
                    <span class="status-text">Offline</span>
                </div>
                <a href="{{ url_for('logout') }}" class="nav-item logout">
                    <span class="nav-icon">🚪</span>
                    <span class="nav-text">Logout</span>
                </a>
            </div>
        </aside>
        
        <!-- Main Content -->
        <main class="main-content">
            <header class="content-header">
                <h1>{% block page_title %}Dashboard{% endblock %}</h1>
                <div class="header-actions">
                    {% block header_actions %}{% endblock %}
                </div>
            </header>
            
            <div class="content-body">
                {% block content %}{% endblock %}
            </div>
        </main>
    </div>
    
    <!-- Toast Notifications -->
    <div class="toast-container" id="toast-container"></div>
    
    <script src="{{ url_for('static', filename='js/main.js') }}"></script>
    {% block scripts %}{% endblock %}
</body>
</html>