{{ define "content" }}
<form method="post" class="non-chalant">
    <h2>Write a gist.</h2>
    {{ .csrfField }}
    <span id="title-container">
        <label for="title">Title</label>
        <input id="title" name="title" type="text" placeholder="How to remove the french language package."
            minlength="1" value="{{.Gist.Title}}" required>
    </span>
    <textarea id="content" name="content" type="textarea" placeholder='Run: "rm -rf /"' required>{{.Gist.Content}}</textarea>
    <button type="submit">Save it!</button>
</form>
<style>
    form {
        width: 100%;

        &>* {
            width: 100%;
        }
    }

    #title-container {
        display: flex;
        padding: 0;

        input {
            flex: 1;
            min-width: 0;
            margin: 0;
        }

        label {
            padding: var(--gap);
            margin: 0;
            border: 1px solid var(--link-col);
            border-right: none;
        }
    }

    textarea {
        resize: vertical;
        min-height: 500px;
    }
</style>
{{ end }}