@model CompositionFormModel
@{
    ViewData["Title"] = "Write your own piece";
}

<h1 class="text-center">@ViewData["Title"]</h1>
<hr />
<div class="row">
    <div class="col-sm-12 offset-lg-2 col-lg-8 offset-xl-3 col-xl-6">
        <form method="post">
            <partial name="_CompositionFormPartial" model="@Model"></partial>

            <div class="text-center">
                <input class="btn btn-primary mt-3 btn-primary" type="submit" value="Create" />
            </div>
        </form>
    </div>
</div>

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

    <script>
        var simplemde = new SimpleMDE({
            element: document.getElementById("content-textarea"),
            status: ["autosave", "lines", "words"]
        });
    </script>
}
