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

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

{% block content %}
<div class="row">
    <!-- basic info -->
    <div class="col-lg-8 col-md-12 col-sm-12">
        <div class="box">
            <div class="box-header with-border">
                <h3 class="box-title">
                    {{ array.title }}

                    ({{ array.type }})

                    {% if array.active == false %}
                        ({{ 'inactive'|_|lower }})
                    {% endif %}
                </h3>
            </div>
            <div class="box-body">
                <h4>{{ 'transaction_journal_meta'|_ }}</h4>
                <p>{{ 'description'|_ }}: <em>{{ array.description }}</em></p>

                {% if array.active == false %}
                    <p>
                        {{ 'recurrence_is_inactive'|_ }}
                    </p>
                {% endif %}

                <ul>
                    {% for rep in array.repetitions %}
                        <li>{{ rep.description }}</li>
                    {% endfor %}
                </ul>
                <h4>{{ 'attachments'|_ }}</h4>
                {% include 'list.attachments' with {attachments: array.attachments} %}
            </div>
            <div class="box-footer">
                <div class="btn-group">
                    <a href="{{ route('recurring.edit', [array.id]) }}" class="btn btn-sm btn-default"><span
                            class="fa fa-pencil"></span> {{ 'edit'|_ }}</a>
                    <a href="{{ route('recurring.delete', [array.id]) }}" class="btn btn-sm btn-danger">{{ 'delete'|_ }}
                        <span class="fa fa-trash"></span></a>
                </div>
            </div>
        </div>
    </div>
    <!-- next and previous repetitions -->
    <div class="col-lg-4 col-md-12 col-sm-12">
        <div class="box">
            <div class="box-header with-border">
                <h3 class="box-title">
                    {{ ('expected_'~array.type~'s')|_ }}
                </h3>
            </div>
            <div class="box-body">
                {% if null != array.repeat_until and today > array.repeat_until %}
                    <span class="text-danger">
                                            {{ trans('firefly.repeat_until_in_past', {date: array.repeat_until.isoFormat(monthAndDayFormat) }) }}
                                        </span>
                {% endif %}
                {% for rep in array.repetitions %}
                    <p>
                        <strong>{{ rep.description }}
                            {% if rep.repetition_skip == 1 %}
                                ({{ trans('firefly.recurring_skips_one')|lower }})
                            {% endif %}
                            {% if rep.repetition_skip > 1 %}
                                ({{ trans('firefly.recurring_skips_more', {count: rep.repetition_skip})|lower }})
                            {% endif %}
                        </strong>
                    </p>
                    <table class="table" aria-label="Table">
                        <tbody>
                        {% for occ in rep.occurrences %}
                            <tr>
                                <th scope="row">{{ occ.date.isoFormat(trans('config.month_and_date_day_js')) }}</th>
                                <td>
                                    {% if not occ.fired %}
                                        <form action="{{ route('recurring.trigger', [recurrence.id]) }}" method="post"
                                              style="display: inline;">
                                            <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                            <input type="hidden" name="date"
                                                   value="{{ occ.date.isoFormat('YYYY-MM-DD') }}">
                                            <input type="submit" name="submit" value="{{ 'create_right_now'|_ }}"
                                                   class="btn btn-sm btn-default">
                                        </form>
                                    {% endif %}
                                </td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                {% endfor %}
            </div>
            <div class="box-footer">
                <small>
                    <em>{{ 'warning_duplicates_repetitions'|_ }}</em>
                </small>
            </div>
        </div>
    </div>
</div>
<div class="row">
    <!-- transactions -->
    <div class="col-lg-12 col-md-12 col-sm-12">
        <div class="box">
            <div class="box-header with-border">
                <h3 class="box-title">
                    {{ 'transaction_data'|_ }}
                </h3>
            </div>
            <div class="box-body no-padding">
                <table class="table table-hover sortable">
                    <thead>
                    <tr>
                        <th data-defaultsign="az">{{ trans('list.description') }}</th>
                        <th data-defaultsign="az">{{ trans('list.source') }}</th>
                        <th data-defaultsign="az">{{ trans('list.destination') }}</th>
                        <th data-defaultsign="_19">{{ trans('list.amount') }}</th>
                        <th data-defaultsign="az">{{ trans('list.category') }}</th>
                        <th data-defaultsign="az">{{ trans('list.budget') }}</th>
                        <th>{{ trans('list.other_meta_data') }}</th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for transaction in array.transactions %}
                        <tr>
                            <td data-value="{{ transaction.description }}">
                                {{ transaction.description }}
                            </td>
                            <td data-value="{{ transaction.source_name }}">
                                <a href="{{ route('accounts.show', [transaction.source_id]) }}">{{ transaction.source_name }}</a>
                            </td>
                            <td data-value="{{ transaction.destination_name }}">
                                <a href="{{ route('accounts.show', [transaction.destination_id]) }}">{{ transaction.destination_name }}</a>
                            </td>
                            <td>
                                {{ 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 %}
                            </td>
                            <td data-value="{{ transaction.category_id|default(0) }}">
                                {% if '' != transaction.category_name %}
                                    <a href="{{ route('categories.show', [transaction.category_id]) }}">
                                        {{ transaction.category_name }}
                                    </a>
                                {% endif %}
                            </td>
                            <td data-value="{{ transaction.budget_id|default(0) }}">
                                {% if '' != transaction.budget_name %}
                                    <a href="{{ route('budgets.show', [transaction.budget_id]) }}">
                                        {{ transaction.budget_name }}
                                    </a>
                                {% endif %}
                            </td>
                            <td>
                                {% if transaction.tags|length > 0 %}
                                    <p>
                                        {% for tag in transaction.tags %}
                                            <span class="label label-success">{{ tag }}</span>
                                        {% endfor %}
                                    </p>
                                {% endif %}
                                {% if 0 != transaction.piggy_bank_id %}
                                    <p>
                                        <a href="{{ route('piggy-banks.show', [transaction.piggy_bank_id]) }}">{{ transaction.piggy_bank_name }}</a>
                                    </p>
                                {% endif %}
                                {% if 0 != transaction.bill_id %}
                                    <p>
                                        <a href="{{ route('bills.show', [transaction.bill_id]) }}">{{ transaction.bill_name }}</a>
                                    </p>
                                {% endif %}
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="row">
        <!-- meta data -->
        <div class="col-lg-12 col-md-12 col-sm-12">
            <div class="box">
                <div class="box-header with-border">
                    <h3 class="box-title">
                        {{ ('created_'~array.type~'s')|_ }}
                    </h3>
                </div>
                <div class="box-body">
                    {% include 'list.groups' %}
                </div>
            </div>
        </div>
    </div>
    {% endblock %}

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

    {% block scripts %}
        <script type="text/javascript" src="v1/js/lib/bootstrap-sortable.js?v={{ FF_VERSION }}"
                nonce="{{ JS_NONCE }}"></script>
        {# required for groups.twig #}
        <script type="text/javascript" src="v1/js/ff/list/groups.js?v={{ FF_VERSION }}" nonce="{{ JS_NONCE }}"></script>
    {% endblock %}