@page "{id:int}"
@model Admin.Pages.Forum.Posts.List.AnswerModel
@{
    ViewData["Title"] = "1:1 문의 답변";
}

<link rel="stylesheet" href="~/lib/ckeditor/browser/ckeditor5-content.css" asp-append-version="true" />

<partial name="_Editor" />

<div class="container">
    <h3 class="mb-3">
        @ViewData["Title"]
        @if (Model.IsAnswered)
        {
            <span class="badge bg-success align-middle">답변완료</span>
        }
        else
        {
            <span class="badge bg-danger align-middle">미답변</span>
        }
    </h3>
    <hr />

    <partial name="_StatusMessage" />

    <!-- 문의 정보 -->
    <div class="border rounded mb-4">
        <div class="row g-0 border-bottom">
            <div class="col-12 col-md-2 bg-body-tertiary fw-semibold p-2">게시판</div>
            <div class="col-12 col-md-10 p-2">@Model.BoardName</div>
        </div>
        <div class="row g-0 border-bottom">
            <div class="col-12 col-md-2 bg-body-tertiary fw-semibold p-2">문의 유형</div>
            <div class="col-12 col-md-10 p-2">
                @if (Model.BoardPrefixName is not null)
                {
                    <span class="fw-bold" style="color: @(Model.BoardPrefixColor ?? "green")">[@Model.BoardPrefixName]</span>
                }
                else
                {
                    <text>-</text>
                }
            </div>
        </div>
        <div class="row g-0 border-bottom">
            <div class="col-12 col-md-2 bg-body-tertiary fw-semibold p-2">제목</div>
            <div class="col-12 col-md-10 p-2">
                @if (Model.IsSecret)
                {
                    <i class="bi bi-lock-fill"></i>
                }
                @Model.Subject
            </div>
        </div>
        <div class="row g-0 border-bottom">
            <div class="col-12 col-md-2 bg-body-tertiary fw-semibold p-2">작성자</div>
            <div class="col-12 col-md-10 p-2">@(Model.Name ?? Model.SID ?? "-")</div>
        </div>
        <div class="row g-0 border-bottom">
            <div class="col-12 col-md-2 bg-body-tertiary fw-semibold p-2">작성일</div>
            <div class="col-12 col-md-10 p-2">@Model.CreatedAt</div>
        </div>
        <div class="row g-0 border-bottom">
            <div class="col-12 col-md-2 bg-body-tertiary fw-semibold p-2">문의 내용</div>
            <div class="col-12 col-md-10 p-2">
                <div class="ck-content border rounded p-3" style="min-height: 100px;">@Html.Raw(Model.Content)</div>
            </div>
        </div>
        <div class="row g-0">
            <div class="col-12 col-md-2 bg-body-tertiary fw-semibold p-2">첨부파일</div>
            <div class="col-12 col-md-10 p-2">
                @if (Model.Files.Count > 0)
                {
                    <ul class="list-unstyled mb-0">
                        @foreach (var file in Model.Files)
                        {
                            <li class="mb-1">
                                <a href="@file.Url" target="_blank">@file.FileName</a>
                                @if (file.Size.HasValue)
                                {
                                    <small class="text-muted">(@(file.Size.Value > 1048576 ? $"{file.Size.Value / 1048576.0:F1}MB" : $"{file.Size.Value / 1024.0:F1}KB"))</small>
                                }
                            </li>
                        }
                    </ul>
                }
                else
                {
                    <text>-</text>
                }
            </div>
        </div>
    </div>

    <!-- 기존 답변 -->
    <h5 class="mb-2">답변 내역 (@Model.Answers.Count)</h5>
    @if (Model.Answers.Count == 0)
    {
        <div class="text-muted border rounded p-3 mb-4">등록된 답변이 없습니다.</div>
    }
    else
    {
        @foreach (var answer in Model.Answers)
        {
            <div class="border rounded mb-2">
                <div class="d-flex justify-content-between bg-body-tertiary px-3 py-2 border-bottom">
                    <span class="fw-semibold"><i class="bi bi-person-badge"></i> @(answer.Name ?? "-")</span>
                    <small class="text-muted">@answer.CreatedAt</small>
                </div>
                <div class="ck-content p-3">@Html.Raw(answer.Content)</div>
            </div>
        }
        <div class="mb-4"></div>
    }

    <!-- 답변 작성 -->
    <h5 class="mb-2">답변 작성</h5>
    <form id="fAnswerWrite" method="post" accept-charset="utf-8" autocomplete="off" enctype="multipart/form-data">
        <div class="mb-2">
            <textarea asp-for="Input.Content" class="ck-editor" id="Input_Content" rows="10"></textarea>
            <span asp-validation-for="Input.Content" class="text-danger"></span>
        </div>

        <div class="row mb-3">
            <label class="col-sm-2 col-form-label">첨부파일</label>
            <div class="col-sm-10">
                <input type="file" asp-for="Input.Files" class="form-control" multiple />
                <span class="form-text text-muted">허용 확장자: <code>.jpg</code>, <code>.jpeg</code>, <code>.png</code>, <code>.gif</code>, <code>.webp</code>, <code>.bmp</code>, <code>.pdf</code>, <code>.doc</code>, <code>.docx</code>, <code>.xls</code>, <code>.xlsx</code>, <code>.ppt</code>, <code>.pptx</code>, <code>.txt</code>, <code>.zip</code>, <code>.rar</code>, <code>.7z</code>, <code>.hwp</code>, <code>.hwpx</code>, <code>.csv</code></span>
            </div>
        </div>

        <hr />
        <div class="d-grid gap-2 text-center d-md-block">
            <button type="submit" class="btn btn-success">답변 등록</button>
            <a href="/Forum/Posts/List/View/@(Model.ID)@(Model.QueryString)" class="btn btn-outline-secondary">상세 보기</a>
            <a href="@(string.IsNullOrWhiteSpace(Model.ReturnUrl) ? "/Forum/Posts/List" : Model.ReturnUrl)" class="btn btn-secondary">목록</a>
        </div>
        <br />
    </form>
</div>