{{ define "content" }}
<h2>Report an issue.</h2>
<form method="post">
    {{ .csrfField }}
    <label for="title">Title.</label>
    <input type="text" id="title" name="title" placeholder="Short summary of the issue." minlength="10" required>
    <label for="description">Description.</label>
    <textarea type="textarea" id="description" name="description" placeholder="Explain in detail." minlength="30" required></textarea>
    <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}}
    {{if .Meta.Config.AllowAnonymousIssues}}
        <button type="submit" class="anonymously" name="submit_anonymously" value="true">Report anonymously.</button>
    {{end}}
</form>
<style>
    form,
    form>* {
        width: 100%;
    }

    button[type="submit"] {
        margin: 0;
    }

    .anonymously {
        background-color: transparent;
        color: var(--text-col);
        border: dotted 1px var(--text-col);
    }

    textarea {
        resize: vertical;
    }

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