{% extends "./layout/default" %}

{% block breadcrumbs %}
    {{ Breadcrumbs.render(Route.getCurrentRoute.getName) }}
{% endblock %}

{% block content %}
    <!-- block with list of recurring transaction -->
    {% if recurring|length > 0 %}
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12">
                <div class="box">
                    <div class="box-header with-border">
                        <h3 class="box-title">
                            {{ 'recurrences'|_ }}
                        </h3>
                        <div class="box-tools pull-right">
                            <div class="btn-group">
                                <button class="btn btn-box-tool dropdown-toggle" data-toggle="dropdown"><i class="fa fa-ellipsis-v"></i></button>
                                <ul class="dropdown-menu" role="menu">
                                    <li><a href="{{ route('recurring.create') }}"><i class="fa fa-plus fa-fw"></i> {{ ('make_new_recurring')|_ }}</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="box-body table-responsive no-padding">
                        <div style="padding:8px;">
                            <a href="{{ route('recurring.create') }}" class="btn btn-success"><i class="fa fa-plus fa-fw"></i> {{ ('make_new_recurring')|_ }}
                            </a>
                        </div>

                        <!-- list of recurring here -->
                        <div style="padding-left:8px;">
                            {{ recurring.render|raw }}
                        </div>
                        <table class="table table-hover sortable">
                            <thead>
                            <tr>
                                <th class="hidden-sm hidden-xs" data-defaultsort="disabled">&nbsp;</th>
                                <th data-defaultsign="az">{{ trans('list.title') }}</th>
                                <th data-defaultsign="_19">{{ trans('list.transaction_s') }}</th>
                                <th data-defaultsort="disabled">{{ trans('list.repetitions') }}</th>
                            </tr>
                            </thead>
                            <tbody>
                            {% for rt in recurring %}
                                <tr>
                                    <td class="hidden-sm hidden-xs">
                                        <div class="btn-group btn-group-xs edit_tr_buttons">
                                            <a class="btn btn-default btn-xs" title="{{ 'edit'|_ }}" href="{{ route('recurring.edit',rt.id) }}"><i
                                                        class="fa fa-fw fa-pencil"></i></a>
                                            <a class="btn btn-danger btn-xs" title="{{ 'delete'|_ }}" href="{{ route('recurring.delete',rt.id) }}"><i
                                                        class="fa fa-fw fa-trash-o"></i></a>
                                        </div>
                                    </td>
                                    <td data-value="{{ rt.title }}">
                                        {{ rt.transaction_type|_ }}:

                                        <a href="{{ route('recurring.show',rt.id) }}">{{ rt.title }}</a>
                                        {% if rt.description|length > 0 %}
                                            <small><br>{{ rt.description }}</small>
                                        {% endif %}
                                    </td>
                                    <td data-value="0">
                                        <ol>
                                            {% for rtt in rt.transactions %}
                                                <li>
                                                    {# normal amount + comma#}
                                                    {{ formatAmountBySymbol(rtt['amount'],rtt['currency_symbol'],rtt['currency_dp']) }}{% if rtt['foreign_amount'] == null %},{% endif %}

                                                    {# foreign amount + comma #}
                                                    {% if null != rtt['foreign_amount'] %}
                                                        ({{ formatAmountBySymbol(rtt['foreign_amount'],rtt['foreign_currency_symbol'],rtt['foreign_currency_dp']) }}),
                                                    {% endif %}
                                                    <a href="{{ route('accounts.show', rtt['source_account_id']) }}">{{ rtt['source_account_name'] }}</a>
                                                    &rarr;
                                                    <a href="{{ route('accounts.show', rtt['destination_account_id']) }}">{{ rtt['destination_account_name'] }}</a>
                                                </li>
                                            {% endfor %}
                                        </ol>
                                    </td>
                                    <td>
                                        <ul>
                                            {% for rep in rt.repetitions %}
                                                <li>{{ rep.description }}</li>
                                            {% endfor %}
                                        </ul>
                                    </td>
                                </tr>
                            {% endfor %}
                            </tbody>
                        </table>
                        <div style="padding-left:8px;">
                            {{ recurring.render|raw }}
                        </div>
                    </div>
                    <div class="box-footer">
                        <a href="{{ route('recurring.create') }}" class="btn btn-success"><i class="fa fa-plus fa-fw"></i> {{ ('make_new_recurring')|_ }}</a>
                    </div>
                </div>
            </div>
        </div>
    {% endif %}




    {% if recurring|length == 0 and page == 1 %}
        {% include 'partials.empty' with {what: 'default', type: 'recurring',route: route('recurring.create')} %}
    {% endif %}
{% endblock %}

{% block styles %}
    <link rel="stylesheet" href="css/bootstrap-sortable.css?v={{ FF_VERSION }}" type="text/css" media="all"/>
{% endblock %}

{% block scripts %}
    <script type="text/javascript" src="js/lib/bootstrap-sortable.js?v={{ FF_VERSION }}"></script>
{% endblock %}