@model FeatureRequestDetailsViewModel
@{
    ViewData["Title"] = Model.Request.Title;
    var request = Model.Request;
}

<div class="page-heading compact">
    <div>
        <p class="eyebrow">Feature Request</p>
        <h1>@request.Title</h1>
    </div>
    <div class="button-row">
        <a class="btn btn-outline-secondary" asp-action="Index">Back to requests</a>
    </div>
</div>

<section class="edit-panel">
    <h2>Request details</h2>
    <div class="row g-3 mb-3">
        <div class="col-md-3">
            <p class="eyebrow">Status</p>
            <p>@request.Status</p>
        </div>
        <div class="col-md-3">
            <p class="eyebrow">App area</p>
            <p>@(request.AppArea ?? "Not set")</p>
        </div>
        <div class="col-md-3">
            <p class="eyebrow">Importance</p>
            <p>@(request.Importance ?? "Not set")</p>
        </div>
        <div class="col-md-3">
            <p class="eyebrow">Updated</p>
            <p>@FormatDate(request.UpdatedUtc)</p>
        </div>
    </div>
    <p style="white-space: pre-wrap">@request.Description</p>
</section>

<section class="edit-panel">
    <h2>Conversation</h2>
    @await Html.PartialAsync("_Conversation", Model)
    <form asp-action="Reply" method="post" class="mt-3">
        <input type="hidden" asp-for="Reply.FeatureRequestID" />
        <div class="mb-3">
            <label class="form-label" asp-for="Reply.MessageBody">Reply</label>
            <textarea class="form-control" asp-for="Reply.MessageBody" rows="4"></textarea>
            <span class="text-danger" asp-validation-for="Reply.MessageBody"></span>
        </div>
        <button class="btn btn-primary" type="submit">Send reply</button>
    </form>
</section>

@functions {
    private static string FormatDate(DateTime value) => value.ToLocalTime().ToString("yyyy-MM-dd HH:mm");
}

@section Scripts {
    <partial name="_ValidationScriptsPartial" />
}