@model Phenix.Models.Game
@{
    var prettyDate = DateOnly.Parse(Model.Date).ToString("d MMMM yyyy", new System.Globalization.CultureInfo("fr-CA"));
}

<div id="game-@Model.Id">
    <h3>@Model.Away vs @Model.Home | @prettyDate | @Model.Time</h3>
    <form style="font-size: 1.1em;"
          hx-trigger="input delay:250ms"
          hx-post="/membre/games/@Model.Id"
          hx-target="#saving-result">
        <div class="uk-form-row">
            <label>
                Points @Model.Away : <input type=number min=0 name="awayScore"
                    value="@(Model.AwayScore ?? 0)"
                    disabled="@(Model.Rain || Model.Practice ? true : null)">
            </label>
        </div>
        <div class="uk-form-row">
            <label>
                Points @Model.Home : <input type=number min=0 name="homeScore"
                    value="@(Model.HomeScore ?? 0)"
                    disabled="@(Model.Rain || Model.Practice ? true : null)">
            </label>
        </div>
        <div class="uk-form-row">
            <label>
                Partie reguliere <input type=radio name="gameType" value="regular-game"
                    checked="@(!Model.Practice && !Model.Rain ? true : null)">
            </label>
            <label>
                Pluie <input type=radio name="gameType" value="rain"
                    checked="@(Model.Rain ? true : null)">
            </label>
            <label>
                Pratique <input type=radio name="gameType" value="practice"
                    checked="@(Model.Practice && !Model.Rain ? true : null)">
            </label>
        </div>
        <div id="saving-result"></div>
    </form>

    <div style="text-align: right">
        <button class="uk-button"
                hx-post="/membre/games/@Model.Id/switch"
                hx-target="#game-@Model.Id">Inverser visiteur/receveur</button>
        <button class="uk-button-danger"
            hx-delete="/membre/games/@Model.Id"
            hx-confirm="Certain de voulez supprimer la partie?"
            hx-target="#game-@Model.Id"
            hx-swap="delete">Supprimer</button>
    </div>
</div>