<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?= $data['title']; ?></title>

    <link rel="stylesheet" href="<?= APP_PATH ?>css/bootstrap.min.css">
</head>
<body>

<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
    <div class="container">
        <a class="navbar-brand" href="<?= APP_PATH ?>home">My App</a>

        <div class="collapse navbar-collapse">
            <ul class="navbar-nav ms-auto">

                <li class="nav-item"><a class="nav-link" href="<?= APP_PATH ?>home">Home</a></li>
                <li class="nav-item"><a class="nav-link" href="<?= APP_PATH ?>employees">Employees</a></li>

                <?php if (isset($_SESSION['user'])): ?>
                    <li class="nav-item"><a class="nav-link" href="<?= APP_PATH ?>login/logout">Logout</a></li>
                <?php else: ?>
                    <li class="nav-item"><a class="nav-link" href="<?= APP_PATH ?>login">Login</a></li>
                <?php endif; ?>

            </ul>
        </div>

    </div>
</nav>

<div class="container mt-4">
