{% extends "layout_contacts.html.twig" %}

{% block body %}

<div class="row">
    <div id="user-menu" class="col-2">
        <div class="card card-panel sticky-top" style="top: 75px; z-index: auto">
            <div class="card-header text-center">MENU</div>
            <ul class="list-group list-group-flush">
                <a href="#" id="user-modif" class="list-group-item">Modifier</a>
            </ul>
        </div>
    </div>
    <div class="col">
        <table id="table-contact-users" class="table table-striped mt-2" data-search="false" data-locale="fr-FR" data-show-columns="false" data-show-export="false" data-filter-control="true" data-pagination="false" data-detail-view="false" data-detail-formatter="">
        </table>
    </div>
</div>

{{ form_start(form_modif_user, {'attr': {'class': 'form-horizontal', 'id': 'form_modif_user'}}) }}
<div class="modal fade" id="modal-modif-user" tabindex="-1">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Changement du groupe</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <div class="card bg-light mb-3">
                    <div class="card-body">
                        <div class="row justify-content-start">
                            <div class="col-auto">
                                {{ form_label(form_modif_user.groupe, "Groupe", {'label_attr': {'class': 'control-label'}}) }}
                                {{ form_widget(form_modif_user.groupe, {'attr': {'class': 'form-control selectpicker', 'data-style': 'btn-default', 'data-size': "6"}}) }}
                            </div>
                            <div class="col-auto">
                                {{ form_widget(form_modif_user.actif) }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                {{ form_widget(form_modif_user.valider, {'attr': {'class': 'btn-primary'}}) }}
            </div>
        </div>
    </div>
</div>
{{ form_end(form_modif_user) }}

{% endblock %}