{{ journals.render|raw }}

<table class="table table-hover table-condensed {% if sorting %}sortable-table{% endif %}">
    <thead>
    <tr class="ignore">
        <th class="hidden-xs no_select_boxes" colspan="2">&nbsp;</th>
        <th class="hidden-xs select_boxes" colspan="2" style="display: none;"><input name="select_all" class="select_all" type="checkbox"/></th>
        <th>{{ trans('list.description') }}</th>
        <th>{{ trans('list.amount') }}</th>
        <th class="hidden-sm hidden-xs">{{ trans('list.date') }}</th>
        <th class="hidden-xs">{{ trans('list.from') }}</th>
        <th class="hidden-xs">{{ trans('list.to') }}</th>
        <!-- Hide budgets? -->
        {% if not hideBudgets %}
            <th class="hidden-xs"><i class="fa fa-tasks fa-fw" title="{{ trans('list.budget') }}"></i></th>
        {% endif %}

        <!-- Hide categories? -->
        {% if not hideCategories %}
            <th class="hidden-xs"><i class="fa fa-bar-chart fa-fw" title="{{ trans('list.category') }}"></i></th>
        {% endif %}

        <!-- Hide bills? -->
        {% if not hideBills %}
            <th class="hidden-xs"><i class="fa fa-fw fa-rotate-right" title="{{ trans('list.bill') }}"></i></th>
        {% endif %}
    </tr>
    </thead>
    <tbody>
    {% for transaction in journals %}
        <tr class="drag" data-date="{{ transaction.date.format('Y-m-d') }}" data-id="{{ transaction.journal_id }}">
            <td class="hidden-xs">
                <div class="select_single" style="display:none;">
                    <input name="select_all_single[]" class="select_all_single" value="{{ transaction.journal_id }}" type="checkbox"/>
                </div>
                <div class="btn-group btn-group-xs edit_buttons edit_tr_buttons">{% if sorting %}<a href="#" class="handle btn btn-default btn-xs"><i
                            class="fa fa-fw fa-arrows-v"></i></a>{% endif %}<a href="{{ route('transactions.edit',transaction.journal_id) }}"
                                                                               class="btn btn-xs btn-default"><i class="fa fa-fw fa-pencil"></i></a><a
                            href="{{ route('transactions.delete',transaction.journal_id) }}" class="btn btn-xs btn-danger"><i
                                class="fa fa-fw fa-trash-o"></i></a></div>
            </td>

            <td class="hidden-xs">
                {{ transaction|typeIconTransaction }}
            </td>
            <td>
                <a href="{{ route('transactions.show',transaction.journal_id) }}">

                    {% if transaction.transaction_description|length > 0 %}
                        {{ transaction.transaction_description }} ({{ transaction.description }})
                    {% else %}
                        {{ transaction.description }}
                    {% endif %}
                </a>
                {{ splitJournalIndicator(transaction.journal_id) }}

                {% if transaction.transactionJournal.attachments|length > 0 %}
                    <i class="fa fa-paperclip"
                       title="{{ Lang.choice('firefly.nr_of_attachments', journal.attachments|length, {count: journal.attachments|length}) }}"></i>
                {% endif %}

            </td>
            <td style="text-align: right;">
                <span style="margin-right:5px;">
                   {# TODO replace with new format code #}
                    XX.XX
                </span>

            </td>
            <td class="hidden-sm hidden-xs">
                {{ transaction.date.formatLocalized(monthAndDayFormat) }}
            </td>
            <td class="hidden-xs">
                {{ transactionSourceAccount(transaction) }}
            </td>
            <td class="hidden-xs">
                {{ transactionDestinationAccount(transaction) }}
            </td>

            <!-- Do NOT hide the budget? -->
            {% if not hideBudgets %}
                <td class="hidden-xs">
                    {{ transactionBudgets(transaction) }}
                </td>
            {% endif %}

            <!-- Do NOT hide the category? -->
            {% if not hideCategories %}
                <td class="hidden-xs">
                    {{ transactionCategories(transaction) }}
                </td>
            {% endif %}

            <!-- Do NOT hide the bill? -->
            {% if not hideBills %}
                <td class="hidden-xs">
                    {% if transaction.bill_id %}
                        <a href="{{ route('bills.show',transaction.bill_id) }}">{{ transaction.bill_name }}</a>
                    {% endif %}
                </td>
            {% endif %}
        </tr>
    {% endfor %}
    </tbody>
</table>
<div class="row mass_edit_all hidden-xs" style="display: none;">
    <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
        <div class="mass_button_options btn-group btn-group" style="display:none;">
            <a href="#" class="btn btn-default mass_edit"><i class="fa fa-fw fa-pencil"></i> <span>{{ 'edit_selected'|_ }}</span></a>
            <a href="#" class="btn btn-danger mass_delete"><i class="fa fa-fw fa-trash"></i> <span>{{ 'delete_selected'|_ }}</span></a>
        </div>
    </div>
    <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 hidden-xs">

        <div class="mass_buttons btn-group btn-group pull-right">
            <a href="#" class="btn btn-default mass_select"><i class="fa fa-fw fa-check-square-o"></i> {{ 'select_transactions'|_ }}</a>
            <a href="#" class="btn btn-default mass_stop_select" style="display:none;"><i class="fa faw-fw fa-square-o"
                                                                                          aria-hidden="true"></i> {{ 'stop_selection'|_ }}</a>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
        {{ journals.render|raw }}
    </div>
</div>
<script type="text/javascript">
    var edit_selected_txt = "{{ 'edit_selected'|_ }}";
    var delete_selected_txt = "{{ 'delete_selected'|_ }}";
</script>