{{template "base" .}}

{{define "title"}}
    {{printf "Budget for %s %d" .Date.Month .Date.Year}}
{{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>
<div>
    <a href="{{printf "/budget/%s/%d/%d" .Budget.ID .Previous.Year .Previous.Month}}">Previous Month</a> - 
    <a href="{{printf "/budget/%s" .Budget.ID}}">Current Month</a> - 
    <a href="{{printf "/budget/%s/%d/%d" .Budget.ID .Next.Year .Next.Month}}">Next Month</a>
</div>
<div>
    <span>Available Balance: </span>{{template "amountf64" .AvailableBalance}}
</div>
<table class="container col-lg-12" id="content">
    <tr>
        <th>Group</th>
        <th>Category</th>
        <th></th>
        <th></th>
        <th>Leftover</th>
        <th>Assigned</th>
        <th>Activity</th>
        <th>Available</th>
    </tr>
    {{range .Categories}}
    <tr>
        <td>{{.Group}}</td>
        <td>{{.Name}}</td>
        <td>
        </td>
        <td>
        </td>
        {{template "amountf64-cell" .AvailableLastMonth}}
        {{template "amountf64-cell" .Assigned}}
        {{template "amountf64-cell" .Activity}}
        {{template "amountf64-cell" .Available}}
    </tr>
    {{end}}
</table>
{{end}}