@page "/{slug?}"
@model CoreWiki.Pages.DetailsModel

@{
    ViewData["Title"] = Model.Article.Topic;
}

<div class="h-full">
    <h2>@Model.Article.Topic</h2>
    <p class="text-sm text-gray-500">Last Published: <span data-value="@Model.Article.Published" class="timeStampValue">@Model.Article.Published</span></p>
    <p class="text-sm text-gray-500">Reading time: @Model.Article.EstimatedReadingTime minutes</p>
    <p class="text-sm text-gray-500">Views: @Model.Article.ViewCount</p>

    <markdown markdown="Article.Content"/>
</div>

<div class="mt-4">
    <a class="text-white bg-blue-500 hover:bg-blue-700 focus:ring-4 focus:ring-blue-300 font-medium rounded text-sm px-3.5 py-2 focus:outline-none"
       asp-page="./Edit"
       asp-route-slug="@Model.Article.Slug">Edit</a>
    @if (Model.Article.Slug != "home-page")
    {
        <a class="text-white bg-blue-500 hover:bg-blue-700 focus:ring-4 focus:ring-blue-300 font-medium rounded text-sm px-3.5 py-2 focus:outline-none"
           href="~/">Back to Home</a>
    }
</div>

<br/>
<div class="mt-auto cursor-pointer" x-data="{ formOpen: false, commentsOpen: false }" id="comments">
    <partial name="_comments" model="@Model"/>
</div>

@section Styles
{
    <link href="~/lib/simplemde/simplemde.min.css" rel="stylesheet"/>
}