@page "/Edit/{slug}"
@using CoreWiki.Models
@model CoreWiki.Pages.EditModel

@{
    ViewData["Title"] = "Edit";
}

<h1>Edit</h1>

<div class="row">
    <div class="col-md-12">
        <form method="post">
            <div asp-validation-summary="ModelOnly" class="text-danger"></div>
            <input type="hidden" asp-for="Article.Id"/>
            <input type="hidden" asp-for="Article.Slug"/>
            <input type="hidden" asp-for="Article.Topic"/>
            <input type="hidden" asp-for="Article.ViewCount"/>
            <h3 class="mb-2">@Model.Article.Topic</h3>
            <div class="form-group">
                <textarea asp-for="Article.Content" class="form-control"></textarea>
                <span asp-validation-for="Article.Content" class="text-danger"></span>
            </div>
            <div class="form-group">
                <input type="submit" value="Save" 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-1.5 focus:outline-none"/>
                <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>
        </form>
    </div>
</div>

@section Scripts {
    <script src="~/lib/simplemde/simplemde.min.js"></script>
    <script>
        var simplemde = new SimpleMDE();
    </script>
}

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