<table class="table table-hover sortable">
    <thead>
    <tr>
        <th data-defaultsign="az">{{ 'name'|_ }}</th>
        <th data-defaultsign="_19" class="text-right hidden-xs">{{ 'balanceStart'|_ }}</th>
        <th data-defaultsign="_19" class="text-right hidden-xs">{{ 'balanceEnd'|_ }}</th>
        <th data-defaultsign="_19" class="text-right">{{ 'difference'|_ }}</th>
    </tr>
    </thead>
    <tbody>
    {% for account in accountReport.accounts %}
        <tr>
            <td data-value="{{ account.name }}">
                <a href="{{ route('accounts.show',account.id) }}" title="{{ account.name }}">{{ account.name }}</a>
            </td>
            <td class="text-right hidden-xs" data-value="{{ account.start_balance }}">
                {{ formatAmountBySymbol(account.start_balance, account.currency_symbol, account.currency_decimal_places) }}
            </td>
            <td class="text-right hidden-xs" data-value="{{ account.end_balance }}">
                {{ formatAmountBySymbol(account.end_balance, account.currency_symbol, account.currency_decimal_places) }}
            </td>
            <td class="text-right"
                data-value="{{ (account.end_balance - account.start_balance) }}">
                {{ formatAmountBySymbol(account.end_balance - account.start_balance, account.currency_symbol, account.currency_decimal_places) }}
            </td>
        </tr>
    {% endfor %}
    <tr>
        <td colspan="4"><em>{{ 'sumOfSums'|_ }}</em></td>
    </tr>
    {% for sum in accountReport.sums %}
    <tr>
        <td>
            &nbsp;
        </td>
        <td class="text-right">
            {{ formatAmountBySymbol(sum.start, sum.currency_symbol, sum.currency_decimal_places) }}
        </td>
        <td class="text-right">
            {{ formatAmountBySymbol(sum.end, sum.currency_symbol, sum.currency_decimal_places) }}
        </td>
        <td class="text-right">
            {{ formatAmountBySymbol(sum.difference, sum.currency_symbol, sum.currency_decimal_places) }}
        </td>
    </tr>
    {% endfor %}
    </tbody>
</table>
