{{ define "motion_display" }}
<span class="ui {{ template "motion_status_class" .Status }} ribbon label">{{ .Status|toString|title }}</span>
<div class="ui label"><i class="ui icon calendar alternate outline"></i> {{ dateInZone "2006-01-02 15:04:05 UTC" .Modified "UTC" }}</div>
<h3 class="ui header"><a href="/motions/{{ .Tag }}" title="Details for motion {{ .Tag }}: {{ .Title }}">{{ .Tag }}: {{ .Title }}</a></h3>
<p>{{ wrap 76 .Content | nl2br }}</p>
<table class="ui small definition table">
    <tbody>
    <tr>
        <td>Due</td>
        <td>{{ dateInZone "2006-01-02 15:04:05 UTC" .Due "UTC" }}</td>
    </tr>
    <tr>
        <td>Proposed</td>
        <td>{{ dateInZone "2006-01-02 15:04:05 UTC" .Proposed "UTC" }} by {{ .Proposer }}</td>
    </tr>
    <tr>
        <td>Vote type:</td>
        <td>{{ .Type|toString|title }}</td>
    </tr>
    <tr>
        <td>Votes:</td>
        <td>
            <div class="ui labels">
                <div class="ui basic label green">
                    <i class="check circle icon"></i>Aye
                    <div class="detail">{{.Sums.Ayes}}</div>
                </div>
                <div class="ui basic label red">
                    <i class="minus circle icon"></i>Naye
                    <div class="detail">{{.Sums.Nayes}}</div>
                </div>
                <div class="ui basic label grey">
                    <i class="question circle icon"></i>Abstain
                    <div class="detail">{{.Sums.Abstains}}</div>
                </div>
            </div>
            {{ if .Votes }}
            <div class="list">
                {{ range .Votes }}
                <div class="item">{{ .Name }}: {{ .Vote }}</div>
                {{ end }}
            </div>
            <a href="/motions/{{ .Tag }}">Hide Votes</a>
            {{ else if or (ne 0 .Sums.Ayes) (ne 0 .Sums.Nayes) (ne 0 .Sums.Abstains) }}
            <a href="/motions/{{ .Tag }}?showvotes=1">Show Votes</a>
            {{ end }}
        </td>
    </tr>
    </tbody>
</table>
{{ end }}
