@page
@model Admin.Pages.NavMenu.IndexModel
@{
    ViewData["Title"] = "상단 메뉴 관리";
}

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

    <partial name="_StatusMessage" />

    <div class="row g-2 align-items-end">
        <div class="col">
            Total : @Model.Total
            <span class="text-muted form-text ms-2">순서(정렬)는 각 항목의 [수정]에서 변경합니다. 숫자가 작을수록 앞에 표시됩니다.</span>
        </div>
        <div class="col-auto">
            <a class="btn btn-success" asp-page="/NavMenu/Write">추가</a>
        </div>
    </div>

    <div class="table-responsive">
        <table class="table table-striped table-bordered table-hover mt-3">
            <colgroup>
                <col style="width: 8%" />
                <col />
                <col />
                <col style="width: 8%" />
                <col style="width: 8%" />
                <col />
                <col />
                <col />
            </colgroup>
            <thead>
                <tr>
                    <th>ID</th>
                    <th>메뉴 명</th>
                    <th>링크</th>
                    <th>순서</th>
                    <th>노출</th>
                    <th>등록일시</th>
                    <th>수정일시</th>
                    <th>비고</th>
                </tr>
            </thead>
            <tbody>
                @if (Model.List == null || Model.List.Count <= 0)
                {
                    <tr>
                        <td colspan="8">No Data.</td>
                    </tr>
                }
                else
                {
                    @foreach (var row in Model.List)
                    {
                        <tr>
                            <td>@row.ID</td>
                            <td>@row.Label</td>
                            <td>@row.Href</td>
                            <td>@row.SortOrder</td>
                            <td>
                                <form method="post" asp-page-handler="Toggle" class="form-check form-switch mb-0 m-auto d-inline-block align-middle">
                                    @Html.AntiForgeryToken()
                                    <input type="hidden" name="id" value="@row.ID" />
                                    <input type="checkbox" class="form-check-input" role="switch" onchange="this.form.submit()" checked="@(row.IsVisible == 'Y')" title="노출 전환" />
                                </form>
                            </td>
                            <td>@row.CreatedAt</td>
                            <td>@row.UpdatedAt</td>
                            <td>
                                <div class="d-grid gap-2 d-block d-xxl-inline">
                                    <a class="btn btn-sm btn-outline-info" asp-page="/NavMenu/Edit" asp-route-id="@row.ID">수정</a>
                                    <form method="post" asp-page-handler="Delete" class="d-inline" onsubmit="return confirm('삭제하시겠습니까?');">
                                        @Html.AntiForgeryToken()
                                        <input type="hidden" name="ids" value="@row.ID" />
                                        <button type="submit" class="btn btn-sm btn-outline-danger">삭제</button>
                                    </form>
                                </div>
                            </td>
                        </tr>
                    }
                }
            </tbody>
        </table>
    </div>
</div>