<table class="table table-hover sortable">
    <thead>
    <tr>
        <th data-defaultsign="az">{{ 'account'|_ }}</th>
        <th data-defaultsign="az">{{ 'description'|_ }}</th>
        <th data-defaultsign="month">{{ 'date'|_ }}</th>
        <th class="quarter" class="hidden-xs" data-defaultsign="_19">{{ 'amount'|_ }}</th>
    </tr>
    </thead>
    <tbody>
    {% for transaction in sorted %}
        <tr>
            <td data-value="{{ transaction.destination_account_name }}">
                <a href="{{ route('accounts.show',transaction.destination_account_id) }}">{{ transaction.destination_account_name }}</a>
            </td>
            <td data-value="{{ transaction.description }}">{{ transaction.description }}</td>
            <td data-value="{{ transaction.date.format('Y-m-d') }}">
                {{ transaction.date.isoFormat(monthAndDayFormat) }}
            </td>
            <!-- TODO i dont think transactionAmount will work. -->
            <td class="text-right" data-value="{{ transaction.amount}}"><span
                        class="mr-2">

                    {{ formatAmountBySymbol(transaction.amount, transaction.currency_symbol, transaction.currency_decimal_places) }}
                    {% if null != transaction.foreign_amount %}
                        ({{ formatAmountBySymbol(transaction.foreign_amount, transaction.foreign_currency_symbol, transaction.foreign_currency_decimal_places) }})
                    {% endif %}
                </span></td>
        </tr>
    {% endfor %}
    </tbody>
</table>
