{% macro container(title, nameSelector,listTitleColumn , listElements,listIds, nameDelete, nameUpdate,route,delete=false) %}
    {% import "forms-macro/popup.html.twig" as macro %}
    <div class="container-fluid">
        <div class="row rubrique" id="container{{ nameSelector }}">
            <div class="rubrique_titre">
                <span>{{ title }} à {{ delete?"supprimer":"valider" }}
                </span>
            </div>
            <div class="col-sm-12 col-md-12 col-lg-12">
                <table id="table{{ nameSelector }}" style="width: 100%" class="hover row-border">
                    <thead>
                    <tr>
                        {% for titleColumn in listTitleColumn %}
                            <th>{{ titleColumn }}</th>
                        {% endfor %}
                        <th>Actions</th>
                    </tr>
                    </thead>
                    <tbody>
                    {% set index=0 %}
                    {% for element in listElements %}
                    <tr>
                        {% for column in element %}
                            <td>{{ column != null? column : "Non renseigné" }}</td>
                        {% endfor %}
                        <td class="centerBtn">
                            <a href="{{ path(nameUpdate,{ 'id':listIds[index] , 'fromValidation' : "1"}) }}"
                                    {# data-toggle="tooltipAction" class="tooltipAction" #}
                               title="Modifier {{ nameSelector == 'brand' ? 'une marque' : (nameSelector == 'device' ? 'un appareil' : "un conduit") }}"
                            >
                                <img src="{{ asset('install-bois/icon/tab_action_modifier.png') }}"/>
                            </a>
                            <button
                                    id="removeBrandBtn"
                                    type="button"
                                    data-toggle="modal"
                                    data-target="#popup-danger-{{ listIds[index] }}"
                                    class="boutonAction"
                                    style="background-color: transparent!important;padding:0;margin: 0"
                                    title="Supprimer {{ nameSelector == 'brand' ? 'une marque' : (nameSelector == 'device' ? 'un appareil' : "un conduit") }}"
                            >
                                <img alt="Supprimer"
                                     src="{{ asset('install-bois/icon/tab_action_supprimer.png') }}"/>
                            </button>
                            {{ macro.popup("danger","form_delete_"~route~"_" ~listIds[index],path(nameDelete, {'id': listIds[index]}),listIds[index]) }}
                            <a href="{{ path((route === 'brand' ? '' : 'products_')~route~'_public',{ 'id':listIds[index] }) }}"
                                    {# data-toggle="tooltipAction" class="tooltipAction" #}
                               title="Rendre public {{ nameSelector == 'brand' ? 'la marque' : (nameSelector == 'device' ? 'l\'appareil' : "le conduit") }}"
                            >
                                <button type="button" class="boutonAction validProduct"><span
                                            class="material-icons-outlined">verified</span></button>
                            </a>
                            <a href="{{ path((route === 'brand' ? '' : 'products_')~route~'_for_company',{ 'id':listIds[index] }) }}"
                               title="Valider {{ nameSelector == 'brand' ? 'la marque' : (nameSelector == 'device' ? 'l\'appareil' : "le conduit") }} pour l'entreprise"
                            >
                                <button type="button" class="boutonAction validProduct"><span
                                            class="material-icons-outlined">domain</span></button>
                            </a>
                            {% if (route=="device" or route=="duct")  and delete==false %}
                                <a href="{{ path('products_'~route~'_not_validated',{ 'id':listIds[index] }) }}"
                                   title="Invalider {{ nameSelector == 'brand' ? 'la marque' : (nameSelector == 'device' ? 'l\'appareil' : "le conduit") }}"
                                >
                                    <button type="button" class="boutonRetour validProduct"><span
                                                class="material-icons-outlined">thumb_down_alt</span></button>
                                </a>
                            {% endif %}
                            {% set index=index+1 %}
                            {% endfor %}
                    </tbody>
                </table>
            </div>
            <script type="application/javascript">
                let nbColumns{{ nameSelector }}={{ listTitleColumn|length }};
                let params{{ nameSelector }} = {
                    "columnDefs": [
                        {"type": "date-euro", "targets": []},
                    ],
                };
                initDatatable('#table{{ nameSelector }}', params{{ nameSelector }}, [nbColumns{{ nameSelector }}], false, false);
            </script>
        </div>
    </div>

{% endmacro %}