@namespace Faraon.Client.Components

<div class="game-over-overlay">
    <div class="game-over-card">
        <div class="game-over-title">Výsledky Hry 👑</div>

        <div class="podium-list">
            @foreach (var player in Players.OrderBy(p => p.FinishedPosition ?? 99))
            {
                <div class="podium-row @(player.FinishedPosition == 1 ? "winner" : "")">
                    <div class="podium-pos">
                        @if (player.FinishedPosition == 1) { <span>🥇</span> }
                        else if (player.FinishedPosition == 2) { <span>🥈</span> }
                        else if (player.FinishedPosition == 3) { <span>🥉</span> }
                        else { <span>#@(player.FinishedPosition ?? 4)</span> }
                    </div>
                    <div class="podium-player">
                        <span>@player.Avatar</span>
                        <span>@player.Name</span>
                        @if (player.Type == PlayerType.AI)
                        {
                            <span style="font-size: 0.75rem; opacity: 0.7;">(AI)</span>
                        }
                    </div>
                    <div>
                        @(player.FinishedPosition == 1 ? "Víťaz! 🎉" : $"{player.FinishedPosition}. miesto")
                    </div>
                </div>
            }
        </div>

        <div style="display: flex; gap: 12px; justify-content: center;">
            <button class="btn-primary-glow" @onclick="OnPlayAgain">
                Hrať znova 🔄
            </button>
            <button class="btn-pill" style="padding: 12px 24px;" @onclick="OnBackToLobby">
                Do Lobby 🏠
            </button>
        </div>
    </div>
</div>

@code {
    [Parameter] public List<Player> Players { get; set; } = new();
    [Parameter] public EventCallback OnPlayAgain { get; set; }
    [Parameter] public EventCallback OnBackToLobby { get; set; }
}