@model ContentModel

<textarea id="content" name="content" spellcheck="false">@Model.Text</textarea>

<div class="note-actions">
    <select id="note-dropdown" class="note-dropdown">
        @foreach (var note in Model.NoteNames.Order())
        {
            var selected = note.Equals(Model.CurrentNote, StringComparison.OrdinalIgnoreCase) ? "selected" : null;
            <option value="@note" selected="@selected">@note</option>
        }
    </select>

    <a asp-action="Delete" asp-controller="Note" asp-route-noteName="@Model.CurrentNote" id="delete-note" class="btn-symbol btn-delete" title="Delete Note">✕</a>
    <form method="post" class="action-form" asp-action="Create" asp-controller="Note">
        <input type="text" name="noteName" placeholder="Note name" />
        <button type="submit" class="btn-symbol btn-create" title="Create Note">💾</button>
    </form>
</div>

<div class="toast" id="saved-indicator">Saved</div>
<div class="toast" id="update-indicator">Updated</div>

@section Scripts
{
    <script>
        var noteName = '@Model.CurrentNote';
    </script>

    <script src="~/lib/signalr/dist/browser/signalr.min.js"></script>
    <script src="~/js/site.js" asp-append-version="true"></script>
}