{{ define "content" }}
<h2>Report an issue.</h2>
<form method="post">
    <label for="title">Title.</label>
    <input type="text" id="title" name="title" placeholder="Short summary of the issue." required>
    <label for="description">Description.</label>
    <textarea type="textarea" id="description" name="description" placeholder="Explain in detail." required></textarea>
    {{if .loggedIn}}
        <input type="text" id="user_id" name="user_id" value="{{.user.ID}}" hidden>
    {{end}}
    <label for="non-captcha" class="non-captcha">Captcha.</label>
    <input type="text" name="non-captcha" class="non-captcha">
    {{if .loggedIn}}
    <button type="submit" class="message" name="submit_anonymously" value="false">Report as ~{{.user.Handle}}.</button>
    {{end}}
    <button type="submit" class="message" name="submit_anonymously" value="true">Report anonymously.</button>
</form>
<style>
    form, form>* {
        width: 100%;
    }

    textarea {
        resize: vertical;
    }

    .non-captcha {
        display: none;
    }
</style>
{{end}}