{% extends '/layout/admin_layout.html.twig' %}
{% import "macro/listing.html.twig" as listingMacro %}

{% block title %}{{ target.singular }} Actions{% endblock %}

{% block content %}

    <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pb-3">
        <div>

        </div>
        <div class="btn-toolbar mb-2 mb-md-0">
            <div class="btn-group ms-2 ms-lg-3">
                {{ listingMacro.filtersBtn( path('app_user_actions_filters', app.request.query|merge({'target': target.value})) ) }}
                <button type="button"
                        class="btn btn-sm btn-outline-gray-600"
                        data-bs-toggle="popover"
                        data-bs-content="This feature is under development."
                >
                    Export
                </button>
            </div>

            <div class="ms-2 ms-lg-3">
                {% include('components/page_size_choice.html.twig') %}
            </div>
        </div>
    </div>

    <div class="card border-0 shadow mb-3">
        <div class="card-body p-2">
            <div class="table-wrapper table-responsive">
                <table class="table table-hover">
                    <thead class="thead-light">
                    <tr>
                        <th>#</th>
                        <th>User</th>
                        <th>Page</th>
                        <th>Entity</th>
                        <th>Action</th>
                        <th>{{ listingMacro.sortItem(sort, 'createdAt', 'Date') }}</th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for action in actions %}
                        <tr>
                            <td>{{ pagination.rowIndex(loop.index) }}</td>
                            <td>{{ action.user.username }}</td>
                            <td>{{ action.entityLabel }}</td>
                            <td>{{ action.entityName }}</td>
                            <td>{{ action.action.label }}</td>
                            <td>{{ action.createdAt ? action.createdAt|dtz : '-' }}</td>
                        </tr>
                    {% else %}
                        <tr>
                            <td colspan="100%">no records found</td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
        <div class="card-footer">{%- include 'components/pagination.html.twig' with { 'pagination': pagination } -%}</div>
    </div>

    {{ listingMacro.filtersModal( path('app_user_actions_index', {'target': target.value}), false ) }}

{% endblock %}