<?php
// /includes/menu.php
?>
<style>
    .top-menu {
        background: #0d0d0f;
        border-bottom: 2px solid #3a3a3d;
        padding: 12px 25px;
        display: flex;
        gap: 25px;
        align-items: center;
        font-family: Arial, sans-serif;
        box-shadow: 0 2px 8px rgba(0,0,0,0.4);
    }

    .top-menu a {
        color: #ffcc66;
        text-decoration: none;
        font-size: 16px;
        padding: 8px 12px;
        border-radius: 6px;
        display: flex;
        align-items: center;
        gap: 8px;
        transition: 0.2s;
    }

    .top-menu a:hover {
        background: #2a2a30;
        color: #fff;
        box-shadow: 0 0 8px rgba(255, 204, 102, 0.6);
    }

    .top-menu .active {
        background: #ffcc66;
        color: #000;
        font-weight: bold;
        box-shadow: 0 0 10px rgba(255, 204, 102, 0.8);
    }

    .menu-icon {
        width: 18px;
        height: 18px;
        opacity: 0.85;
    }
</style>

<div class="top-menu">

    <a href="dashboard.php" class="<?= basename($_SERVER['PHP_SELF']) == 'dashboard.php' ? 'active' : '' ?>">
        <img class="menu-icon" src="../assets/images/icons/home.png"> Dashboard
    </a>

    <a href="calendar.php" class="<?= basename($_SERVER['PHP_SELF']) == 'calendar.php' ? 'active' : '' ?>">
        <img class="menu-icon" src="../assets/images/icons/calendar.png"> Calendar
    </a>

    <a href="champions.php" class="<?= basename($_SERVER['PHP_SELF']) == 'champions.php' ? 'active' : '' ?>">
        <img class="menu-icon" src="../assets/images/icons/trophy.png"> Ladder
    </a>

    <a href="inventory_view.php" class="<?= basename($_SERVER['PHP_SELF']) == 'inventory_view.php' ? 'active' : '' ?>">
        <img class="menu-icon" src="../assets/images/icons/bag.png"> Inventory
    </a>

    <a href="inventory.php" class="<?= basename($_SERVER['PHP_SELF']) == 'inventory.php' ? 'active' : '' ?>">
        <img class="menu-icon" src="../assets/images/icons/upload.png"> Upload Item
    </a>

    <a href="habits.php" class="<?= basename($_SERVER['PHP_SELF']) == 'habits.php' ? 'active' : '' ?>">
        <img class="menu-icon" src="../assets/images/icons/scroll.png"> Upload Habit
    </a>

<a href="bounty_board.php" class="<?= basename($_SERVER['PHP_SELF']) == 'bounty_board.php' ? 'active' : '' ?>">
    <img class="menu-icon" src="../assets/images/icons/sword.svg"> Bounty Board
</a>

</div>