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

{% block body %}
<div class="row">
    <div id="recherche-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">
                {% if 'Administrateur' in app.user.roles or 'Validateur local' in app.user.roles %}
                    <a id="rech-contacts-verrou" href="#" class="list-group-item">Verrouiller</a>
                {% endif %}
                <a id="rech-contacts-carnet" href="#" class="list-group-item">Ajouter à un carnet</a>
                <a href="#" class="list-group-item">Ajouter à une diffusion</a>
                <div class="clearfix split-items">
                    <a id="rech-contacts-mail" href="#" class="list-group-item left-side">Envoyer mail</a>
                    <a id="rech-contacts-mail-copie" href="#" class="list-group-item right-side">Copier mail(s)</a>
                </div>
                <a id="rech-contacts-export" href="#" class="list-group-item">Exporter sélection</a>
            </ul>
        </div>
    </div>

    <div class="col-10">
        <legend>Rechercher un contact</legend>
        <div class="card bg-light mb-3">
            <div class="card-body">
                {#<label class="control-label" for="input-recherche-contact">Recherche (personne, organisme, commission, service)</label>
                <input type="text" id="input-recherche-contact" class="form-control mb-1">
                <label class="form-check-label" for="input-recherche-contact-personne">Personne physique</label>
                <input type="checkbox" checked id="input-recherche-contact-personne" class="form-check-input me-4">
                <label class="form-check-label" for="input-recherche-contact-org">Organisme</label>
                <input type="checkbox" checked id="input-recherche-contact-org" class="form-check-input me-4">
                <label class="form-check-label" for="input-recherche-contact-assoc-org">Personnes associées à des organismes</label>
                <input type="checkbox" checked id="input-recherche-contact-assoc-org" class="form-check-input me-4">
                <label class="form-check-label" for="input-recherche-contact-comm">Commissions</label>
                <input type="checkbox" checked id="input-recherche-contact-assoc-comm" class="form-check-input me-4">
                <label class="form-check-label" for="input-recherche-contact-serv">Services</label>
                <input type="checkbox" checked id="input-recherche-contact-assoc-serv" class="form-check-input me-4">#}
                {{ form_start(form_rech_contact, {'attr': {'class': 'form-horizontal', 'id': 'form_rech_contact'}}) }}
                {{ form_label(form_rech_contact.recherche, "Recherche (personne, organisme, commission, service, mail, commentaire)", {'label_attr': {'class': 'control-label'}}) }}
                {{ form_widget(form_rech_contact.recherche) }}
                <div class="mt-2 mb-2">
                    {{ form_widget(form_rech_contact.check_personne) }}
                    {{ form_widget(form_rech_contact.check_org) }}
                    {{ form_widget(form_rech_contact.check_assoc_org) }}
                    {{ form_widget(form_rech_contact.check_comm) }}
                    {{ form_widget(form_rech_contact.check_serv) }}
                </div>
                <button id="afficher-filtres" class="btn btn-outline-primary mb-2">Afficher/masquer filtres supplémentaires</button>
                <div id="filtres" style="display:none">
                    <div class="row justify-content-start mb-2">
                        <div class="col-1">
                            {{ form_label(form_rech_contact.sigle, "Sigle", {'label_attr': {'class': 'control-label'}}) }}
                            {{ form_widget(form_rech_contact.sigle, {'attr': {'class': 'form-control selectpicker', 'data-style': 'btn-default', 'data-live-search': 'true', 'data-size': '6'}}) }}
                        </div>
                        <div class="col-auto">
                            {{ form_label(form_rech_contact.niveau_valid, "Niveau de validation", {'label_attr': {'class': 'control-label'}}) }}
                            {{ form_widget(form_rech_contact.niveau_valid, {'attr': {'class': 'form-control selectpicker', 'data-style': 'btn-default'}}) }}
                        </div>
                        <div class="col-auto">
                            {{ form_label(form_rech_contact.dep_adresse, "Département de résidence", {'label_attr': {'class': 'control-label'}}) }}
                            {{ form_widget(form_rech_contact.dep_adresse, {'attr': {'class': 'form-control selectpicker', 'data-style': 'btn-default'}}) }}
                        </div>
                    </div>
                    <hr/>
                    <h6>Recherche par site affecté</h6>
                    <div class="row justify-content-start mb-2">
                        <div class="col-auto">
                            {{ form_label(form_rech_contact.dep, "Département", {'label_attr': {'class': 'control-label'}}) }}
                            {{ form_widget(form_rech_contact.dep, {'attr': {'class': 'form-control selectpicker', 'data-style': 'btn-default'}}) }}
                        </div>
                        <div class="col-auto" style="display:none">
                            {{ form_label(form_rech_contact.ensembles, "Ensemble", {'label_attr': {'class': 'control-label'}}) }}
                            {{ form_widget(form_rech_contact.ensembles, {'attr': {'class': 'form-control selectpicker', 'data-style': 'btn-default', 'data-live-search': "true", 'data-size': "6"}}) }}
                        </div>
                    </div>
                    <div class="row justify-content-start mb-2">
                        <div class="col-auto" style="display:none">
                            {{ form_label(form_rech_contact.sites, "Site(s)", {'label_attr': {'class': 'control-label'}}) }}
                            {{ form_widget(form_rech_contact.sites, {'attr': {'class': 'form-control selectpicker', 'data-style': 'btn-default', 'data-live-search': "true", 'data-size': "6"}}) }}
                        </div>
                    </div>
                    {#<div class="row justify-content-start mb-2">
                        <div class="col-auto">
                            {{ form_label(form_rech_contact.type_lien, "Type de lien avec les sites choisis", {'label_attr': {'class': 'control-label'}}) }}
                            {{ form_widget(form_rech_contact.type_lien, {'attr': {'class': 'form-control selectpicker', 'data-style': 'btn-default'}}) }}
                        </div>
                    </div>#}
                    <hr/>
                    <hr/>
                    <h6>Recherche par lien à une application</h6>
                    <div class="row justify-content-start mb-2">
                        <div class="col-auto">
                            {{ form_label(form_rech_contact.applis, "Appli", {'label_attr': {'class': 'control-label'}}) }}
                            {{ form_widget(form_rech_contact.applis, {'attr': {'class': 'form-control selectpicker'}}) }}
                        </div>
                    </div>
                    <hr/>
                </div>
                {{ form_end(form_rech_contact) }}
            </div>
        </div>
        <div style="white-space: pre-line" class="alert alert-warning" role="alert">Cocher un contact pour afficher les différentes actions possibles
        </div>
        <table id="table-recherche-contact" class="table table-striped" data-search="false" data-locale="fr-FR" data-show-columns="true" data-show-export="true" data-filter-control="true" data-pagination="false" data-detail-view="true" data-detail-formatter="rechContactsRows">
        </table>
    </div>
</div>

{{ form_start(form_rech_contact_ajout_carnet, {'attr': {'class': 'form-horizontal', 'id': 'form_rech_contact_ajout_carnet'}}) }}
<div class="modal fade modal-edit" id="modal-carnet">
    <div class="modal-dialog modal-xl modal-dialog-edit">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Ajouter à un carnet</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_rech_contact_ajout_carnet.type_carnet, "Type du carnet", {'label_attr': {'class': 'control-label'}}) }}
                                {{ form_widget(form_rech_contact_ajout_carnet.type_carnet, {'attr': {'class': 'form-control selectpicker', 'data-style': 'btn-default'}}) }}
                            </div>
                            <div class="col-auto" style="display:none">
                                {{ form_label(form_rech_contact_ajout_carnet.carnet, "Carnet existant", {'label_attr': {'class': 'control-label'}}) }}
                                {{ form_widget(form_rech_contact_ajout_carnet.carnet, {'attr': {'class': 'form-control selectpicker', 'data-style': 'btn-default', 'data-live-search': "true", 'data-size': "6"}}) }}
                            </div>
                            <div class="col-auto" style="display:none">
                                {{ form_label(form_rech_contact_ajout_carnet.new_carnet, "Nouveau carnet", {'label_attr': {'class': 'control-label'}}) }}
                                {{ form_widget(form_rech_contact_ajout_carnet.new_carnet, {'attr': {'class': 'form-control' }}) }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                {{ form_widget(form_rech_contact_ajout_carnet.valider, {'attr': {'class': 'btn-primary'}}) }}
            </div>
        </div>
    </div>
</div>
{{ form_end(form_rech_contact_ajout_carnet) }}

{% endblock %}