economy/Views/Price/Domestic/Oil.cshtml

@model economy.Models.View<economy.Models.Price.Domestic.Oil.Request, economy.Models.Price.Domestic.Oil.Response>

@{
    ViewData["Title"] = "석유 시세";
}

<div class="container">
    <h3>석유 시세</h3>

    <div class="row mt-3">
        <div class="col align-self-center">
            @((Model?.Response?.Body?.TotalCount ?? 0).ToString("N0")) 개
        </div>
        <div class="col-auto">
            <div class="row g-2">
                <div class="col">
                    <input type="date" name="sDate" id="sDate" class="form-control" value="@Model.Request.StartDate.ToString("yyyy-MM-dd")" form="fSearch" />
                </div>
                <div class="col">
                    <input type="date" name="eDate" id="eDate" class="form-control" value="@Model.Request.EndDate.ToString("yyyy-MM-dd")" form="fSearch" />
                </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="oilPriceInfo" class="table table-bordered table-hover">
            <caption class="caption-top">
                
            </caption>
            <thead>
                <tr>
                    <th>번호</th>
                    <th>기준일자</th>
                    <th>유종구분</th>
                    <th>가중평균가격 경쟁</th>
                    <th>가중평균가격 협의</th>
                    <th>거래량</th>
                    <th>거래대금</th>
                </tr>
            </thead>
            <tbody>
                @if (Model.Response.Body != null && Model.Response.Body?.TotalCount > 0)
                {
                    @foreach (var row in Model.Response.Body.Items.ItemList)
                    {
                        <tr>
                            <td>@row.Num</td>
                            <td>@row.BasDt</td>
                            <td>@row.OilCtg</td>
                            <td>@row.WtAvgPrcCptn</td>
                            <td>@row.WtAvgPrcDisc</td>
                            <td>@row.Trqu</td>
                            <td>@row.TrPrc</td>
                        </tr>
                    }
                }
                else
                {
                    <tr>
                        <td colspan="11">
                            No data.
                        </td>
                    </tr>
                }
            </tbody>
        </table>
    </div>

    <form id="fSearch" method="get" accept-charset="UTF-8" rel="search" autocomplete="off" asp-controller="Oil" asp-action="Index">
        <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/oil.js" asp-append-version="true"></script>
}
@section Styles {
    <link href="~/css/style.css" rel="stylesheet" asp-append-version="true" />
}