pagedev.pl/views/dashboard.php

<?php
$pageTitle = 'Panel - System 2FA';
$bodyClass = 'bg-light';
$extraHead = '<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">';

ob_start();
?>
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
        <div class="container-fluid">
            <a class="navbar-brand" href="/panel">
                <i class="fas fa-shield-alt"></i> System 2FA
            </a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav me-auto">
                    <li class="nav-item">
                        <a class="nav-link active" href="/pulpit">
                            <i class="fas fa-home"></i> Pulpit
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/notatnik">
                            <i class="fas fa-sticky-note"></i> Notatnik
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/kalendarz">
                            <i class="fas fa-calendar-alt"></i> Kalendarz
                        </a>
                    </li>
                </ul>
                <ul class="navbar-nav">
                    <li class="nav-item">
                        <span class="nav-link text-white">
                            <i class="fas fa-user"></i> <?php echo htmlspecialchars($_SESSION['username']); ?>
                        </span>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/wyloguj-sie">
                            <i class="fas fa-sign-out-alt"></i> Wyloguj
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

    <div class="container mt-4">
        <div class="row justify-content-center">
            <div class="col-lg-10">
                <div class="card shadow-lg">
                    <div class="card-header bg-primary text-white">
                        <h4 class="mb-0">
                            <i class="fas fa-home"></i> Panel główny
                        </h4>
                    </div>
                    <div class="card-body">
                        <div class="alert alert-success" role="alert">
                            <h4 class="alert-heading">
                                <i class="fas fa-user-check"></i> Witaj, <?php echo htmlspecialchars($user['username']); ?>! 🎉
                            </h4>
                            <p>Pomyślnie zalogowałeś się do systemu z uwierzytelnianiem dwuskładnikowym.</p>
                            <hr>
                            <p class="mb-0">
                                <i class="fas fa-calendar-alt"></i> <strong>Data rejestracji:</strong> 
                                <?php echo date('d.m.Y H:i', strtotime($user['created_at'])); ?>
                            </p>
                        </div>

                        <h5 class="mt-4 mb-3"><i class="fas fa-th-large"></i> Szybki dostęp</h5>
                        <div class="row">
                            <div class="col-md-4 mb-3">
                                <a href="/notatnik" class="text-decoration-none">
                                    <div class="card bg-gradient-info text-white h-100 hover-shadow">
                                        <div class="card-body text-center py-4">
                                            <i class="fas fa-sticky-note fa-3x mb-3"></i>
                                            <h5 class="card-title">Notatnik</h5>
                                            <p class="card-text">Zarządzaj swoimi notatkami</p>
                                        </div>
                                    </div>
                                </a>
                            </div>
                            <div class="col-md-4 mb-3">
                                <a href="/pulpit" class="text-decoration-none">
                                    <div class="card bg-gradient-success text-white h-100 hover-shadow">
                                        <div class="card-body text-center py-4">
                                            <i class="fas fa-home fa-3x mb-3"></i>
                                            <h5 class="card-title">Pulpit</h5>
                                            <p class="card-text">Strona główna panelu</p>
                                        </div>
                                    </div>
                                </a>
                            </div>
                            <div class="col-md-4 mb-3">
                                <a href="/kalendarz" class="text-decoration-none">
                                    <div class="card bg-primary text-white h-100 hover-shadow">
                                        <div class="card-body text-center py-4">
                                            <i class="fas fa-calendar-alt fa-3x mb-3"></i>
                                            <h5 class="card-title">Kalendarz</h5>
                                            <p class="card-text">Wydarzenia w tym tygodniu: <strong><?php echo (int)$eventsThisWeek; ?></strong></p>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>

                        <h5 class="mt-4 mb-3"><i class="fas fa-info-circle"></i> Bezpieczeństwo</h5>
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <div class="card bg-light h-100">
                                    <div class="card-body">
                                        <h6 class="card-title">
                                            <i class="fas fa-check-circle text-success"></i> Bezpieczne logowanie
                                        </h6>
                                        <p class="card-text small">Twoje konto jest chronione uwierzytelnianiem dwuskładnikowym</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 mb-3">
                                <div class="card bg-light h-100">
                                    <div class="card-body">
                                        <h6 class="card-title">
                                            <i class="fas fa-lock text-primary"></i> Sesja aktywna
                                        </h6>
                                        <p class="card-text small">Twoja sesja jest bezpiecznie zarządzana przez system</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card-footer text-muted text-center">
                        <small>System logowania dwuskładnikowego - Demo</small>
                    </div>
                </div>
            </div>
        </div>
    </div>

<?php
$content = ob_get_clean();
require __DIR__ . '/layout.php';
?>