90 lines
3.9 KiB
Plaintext
90 lines
3.9 KiB
Plaintext
@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; }
|
|
}
|