{{ define "motion_fragment" }}
<span class="ui {{ template "status_class" .Status }} ribbon label">{{ .Status|toString|title }}</span>
<span class="header">{{ .Modified|date "2006-01-02 15:04:05 UTC" }}</span>
<h3 class="header"><a href="/motions/{{ .Tag }}">{{ .Tag }}: {{ .Title }}</a></h3>
<pre>{{ wrap 76 .Content }}</pre>
<table class="ui small definition table">
    <tbody>
    <tr>
        <td>Due</td>
        <td>{{.Due|date "2006-01-02 15:04:05 UTC"}}</td>
    </tr>
    <tr>
        <td>Proposed</td>
        <td>{{.Proposer}} ({{.Proposed|date "2006-01-02 15:04:05 UTC"}})</td>
    </tr>
    <tr>
        <td>Vote type:</td>
        <td>{{ .VoteType|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">{{.Ayes}}</div>
                </div>
                <div class="ui basic label red"><i
                        class="minus circle icon"></i>Naye
                    <div class="detail">{{.Nayes}}</div>
                </div>
                <div class="ui basic label grey"><i class="circle icon"></i>Abstain
                    <div class="detail">{{.Abstains}}</div>
                </div>
            </div>
            {{ if .Votes }}
            <div class="list">
                {{ range .Votes }}
                <div class="item">{{ .Name }}: {{ .Vote.Vote }}</div>
                {{ end }}
            </div>
            <a href="/motions/{{ .Tag }}">Hide Votes</a>
            {{ else if or ((ne 0 .Ayes) (ne 0 .Nayes) (ne 0 .Abstains)) }}
            <a href="/motions/{{ .Tag }}?showvotes=1">Show Votes</a>
            {{ end }}
        </td>
    </tr>
    </tbody>
</table>
{{ end }}

{{ define "status_class" }}{{ if eq . 0 }}blue{{ else if eq . 1 }}green{{ else if eq . -1 }}red{{ else if eq . -2 }}grey
{{ end }}{{ end }}

{{ define "motion_actions" }}
{{ if eq .Status 0 }}
<a class="ui compact right labeled green icon button" href="/vote/{{ .Tag }}/aye"><i class="check circle icon"></i> Aye</a>
<a class="ui compact right labeled red icon button" href="/vote/{{ .Tag }}/naye"><i class="minus circle icon"></i> Naye</a>
<a class="ui compact right labeled grey icon button" href="/vote/{{ .Tag }}/abstain"><i class="circle icon"></i> Abstain</a>
<a class="ui compact left labeled icon button" href="/proxy/{{ .Tag }}"><i class="users icon"></i> Proxy Vote</a>
<a class="ui compact left labeled icon button" href="/motions/{{ .Tag }}/edit"><i class="edit icon"></i> Modify</a>
<a class="ui compact left labeled icon button" href="/motions/{{ .Tag }}/withdraw"><i class="trash icon"></i> Withdraw</a>
{{ end }}
{{ end }}