{{ define "content" }}
<script src="/static/js/time.js" defer></script>
<div class="issue-container">
    <div class="issue-header">
        <h2>{{.Issue.Title}} <span class="issue-id">#{{.Issue.IssueID}}</span></h2>
        <div style="display: block ruby;">
            <div class="status {{.Issue.Status}}">({{.Issue.Status}})</div>
            opened {{if .Issue.User}}by <a href="/~{{.Issue.User.Handle}}"><strong>~{{.Issue.User.Handle}}</strong></a>
            {{else}}
            <em>anonymously</em>{{end}} on
            <time class="local-time" datetime="{{.Issue.CreatedAt}}">{{.Issue.CreatedAt}}</time>.</span>
        </div>
        {{if and .IsOwner (eq .Issue.Status "open")}}
        <form method="post" action="{{RepoRoot .Meta}}/issues/{{.Issue.IssueID}}/close" class="non-chalant issue-actions">
            {{ .csrfField }}
            <button type="submit" class="warning">Close issue</button>
        </form>
        {{end}}
    </div>
    <p class="issue-desc">{{.Issue.Description}}</p>

    <div class="issue-comments">
        {{range .IssueComments}}
        <div class="issue-comment">
            <span>
                <strong>{{if .User}}~{{.User.Handle}}{{else}}Anonymous{{end}}</strong>
                <small>on {{.CreatedAtFormatted}}.</small>
            </span>
            <p>{{.Comment}}</p>
        </div>
        {{end}}
    </div>

    <form method="post" class="post-comment">
        <label for="comment">Got anything to say?</label>
        {{if .loggedIn}}
        {{ .csrfField }}
        <textarea type="textarea" id="comment" name="comment" placeholder="Write your thoughts." required></textarea>
        <button type="submit" class="message">Comment as ~{{.user.Handle}}.</button>
        {{else}}
        <p><strong>You need to be logged in in order to contribute to this conversation.</strong></p>
        {{end}}
    </form>
</div>

{{end}}