{{template "base" .}}

{{define "title"}}Budget{{end}}

{{define "new"}}
    {{template "transaction-new"}}
{{end}}

{{define "main"}}
<div class="budget-item">
    <a href="#newtransactionmodal" data-toggle="modal" data-target="#newtransactionmodal">New Transaction</a>
    <span class="time"></span>
</div>
<table class="container col-lg-12" id="content">
    {{range .Transactions}}
    <tr>
        <td>{{.Date}}</td>
        <td>
            {{.Account}}
        </td>
        <td>
            {{.Payee}}
        </td>
        <td>
            <a href="transaction/{{.ID}}">{{.Memo}}</a>
        </td>
        <td style="text-align: right;{{if .Amount.GetPositive}}{{else}}color: red;{{end}}">
            {{printf "%.2f" .Amount.GetFloat64}}
        </td>
    </tr>
    {{end}}
</table>
{{end}}