@namespace Faraon.Client.Components

<div class="game-over-overlay">
    <div class="game-over-card">
        <div class="game-over-title">
            @if (IsOlympicMode)
            {
                <span>🏆 OLYMPIJSKÝ ŠAMPIÓN 👑</span>
            }
            else
            {
                <span>Výsledky Hry 👑</span>
            }
        </div>

        @if (IsOlympicMode && MatchWinner != null)
        {
            <div style="background: linear-gradient(135deg, rgba(245, 176, 65, 0.25), rgba(212, 172, 13, 0.15)); border: 2px solid var(--gold); border-radius: 14px; padding: 14px; margin-bottom: 18px; text-align: center;">
                <div style="font-size: 2.2rem; margin-bottom: 4px;">🥇👑</div>
                <div style="font-size: 1.35rem; font-weight: 900; color: var(--gold);">
                    @MatchWinner.Avatar @MatchWinner.Name
                </div>
                <div style="font-size: 0.9rem; color: #f1f5f9; margin-top: 4px;">
                    Prežil všetky kolá ako jediný hráč a zvíťazil v Olympijskom turnaji!
                </div>
            </div>
        }

        <div class="podium-list">
            @foreach (var player in Players.OrderBy(p => p.IsEliminated ? 1 : 0).ThenBy(p => p.FinishedPosition ?? 99))
            {
                <div class="podium-row @((MatchWinner != null && player == MatchWinner) || (!IsOlympicMode && player.FinishedPosition == 1) ? "winner" : "")">
                    <div class="podium-pos">
                        @if ((MatchWinner != null && player == MatchWinner) || (!IsOlympicMode && 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 style="font-weight: 800;">
                        @if (IsOlympicMode)
                        {
                            if (player == MatchWinner)
                            {
                                <span style="color: var(--gold);">Šampión! 🏆</span>
                            }
                            else if (player.IsEliminated)
                            {
                                <span style="color: #ef4444;">Vyradený ☠️</span>
                            }
                            else
                            {
                                <span>@player.OlympicCardsCount kariet</span>
                            }
                        }
                        else
                        {
                            <span>@(player.FinishedPosition == 1 ? "Víťaz! 🎉" : $"{player.FinishedPosition}. miesto")</span>
                        }
                    </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 bool IsOlympicMode { get; set; } = false;
    [Parameter] public Player? MatchWinner { get; set; }
    [Parameter] public EventCallback OnPlayAgain { get; set; }
    [Parameter] public EventCallback OnBackToLobby { get; set; }
}