@{
    var currentAction = ViewContext.RouteData.Values["action"]?.ToString() ?? "Index";
}

<div class="menu">
    <!-- Home Link -->
    <a href="@Url.Action("Index", "Home")" class="menu-inner @(currentAction == "Index" ? "menu-active" : "")" style="text-decoration: none; color: inherit; display: block;">
        <div class="esports-parent">
            <img class="esports-icon" src="~/img/046-esports.svg" alt="">
            <b class="history">Home</b>
        </div>
    </a>

    <!-- History Link -->
    <a href="@Url.Action("History", "Home")" class="menu-child @(currentAction == "History" ? "menu-active" : "")" style="text-decoration: none; color: inherit; display: block;">
        <div class="esports-parent">
            <img class="hourglass-icon" src="~/img/023-hourglass.svg" alt="">
            <b class="history">History</b>
        </div>
    </a>

    <!-- Winner Link -->
    <a href="@Url.Action("Winner", "Home")" class="menu-child @(currentAction == "Winner" ? "menu-active" : "")" style="text-decoration: none; color: inherit; display: block;">
        <div class="esports-parent">
            <img class="hourglass-icon" src="~/img/032-ranking.svg" alt="">
            <b class="winner">Winner</b>
        </div>
    </a>

    <!-- Account Link -->
    <a href="@Url.Action("Account", "Home")" class="menu-child @(currentAction == "Account" ? "menu-active" : "")" style="text-decoration: none; color: inherit; display: block;">
        <div class="esports-parent">
            <img class="inventory-icon" src="~/img/037-inventory.svg" alt="">
            <b class="account">Account</b>
        </div>
    </a>
</div>
