{{define "content"}}
<div class="page-header">
    <h1>Issues</h1>
</div>

{{if .Current}}
<div class="issue-detail">
    <h2>#{{.Current.ID}} {{.Current.Title}}</h2>
    <p class="description">{{.Current.Description}}</p>
    <table class="meta">
        <tr><td>Status</td><td><span class="badge badge-{{.Current.Status}}">{{.Current.Status}}</span></td></tr>
        <tr><td>Priority</td><td><span class="badge badge-{{.Current.Priority}}">{{.Current.Priority}}</span></td></tr>
        <tr><td>Assignee</td><td>{{.Current.Assignee}}</td></tr>
    </table>
    <div class="actions">
        <a href="/issues/{{.Current.ID}}/edit" class="btn">Edit</a>
        <form method="POST" action="/issues/{{.Current.ID}}/delete" onsubmit="return confirm('Delete this issue?');">
            <button type="submit" class="btn btn-danger">Delete</button>
        </form>
    </div>
</div>
{{else}}
{{if .Issues}}
<table class="issues-table">
    <thead>
        <tr>
            <th>ID</th>
            <th>Title</th>
            <th>Status</th>
            <th>Priority</th>
            <th>Assignee</th>
            <th></th>
        </tr>
    </thead>
    <tbody>
        {{range .Issues}}
        <tr>
            <td>{{.ID}}</td>
            <td><a href="/issues/{{.ID}}">{{.Title}}</a></td>
            <td><span class="badge badge-{{.Status}}">{{.Status}}</span></td>
            <td><span class="badge badge-{{.Priority}}">{{.Priority}}</span></td>
            <td>{{.Assignee}}</td>
            <td class="row-actions">
                <a href="/issues/{{.ID}}/edit" class="btn btn-sm">Edit</a>
                <form method="POST" action="/issues/{{.ID}}/delete" onsubmit="return confirm('Delete this issue?');" style="display:inline;">
                    <button type="submit" class="btn btn-sm btn-danger">Delete</button>
                </form>
            </td>
        </tr>
        {{end}}
    </tbody>
</table>
{{else}}
<p class="empty">No issues yet. <a href="/issues/new">Create one</a>.</p>
{{end}}
{{end}}{{end}}