@page
@model CoreWiki.Pages.CreateModel

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

<h1>Create Article</h1>
<form class="space-y-3" method="post">
    <div asp-validation-summary="ModelOnly" class="text-red-600"></div>
    <div>
        <label asp-for="Article.Topic" class="block mb-2 text-sm font-medium text-gray-900"></label>
        <input asp-for="Article.Topic" class="block bg-gray-50 border border-gray-300 rounded focus:ring-blue-500 focus:border-blue-500 text-sm p-2 w-full"/>
        <span asp-validation-for="Article.Topic" class="text-red-600"></span>
    </div>
    <div>
        <label asp-for="Article.Content" class="block mb-2 text-sm font-medium text-gray-900"></label>
        <textarea asp-for="Article.Content"></textarea>
        <span asp-validation-for="Article.Content" class="text-red-600"></span>
    </div>
    <div class="flex space-x-2">
        <input type="submit" value="Create" 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" asp-page="Details">Back to List</a>
    </div>
</form>

@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"/>
}