{{ define "content" }}
<div class="cols">
    <section>
        <h2>Set your status</h2>
        {{ if .form.Error }}
        <p>{{ .form.Error }}</p>
        {{ end }}
        {{ template "flash" .flash }}
        <form action="/add" method="post">
            <div class="field">
                <textarea name="content" maxlength="140" placeholder="What's new?" required style="width: 100%; box-sizing: border-box; height: 100px;" autofocus></textarea>
            </div>
            <input type="submit" value="Submit">
            <h3>Update status with bookmarklet</h3>
            <p>Drag to your bookmarks to update from anywhere: <a href="javascript:void(open('https://status.cafe/add','status.cafe','resizable,scrollbars,width=360,height=200'))">status.cafe</a></p>
            <h3>Display status on your homepage</h3>
            <p>todo</p>
        </form>
    </section>
    <section>
        <h2>Status stream</h2>
        {{ range .statuses }}
        <article class="status">
            {{ template "status" . }}
        </article>
        {{ end }}
    </section>
</div>
{{ end }}