{{define "title"}}Edit {{.note.Title}}{{end}}

{{define "main"}}
<form action="{{.urlSave}}" method="POST">
    <div class="mb-3">
        <label for="noteBodyInput" class="form-label">Note</label>
        <div class="border rounded rounded-1">
            <div id="toolbar"></div>
            <textarea class="form-control" id="noteBodyInput" name="body" aria-described-by="bodyHelp">{{.noteBody}}</textarea>
        </div>
        <div id="bodyHelp" class="form-text">Enter your note content in markdown</div>
    </div>
    <button class="btn btn-primary" type="submit">Save</button>
</form>

<script src="/static/js/tiny-mde.min.js"></script>
<link
  rel="stylesheet"
  type="text/css"
  href="/static/css/tiny-mde.min.css"
/>
<script type="text/javascript">
var tinyMDE = new TinyMDE.Editor({ textarea: "noteBodyInput" });
var commandBar = new TinyMDE.CommandBar({
    element: "toolbar",
    editor: tinyMDE,
});
</script>
{{end}}