<?php
// /includes/menu.php
?>
<style>
    .top-menu {
        background: #111;
        border-bottom: 2px solid #444;
        padding: 12px 20px;
        display: flex;
        gap: 20px;
        align-items: center;
        font-family: Arial, sans-serif;
    }

    .top-menu a {
        color: #ffcc66;
        text-decoration: none;
        font-size: 16px;
        padding: 6px 10px;
        border-radius: 4px;
        transition: 0.2s;
    }

    .top-menu a:hover {
        background: #2a2a30;
        color: #fff;
    }

    .top-menu .active {
        background: #ffcc66;
        color: #000;
        font-weight: bold;
    }
</style>

<div class="top-menu">
    <a href="dashboard.php" class="<?= basename($_SERVER['PHP_SELF']) == 'dashboard.php' ? 'active' : '' ?>">Dashboard</a>
    <a href="calendar.php" class="<?= basename($_SERVER['PHP_SELF']) == 'calendar.php' ? 'active' : '' ?>">Calendar</a>
    <a href="champions.php" class="<?= basename($_SERVER['PHP_SELF']) == 'champions.php' ? 'active' : '' ?>">Champion Ladder</a>
    <a href="inventory_view.php" class="<?= basename($_SERVER['PHP_SELF']) == 'inventory_view.php' ? 'active' : '' ?>">Inventory</a>
    <a href="inventory.php" class="<?= basename($_SERVER['PHP_SELF']) == 'inventory.php' ? 'active' : '' ?>">Upload Item</a>
    <a href="habits.php" class="<?= basename($_SERVER['PHP_SELF']) == 'habits.php' ? 'active' : '' ?>">Upload Habit</a>
</div>