economy/Views/Lotto/Index.cshtml

@model economy.Models.View<economy.Models.Lotto.Request, economy.Models.Lotto.Response>

@{
    ViewData["Title"] = "로또 회차별 당첨번호";

    var result = Model.Response;
}

<div class="container">
    <h3>로또 회차별 당첨번호</h3>

    <dl>
        <dd>동행복권에서 제공하는 로또 당첨번호입니다.</dd>
    </dl>

    <div class="row g-2">
        <label for="date" class="col-auto col-form-label">날짜</label>
        <div class="col-auto">
            @{
                int last = Convert.ToInt32(ViewBag.Last); // 명시적 형변환
                int selectedNumber = (int)Model.Request.Number;
            }
            <select name="number" id="number" class="form-select" form="fSearch">
                @for (int number = last; number >= 1; number--)
                {
                    @if (number == selectedNumber)
                    {
                        <option value="@number" selected>@number 회차</option>
                    }
                    else
                    {
                        <option value="@number">@number 회차</option>
                    }
                }
            </select>
        </div>
        <div class="col-auto">
            <button type="submit" class="btn btn-dark" form="fSearch">검색</button>
        </div>
    </div>

    <br/>
    <div class="table-responsive">
        @foreach (var row in result.Data.List)
        {
            int i = 1;
            <table class="table table-bordered table-nowrap lotto">
                <caption class="caption-top">
                <h5>@ViewBag.Last 회 당첨번호</h5>
                (@row.LtRflYmd 추첨)
            </caption>
            <thead>
                <tr class="text-center">
                    <th colspan="7">당첨번호</th>
                    <th>보너스</th>
                </tr>
            </thead>
            <tbody>
                <tr class="text-center">
                    <td>@row.Tm1WnNo</td>
                    <td>@row.Tm2WnNo</td>
                    <td>@row.Tm3WnNo</td>
                    <td>@row.Tm4WnNo</td>
                    <td>@row.Tm5WnNo</td>
                    <td>@row.Tm6WnNo</td>
                    <td>+</td>
                    <td>@row.BnsWnNo</td>
                </tr>
            </tbody>
            <tfoot>
                <tr>
                    <th colspan="7">자동 선택 당첨자 수</th>
                    <td class="text-end">@row.WinType1</td>
                </tr>
                <tr>
                    <th colspan="7">수동 선택 당첨자 수</th>
                    <td class="text-end">@row.WinType2</td>
                </tr>
                <tr>
                    <th colspan="7">반자동 선택 당첨자 수</th>
                    <td class="text-end">@row.WinType3</td>
                </tr>
            </tfoot>
        </table>

        var ranks = new[]
        {
            new { Rank = 1, Nope = row.Rnk1WnNope, Amt = row.Rnk1WnAmt, Sum = row.Rnk1SumWnAmt },
            new { Rank = 2, Nope = row.Rnk2WnNope, Amt = row.Rnk2WnAmt, Sum = row.Rnk2SumWnAmt },
            new { Rank = 3, Nope = row.Rnk3WnNope, Amt = row.Rnk3WnAmt, Sum = row.Rnk3SumWnAmt },
            new { Rank = 4, Nope = row.Rnk4WnNope, Amt = row.Rnk4WnAmt, Sum = row.Rnk4SumWnAmt },
            new { Rank = 5, Nope = row.Rnk5WnNope, Amt = row.Rnk5WnAmt, Sum = row.Rnk5SumWnAmt },
            };

        <div class="card shadow-sm border-1">
            <div class="card-body p-0">

                <!-- 데스크탑/태블릿: 헤더(표 느낌) -->
                <div class="d-none d-md-block px-3 py-2 border-bottom bg-light">
                    <div class="row g-2 fw-semibold text-muted small">
                        <div class="col-2">등수</div>
                        <div class="col-3 text-end">당첨자 수</div>
                        <div class="col-3 text-end">당첨금</div>
                        <div class="col-4 text-end">전체 지급액</div>
                    </div>
                </div>

                <div class="list-group list-group-flush">
                    @foreach (var r in ranks)
                    {
                        <div class="list-group-item px-3 py-3">
                            <div class="row g-2 align-items-center">

                                <!-- 등수 -->
                                <div class="col-12 col-md-2">
                                    <span class="badge text-bg-primary rounded-pill">@r.Rank 등</span>
                                </div>

                                <!-- 모바일: 라벨 표시 / 데스크탑: 숨김 -->
                                <div class="col-12 col-md-3 text-md-end">
                                    <div class="d-md-none text-muted small">당첨자 수</div>
                                    <div class="fw-semibold">@string.Format("{0:N0}", r.Nope) 명</div>
                                </div>

                                <div class="col-12 col-md-3 text-md-end">
                                    <div class="d-md-none text-muted small">당첨금</div>
                                    <div class="fw-semibold">@string.Format("{0:N0}", r.Amt) 원</div>
                                </div>

                                <div class="col-12 col-md-4 text-md-end">
                                    <div class="d-md-none text-muted small">전체 지급액</div>
                                    <div class="fw-semibold">@string.Format("{0:N0}", r.Sum) 원</div>
                                </div>

                            </div>
                        </div>
                    }
                </div>

            </div>
        </div>
        }

        <br/>

        당첨금 지급기한 : 지급개시일로부터 1년 (휴일인 경우 익영업일)
    </div>

    <form id="fSearch" method="get" accept-charset="UTF-8" rel="search" autocomplete="off" asp-controller="Lotto" asp-action="Index"></form>
</div>

@section Styles {
    <link href="~/css/style.css" rel="stylesheet" asp-append-version="true" />
}