{% extends 'base.html.twig' %}

{% block title %}Gestion des utilisateurs{% endblock %}
{% block sub_title %}<small><i class="fas fa-users"></i></small> Gestion des utilisateurs{% endblock%}

{% block container %}
    <div class="row">
        <div class="col-sm-12">
            {% embed 'views/macro_card.html.twig' with {'color': 'dark', 'type': 'outline'} %}
                {% block card_title %}<i class="fas fa-bars"></i> Liste des administrateurs{% endblock %}
                {% block card_body %}
                    <div id="toolbarAdmin">
                        <a class="btn bg-gradient-primary btn-sm" href="{{ path('admin_vendeur_create') }}"><i class="fas fa-user-plus"></i></a>
                    </div>
                    <table id="_Table_Admin_List" class="table-bordered table-hover table-striped table-sm"
                           data-url="{{ path('admin_list_response') }}"
                           data-toolbar="#toolbarAdmin"
                           data-mobile-responsive="true"
                           data-pagination="true"
                           data-show-columns="true"
                           data-show-columns-toggle-all="true"
                           data-show-fullscreen="true"
                           data-search="true"
                           data-show-search-clear-button="true">
                    </table>
                {% endblock %}
            {% endembed %}
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
            {% embed 'views/macro_card.html.twig' with {'color': 'dark', 'type': 'outline'} %}
                {% block card_title %}<i class="fas fa-bars"></i> Liste des vendeurs{% endblock %}
                {% block card_body %}
                    <div id="toolbarVendeur">
                        <a class="btn bg-gradient-primary btn-sm" href="{{ path('admin_vendeur_create') }}"><i class="fas fa-user-plus"></i></a>
                    </div>
                    <table id="_Table_Vendeur_List" class="table-bordered table-hover table-striped table-sm"
                           data-url="{{ path('vendeur_list_response') }}"
                           data-toolbar="#toolbarVendeur"
                           data-mobile-responsive="true"
                           data-pagination="true"
                           data-show-columns="true"
                           data-show-columns-toggle-all="true"
                           data-show-fullscreen="true"
                           data-search="true"
                           data-show-search-clear-button="true">
                    </table>
                {% endblock %}
            {% endembed %}
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    {{ encore_entry_script_tags('users') }}
{% endblock %}