economy/Views/Price/Global/Commodity.cshtml

@model economy.Models.View<economy.Models.Price.Global.Commodity.Request, economy.Models.Price.Global.Commodity.Response>

@{
    bool hasKrw = (ViewBag.HasKrw == true);
}

<div class="container">
    <h3>@ViewData["Title"]</h3>

    <div class="row mt-3">
        <div class="col align-self-center">
            @((Model?.Response?.Data?.Count ?? 0).ToString("N0")) 개
        </div>
        <div class="col-auto">
            <div class="row g-2">
                <div class="col">
                    <select name="interval" id="interval" class="form-select" form="fSearch">
                        <option value="monthly" selected="@(Model.Request.Interval == "monthly")">월간</option>
                        <option value="quarterly" selected="@(Model.Request.Interval == "quarterly")">분기</option>
                        <option value="annual" selected="@(Model.Request.Interval == "annual")">연간</option>
                    </select>
                </div>
                <div class="col">
                    <select name="perPage" id="perPage" class="form-select" asp-for="SelectedListPerPage" asp-items="Model.ListPerPage" form="fSearch"></select>
                </div>
            </div>
        </div>
    </div>

    @await Html.PartialAsync("~/Views/Component/Chart.cshtml", Model.Chart)

    <div class="table-responsive">
        <table id="globalPriceList" class="table table-bordered table-hover">
            <caption class="caption-top">
                단위: @Model.Response.Unit
            </caption>
            <thead>
                <tr>
                    <th>번호</th>
                    <th>날짜</th>
                    @if (hasKrw)
                    {
                        <th>달러($)</th>
                        <th>원화(\)</th>
                    }
                    else
                    {
                        <th>지수</th>
                    }
                </tr>
            </thead>
            <tbody>
                @if (Model.Response.Data != null && Model.Response.Data?.Count > 0)
                {
                    @foreach (var row in Model.Response.Data)
                    {
                        <tr>
                            <td>@row.Num</td>
                            <td>@row.Date</td>
                            <td>@row.Value</td>
                            @if (hasKrw)
                            {
                                <td>@row.KRW.ToString("N0")</td>
                            }
                        </tr>
                    }
                }
                else
                {
                    <tr>
                        <td colspan="@(hasKrw ? 4 : 3)">
                            No data.
                        </td>
                    </tr>
                }
            </tbody>
        </table>
    </div>

    <form id="fSearch" method="get" accept-charset="UTF-8" rel="search" autocomplete="off" asp-controller="Global" asp-action="Commodity" asp-route-commodity="@Model.Request.Commodity">
        <input type="hidden" name="page" value="@Model.Request.PageNo" />
    </form>

    @await Html.PartialAsync("~/Views/Component/Pagination.cshtml", Model.Pagination)

</div>

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