@model LotteryWebApp.Models.TermResultHistoryModel
@using LotteryWebApp.Languages
@if (Model != null && Model.listTerm != null && Model.listTerm.Count > 0)
{
    foreach (var item in Model.listTerm)
    {
        if (string.Equals(item.result, "NA", StringComparison.OrdinalIgnoreCase)) continue;
        
        var gameColor = item.gameId == "30" ? "#0062FF" : item.gameId == "31" ? "#26A31E" : item.gameId == "32" ? "#B529E9" : "#0062FF";
        var gameGradient = item.gameId == "30" ? "linear-gradient(135deg, #FF3D63 0%, #E3132D 60%, #BA0F21 100%)" : 
                           item.gameId == "31" ? "linear-gradient(135deg, #4ADE80 0%, #26A31E 100%)" : 
                           item.gameId == "32" ? "linear-gradient(135deg, #C084FC 0%, #B529E9 100%)" : 
                           "linear-gradient(135deg, #FF3D63 0%, #BA0F21 100%)";
        
        <!-- Result Item Card -->
        <div class="result-item-red animate__animated animate__fadeInUp relative overflow-hidden" style="border-color: @gameColor">
            <!-- Game Label Badge -->
            <div class="absolute top-2 right-4 px-2 py-0.5 rounded-full text-[9px] font-black text-white uppercase tracking-tighter z-10 shadow-sm" style="background-color: @gameColor">
                 @(item.gameId == "30" ? "Basic" : item.gameId == "31" ? "Big/Small" : item.gameId == "32" ? "Odd/Even" : "Mega")
            </div>

            <div class="item-date-text font-bricolage">
                @{
                    DateTime drawDate;
                    if (DateTime.TryParse(item.date_random, out drawDate)) {
                        <div class="day">@drawDate.ToString("dddd,", System.Globalization.CultureInfo.InvariantCulture)</div>
                        <div class="date">@drawDate.ToString("MMM dd, yyyy", System.Globalization.CultureInfo.InvariantCulture)</div>
                    } else {
                        <div class="day">Draw Date:</div>
                        <div class="date">@item.date_random</div>
                    }
                }
            </div>
            <div class="balls-container">
                @if (!string.IsNullOrEmpty(item.result))
                {
                    var balls = item.result.Split(new[] { ',', ';' }, StringSplitOptions.RemoveEmptyEntries);
                    foreach (var ball in balls)
                    {
                        var cleanBall = ball.Trim();
                        if (!string.IsNullOrEmpty(cleanBall))
                        {
                            <div class="yellow-ball" style="background: @gameGradient">@cleanBall</div>
                        }
                    }
                }
                else
                {
                    <span class="text-gray-400 italic text-[12px]">@Lang.waiting_for_result</span>
                }
            </div>
        </div>
    }
}
else
{
    <div class="w-full py-20 flex flex-col items-center justify-center text-gray-400 opacity-60">
        <i class="fas fa-search text-5xl mb-4"></i>
        <p class="font-bold">@Lang.no_results_found</p>
    </div>
}