@{
    var isToday = ViewBag.IsToday == true;
    var years = (List<int>)ViewBag.Years;
    var games = (List<Phenix.Models.Game>)ViewBag.Games;
    var selectedYear = (int?)ViewBag.SelectedYear;
}

<div class="uk-width-large-2-3 uk-container-center uk-margin">
    <div class="uk-margin" style="margin-top: 1em">
        <ul class="uk-tab">
            <li class="@(isToday ? "uk-active" : "")">
                <a hx-get="/membre/games-editor/today" hx-target="#content">Aujourd'hui</a>
            </li>
            @foreach (var year in years)
            {
                <li class="@(year == selectedYear ? "uk-active" : "")">
                    <a hx-get="/membre/games-editor/@year" hx-target="#content">Saison @year</a>
                </li>
            }
        </ul>
    </div>

    @foreach (var game in games)
    {
        <div class="uk-panel uk-panel-box uk-panel-box-secondary uk-margin">
            <partial name="GameEditor" model="game" />
        </div>
    }

    <hr>
    <button class="uk-button"
            hx-get="/membre/new-game-editor"
            hx-target="#content">
        Nouvelle Partie
    </button>
</div>