{% set title = "Notes" %}
{% extends "__base__.html" %}
{% block content %}

<div class="container mx-auto">
    <h1 class="text-2xl">{{ method }}</h1>

    {%- if error %}
        {% import "components/alert.html" as alerts %}
        <div class="mt-4">
            {{ alerts.warning("Error", error) }}
        </div>
    {% endif -%}

    <form method="post" enctype="multipart/form-data">
        <textarea
            id="markdown"
            name="markdown"
            aria-label="markdown input"
            rows="20"
            class="w-full bg-gray-800 p-5 outline-none font-mono"
            spellcheck="false"
        >
{%- if value %}{{ value }}{% else %}
---
title: ''
---

{% endif -%}</textarea>

        <div class="mt-2">
            <button
                class="bg-green-500 hover:bg-green-700 rounded px-4 py-2"
                type="submit"
            >
                Submit
            </button>
        </div>
    </form>

    <p>{{ value }}</p>
</div>
{% endblock %}