@page
@model Admin.Pages.Forum.Posts.List.WriteModel
@using Microsoft.AspNetCore.Mvc.Rendering
@{
    ViewData["Title"] = "게시글 등록";
}

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

    <partial name="_StatusMessage" />

    <form id="fPostWrite" method="post" accept-charset="utf-8" autocomplete="off" enctype="multipart/form-data">

        <!-- 게시판 -->
        <div class="row mb-2">
            <label class="col-sm-2 col-form-label"><span class="text-danger">*</span> 게시판</label>
            <div class="col-sm-10">
                @if ((Model.BoardList?.Count ?? 0) > 0)
                {
                    <select asp-for="Input.BoardID" class="form-select w-auto" required asp-items="@Model.BoardList">
                        <option value="">- 선택 -</option>
                    </select>
                }
                else
                {
                    <input type="number" asp-for="Input.BoardID" class="form-control w-auto" required />
                }
            </div>
        </div>

        <!-- 제목 -->
        <div class="row mb-2">
            <label class="col-sm-2 col-form-label"><span class="text-danger">*</span> 제목</label>
            <div class="col-sm-10">
                <input type="text" asp-for="Input.Subject" class="form-control"
                       required maxlength="255" placeholder="제목을 입력하세요 (최대 255자)" />
            </div>
        </div>

        <!-- 내용 -->
        <div class="row mb-2">
            <label class="col-sm-2 col-form-label">내용</label>
            <div class="col-sm-10">
                <textarea asp-for="Input.Content" class="form-control" rows="12" maxlength="8000"
                          placeholder="내용을 입력하세요 (최대 8000자)"></textarea>
            </div>
        </div>

        <!-- 썸네일 -->
        <div class="row mb-2">
            <label class="col-sm-2 col-form-label">대표 이미지(썸네일)</label>
            <div class="col-sm-10">
                <input type="file" asp-for="Input.ThumbnailFile" class="form-control" accept="image/*" />
            </div>
        </div>

        <!-- 상태 -->
        <div class="row mb-2">
            <label class="col-sm-2 col-form-label">상태</label>
            <div class="col-sm-10 align-content-center">
                <div class="form-check form-check-inline">
                    <input class="form-check-input" type="checkbox" asp-for="Input.IsNotice" />
                    <label class="form-check-label" for="Input_IsNotice">공지</label>
                </div>

                <div class="form-check form-check-inline">
                    <input class="form-check-input" type="checkbox" asp-for="Input.IsSecret" />
                    <label class="form-check-label" for="Input_IsSecret">비밀</label>
                </div>

                <div class="form-check form-check-inline">
                    <input class="form-check-input" type="checkbox" asp-for="Input.IsAnonymous" />
                    <label class="form-check-label" for="Input_IsAnonymous">익명</label>
                </div>
            </div>
        </div>

        <hr />
        <div class="d-grid gap-2 text-center d-md-block">
            <button type="submit" class="btn btn-success">저장</button>
            <a class="btn btn-secondary btn-cancel" href="/Forum/Posts/List">취소</a>
        </div>
        <br />
    </form>
</div>

@section Scripts {
    <script>
        $(function () {
            $(".btn-cancel").on("click", function (e) {
                const s = $("input[name='Input.Subject']").val()?.trim();
                const c = $("textarea[name='Input.Content']").val()?.trim();
                if (s || c) {
                    e.preventDefault();
                    if (confirm("내용이나 제목이 남아 있습니다. 글 작성을 취소하시겠습니까?")) {
                        location.href = $(this).attr("href");
                    }
                }
            });
        });
    </script>
}