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

{% block title %}{{ 'user.list'|trans }}{% endblock %}
{% block main %}
<tigris-data-list route="tigris_base_admin_user_data" :init-filters="{search:'', type:'all'}" v-slot="{entities, filters, countPerPage, order, loading, loadData, sort, begin, end, totalCount, pageCount}">

{% embed '@TigrisBase/decorators/_card.html.twig' with {'class': ''} %}
    {% block header %}
    <div>
        <button-action v-on:formsaved="loadData()" route="tigris_base_admin_user_new" :route-params="{}" type="success" :modal="true">
            <span class="btn-label">{{ '.icon-plus'|parse_icons }}</span> {{ 'user.add.add'|trans }}
        </button-action>
        {% if is_granted('ROLE_SUPER_ADMIN') %}
            <a href="{{ path('tigris_base_admin_group_index') }}" class="btn btn-secondary ms-2">{{ 'menu.groups'|trans|parse_icons }}</a>
        {% endif %}
    </div>
    
    <button-action route="tigris_base_admin_dataexporter_new" :route-params="{...filters, ...{exportType:'user'} }" type="light" :modal="true">
        <span class="btn-label">{{ '.icon-download'|parse_icons }}</span> {{ 'user.export'|trans }}
    </button-action>
    
    {% endblock %}
    {% block body %}
    <form action="" method="GET" class="d-flex justify-content-between align-items-center">
        <div class="d-flex align-items-center">
            <div class="form-group">
                <label class="form-label"><small>{{ 'user.status'|trans }}</small></label>
                
                <select class="form-control" v-model="filters.type">
                    <option value="all">{{ 'user.all'|trans }}</option>
                    <option value="enabled">{{ 'user.filter.enabled'|trans }}</option>
                    <option value="disabled">{{ 'user.filter.disabled'|trans }}</option>
                </select>
            </div>
            <div class="form-group ms-2">
                <label class="form-label"><small>{{ 'user.search'|trans }}</small></label>
                <div class="input-group ">
                    <span class="input-group-text">{{ '.icon-search'|parse_icons }}</span>
                    <input type="text" class="form-control" v-model="filters.search"/>
                </div>
            </div>
        </div>

        <div>
            <div class="form-group">
                <label><small>{{ 'results_per_page'|trans }}</small></label>
                <item-count-select/>
            </div>
        </div>
    </form>
    {% endblock %}
    {% block table %}
    <table class="table table-striped" :class="{loading: loading}">
        <thead>
            <tr>
                <th><sort-item label="{{ 'user.username'|trans }}" value="username" v-on:change="sort"></sort-item></th>
                <th><sort-item label="{{ 'user.email'|trans }}" value="email" v-on:change="sort"></sort-item></th>
                <th><sort-item label="{{ 'user.date.created'|trans }}" value="createdAt" v-on:change="sort"></sort-item></th>
                <th><sort-item label="{{ 'user.status'|trans }}" value="enabled" v-on:change="sort"></sort-item></th>
                <th>{{ 'actions'|trans }}</th>
            </tr>
        </thead>
        <tbody>
            <tr v-for="entity in entities" :key="entity.id" :class="{'table-primary':(entity.roles.indexOf('ROLE_SUPER_ADMIN')>0)}">
                <td>${entity.username}</td>
                <td>${entity.email}</td>
                <td>${ $filters.formatDate(entity.createdAt)}</td>
                {# status #}
                <td class="text-light bg-warning" v-show="!entity.enabled && entity.roles.indexOf('ROLE_SUPER_ADMIN')==-1 && entity.roles.indexOf('ROLE_ADMIN')==-1">
                    {{ 'user.disabled'|trans }}
                </td>
                <td class="text-light bg-success" v-show="entity.enabled && entity.roles.indexOf('ROLE_SUPER_ADMIN')==-1 && entity.roles.indexOf('ROLE_ADMIN')==-1">
                    {{ 'user.enabled'|trans }}
                </td>
                <td class="text-light bg-primary" v-show="entity.roles.indexOf('ROLE_SUPER_ADMIN')>-1 || entity.roles.indexOf('ROLE_ADMIN')>-1">
                    {{ 'role.admin'|trans }}
                </td>
                {# /status #}

                <td>
                    {% include '@TigrisBase/admin/user/_user_options.html.twig' %}
                </td>
            </tr>
        </tbody>
    </table>
    {% endblock %}
    {% block footer %}
    <div class="data-list-footer">
        <div>
            <em>{{ 'data_count'|trans({'%begin%':'${begin}', '%end%':'${end}', '%total%':'${totalCount}'}) }}</em>
        </div>
        <pagination></pagination>
    </div>
    {% endblock %}
{% endembed %}
</tigris-data-list>
{% endblock %}