{% extends 'admin/layout.html.twig' %}

{% block body_id 'admin_transaction_index' %}

{% block main %}
    <h1 class="col-6">{{ 'title.transaction_list'|trans }}</h1>
    <div class="item-actions col-6 set-right">
        <a href="{{ path('admin_transaction_new') }}" class="btn btn-sm btn-primary">
            <i class="fa fa-add"></i> {{ 'action.new'|trans }}
        </a>
    </div>

    <div id="data-table" class="col-12">
        <table class="table table-striped table-middle-aligned table-borderless">
            <thead>
                <tr>
                    <th scope="col">{{ 'label.email'|trans }}</th>
                    <th scope="col">{{ 'label.fin'|trans }}</th>
                    <th scope="col">{{ 'label.published_at'|trans }}</th>
                    <th scope="col"></th>
{#                    <th scope="col">{{ 'label.actions'|trans }}</th>#}
                </tr>
            </thead>
            <tbody>
            {% for transaction in paginator.results %}
                <tr>
                    <td class="val_email"><span>{{ transaction.email }}</span></td>
                    <td class="val_fin"><span>{{ transaction.fin }}</span></td>
                    <td class="val_date"><span>{{ transaction.createdat|format_datetime('medium', 'short', '', 'UTC') }}</span></td>
                    <td class="text-right">
                        <div class="item-actions">
                            <a href="{{ path('admin_transaction_resend', {id: transaction.id}) }}" class="btn btn-sm btn-primary">
                                <i class="fa fa-paper-plane"></i> {{ 'action.resend'|trans }}
                            </a>
                            <a href="{{ path('admin_transaction_delete', {id: transaction.id}) }}" class="btn btn-sm btn-primary btn-delete only-icon">
                                <i class="fa fa-trash"></i>
                            </a>
                        </div>
                    </td>
                </tr>
            {% else %}
                <tr>
                    <td colspan="4" align="center">{{ 'transaction.no_transactions_found'|trans }}</td>
               </tr>
            {% endfor %}
            </tbody>
        </table>
        {% if paginator.hasToPaginate %}

        <div class="navigation text-center">
            <ul class="pagination pagination-lg">
                {% if paginator.hasPreviousPage %}
                <li class="page-item">
                    <a class="page-link" href="{{ path('transaction_index_paginated', {page: paginator.previousPage}) }}" rel="previous">
                        <i class="fa fw fa-arrow-left"></i> {{ 'paginator.previous'|trans }}
                    </a>
                </li>
                {% else %}
                <li class="page-item disabled">
                    <span class="page-link"><i class="fa fw fa-arrow-left"></i> {{ 'paginator.previous'|trans }}</span>
                </li>
                {% endif %}

                {% for i in 1..paginator.lastPage %}
                {% if i == paginator.currentPage %}
                <li class="page-item active">
                    <span class="page-link">{{ i }} <span class="sr-only">{{ 'paginator.current'|trans }}</span></span>
                </li>
                {% else %}
                <li class="page-item"><a class="page-link" href="{{ path('transaction_index_paginated', {page: i}) }}">{{ i }}</a></li>
                {% endif %}
                {% endfor %}

                {% if paginator.hasNextPage %}
                <li class="page-item">
                    <a class="page-link" href="{{ path('transaction_index_paginated', {page: paginator.nextPage}) }}">
                        <span>{{ 'paginator.next'|trans }} <i class="fa fw fa-arrow-right"></i></span>
                    </a>
                </li>
                {% else %}
                <li class="page-item disabled">
                    <span class="page-link">{{ 'paginator.next'|trans }} <i class="fa fw fa-arrow-right"></i></span>
                </li>
                {% endif %}
            </ul>
        </div>
        {% endif %}
    </div>
{% endblock %}