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

{% block body %}

<legend>Associations</legend>
<div style="white-space: pre-line" class="alert alert-warning" role="alert">Pour faire une association, veuillez rechercher et sélectionner au moins une personne et une division d'organisme. Il est possible:
    - D'associer une ou plusieurs personne(s) à une division,
    Ou
    - D'associer une personne à une ou plusieurs division(s) de même type (service ou commission)
</div>
{{ form_start(form_assoc_rech, {'attr': {'class': 'form-horizontal', 'id': 'form_assoc_rech'}}) }}
<div class="col-auto">
    <button type="button" id="btn-assoc" class="btn btn-primary mb-3" data-bs-dismiss="modal">Associer</button>
</div>
<div class="row">
    {#<div id="assoc-contacts-menu" class="col-2" style="display: none">
        <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="#" class="list-group-item">Associer à un organisme</a>
            </ul>
        </div>
    </div>#}
    <div class="col-sm-6 card bg-light pt-2">
            {{ form_label(form_assoc_rech.pers, "Recherche de personne(s)", {'label_attr': {'class': 'control-label'}}) }}
            {{ form_widget(form_assoc_rech.pers) }}
        <table id="table-assoc-pers" 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 class="col-sm-6 card bg-light pt-2">
            {{ form_label(form_assoc_rech.org, "Recherche organisme/service/commission", {'label_attr': {'class': 'control-label'}}) }}
            {{ form_widget(form_assoc_rech.org) }}
        <table id="table-assoc-org" 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>

<div class="modal fade modal-edit" id="modal-assoc">
    <div class="modal-dialog modal-xl modal-dialog-edit">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Infos sur l'association</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body modal-body-edit">
                Valeurs communes à affecter:
                <div class="card bg-light mb-3">
                    <div class="card-body">
                        <div class="row justify-content-start">
                            <div class="col-auto">
                                {{ form_label(form_assoc_rech.civ_commun, "Civilité spé.", {'label_attr': {'class': 'control-label'}}) }}
                                {{ form_widget(form_assoc_rech.civ_commun, {'attr': {'class': 'form-control selectpicker', 'data-style': 'btn-default', 'data-live-search': 'true', 'data-size': '6'}}) }}
                            </div>
                            <div class="col-auto">
                                {{ form_label(form_assoc_rech.statut_commun, "Statut", {'label_attr': {'class': 'control-label'}}) }}
                                {{ form_widget(form_assoc_rech.statut_commun, {'attr': {'class': 'form-control selectpicker', 'data-style': 'btn-default', 'data-live-search': 'true', 'data-size': '6'}}) }}
                            </div>
                        </div>
                    </div>
                </div>
                <table id="table-list-assoc-service" class="table table-striped" data-search="false" data-locale="fr-FR" data-show-columns="false" data-show-export="false" data-filter-control="false" data-pagination="false" data-detail-view="false">
                </table>
                <table id="table-list-assoc-comm" class="table table-striped" data-search="false" data-locale="fr-FR" data-show-columns="false" data-show-export="false" data-filter-control="false" data-pagination="false" data-detail-view="false">
                </table>
            </div>
            <div class="modal-footer">
                {{ form_widget(form_assoc_rech.associer, {'attr': {'class': 'btn-primary'}}) }}
                {#<button type="button" id="btn-valid-assoc-service" class="btn btn-primary mb-3" data-bs-dismiss="modal">Associer</button>#}
            </div>
        </div>
    </div>
</div>

{{ form_end(form_assoc_rech) }}

<script>
var id_contact = {{ id_contact|json_encode|raw }};
var list_statuts = {{ list_statuts|json_encode|raw }};
var list_applis = {{ list_applis|json_encode|raw }};
var type_contact = {{ type_contact|json_encode|raw }};
</script>
{% endblock %}