{% extends 'base.html.twig' %}
{% block body %}
    <div class="intro-y flex flex-col sm:flex-row items-center mt-8">
        <h2 class="text-lg font-medium mr-auto">
            Liste {{ block('title') }}
        </h2>
        <div class="w-full sm:w-auto flex mt-4 sm:mt-0">
            {% if new_path is defined%}
                <a href="{{ path(new_path) }}" class="button text-white bg-theme-1 shadow-md mr-2">Nouveau</a>
            {% endif %}
            {% if other_path is defined %}
                <a href="{{ path(other_path) }}" class="button text-white bg-theme-9 shadow-md mr-2">Etat</a>
                {% endif %}
                <div class="dropdown relative ml-auto sm:ml-0">
                    <button class="dropdown-toggle button px-2 box text-gray-700">
                        <span class="w-5 h-5 flex items-center justify-center"> <i class="w-4 h-4" data-feather="plus"></i> </span>
                    </button>
                </div>


        </div>
    </div>
    <!-- BEGIN: Datatable -->
    <div class="intro-y datatable-wrapper box p-5 mt-5">
        <table class="table table-report table-report--bordered display datatable w-full">
            <thead>
            <tr>
                {% for h in head %}
                    <th>{{ h }}</th>
                {% endfor %}
                <th class="border-b-2 text-center whitespace-no-wrap">ACTIONS</th>
            </tr>
            </thead>
            <tbody>

            {% for el in vue %}
                <tr>
                    {{ block('content') }}
                    <td class="border-b">
                        <div class="flex sm:justify-center">
                        {% if show_path is defined %}
                            <a class="flex items-center text-theme-6" href="{{ path(show_path, {'id': el.id}) }}"> <i data-feather="trash-2" class="w-4 h-4 mr-1"></i> Details </a>
                        {% endif %}
                        {% if edit_path is defined %}
                            <a class="flex items-center mr-3" href="{{ path(edit_path, {'id': el.id}) }}"> <i data-feather="check-square" class="w-4 h-4 mr-1"></i> Editer </a>
                        {% endif %}

                        {% if block('action') is defined %}
                            {{ block('action') }}
                        {% endif %}
                        </div>
                    </td>
                </tr>
            {% else %}
                <tr>
                    <td class="border-b" colspan="5" >Aucun enregistrement disponible </td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
    <!-- END: Datatable -->

{% endblock %}

{% block javascripts %}


{% endblock %}