{{ define "content" }}
<script src="/static/js/time.js" defer></script>
<main class="issues-container">
    <div class="issues-header">
        {{if .Meta.Config.AllowNewIssues}}
        <a href="{{RepoRoot .Meta}}/issues/report"><button message>Report Issue</button></a>
        {{end}}
        <form method="get" class="inline">
            {{ .csrfField }}
            <input type="text" name="query">
            <button type="submit">Query</button>
        </form>
    </div>
    <div class="issues-list">
        {{range .Issues}}
        <div class="issue">
            <a href="{{RepoRoot $.Meta}}/issues/{{.IssueID}}">{{.Title}} <span
                    class="issue-id">#{{.IssueID}}</span></a><br>
            <div>
                <div class="status {{.Status}}">({{.Status}})</div>
                opened {{if .User}}by <a href="/~{{.User.Handle}}"><strong>~{{.User.Handle}}</strong></a>
                {{else}}
                <em>anonymously</em>{{end}} on
                <time class="local-time" datetime="{{.CreatedAt}}">{{.CreatedAt}}</time>.
            </div>
        </div>
        {{else}}
        <p message class="inline">This repository has no <small>(filed)</small> issues. Awesome!</p>
        {{end}}
    </div>
</main>
{{end}}