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

{% block body %}
<legend>Saisie d'une personne</legend>
{{ form_start(form_saisie_personne, {'attr': {'class': 'form-horizontal', 'id': 'form_saisie_personne'}}) }}
<div class="card bg-light mb-3">
    <div class="card-body">
        <div class="row justify-content-between">
            <div class="col-auto">
                {{ form_label(form_saisie_personne.civ, "Civilité*", {'label_attr': {'class': 'control-label'}}) }}
                {{ form_widget(form_saisie_personne.civ, {'attr': {'class': 'form-control selectpicker', 'data-style': 'btn-default'}}) }}
            </div>
            <div class="col-auto">
                {{ form_label(form_saisie_personne.nom, "Nom*", {'label_attr': {'class': 'control-label'}}) }}
                {{ form_widget(form_saisie_personne.nom) }}
            </div>
            <div class="col-auto">
                {{ form_label(form_saisie_personne.prenom, "Prénom", {'label_attr': {'class': 'control-label'}}) }}
                {{ form_widget(form_saisie_personne.prenom) }}
            </div>
        </div>
    </div>
</div>
<button id="verif-doublons" class="btn btn-outline-primary mb-3">Vérifier doublons</button>
<div id="doublons" class="mb-3"></div>
<div class="card bg-light mb-3">
    <div class="card-body">
        <div class="row justify-content-between">
            <div class="col-1">
                {{ form_label(form_saisie_personne.num, "Numéro", {'label_attr': {'class': 'control-label'}}) }}
                {{ form_widget(form_saisie_personne.num, {'attr': {'class': 'form-control selectpicker', 'data-style': 'btn-default'}}) }}
            </div>
            <div class="col-auto">
                {{ form_label(form_saisie_personne.rue, "Rue", {'label_attr': {'class': 'control-label'}}) }}
                {{ form_widget(form_saisie_personne.rue, {'attr': {'class': 'form-control selectpicker', 'data-style': 'btn-default'}}) }}
            </div>
            <div class="col-auto">
                {{ form_label(form_saisie_personne.cp, "Code postal", {'label_attr': {'class': 'control-label'}}) }}
                {{ form_widget(form_saisie_personne.cp) }}
            </div>
            <div class="col-auto">
                {{ form_label(form_saisie_personne.ville, "Ville", {'label_attr': {'class': 'control-label'}}) }}
                {{ form_widget(form_saisie_personne.ville, {'attr': {'class': 'form-control selectpicker', 'data-style': 'btn-default', 'data-size': "6"}}) }}
            </div>
            <div class="col-auto">
                {{ form_label(form_saisie_personne.complement, "Complément", {'label_attr': {'class': 'control-label'}}) }}
                {{ form_widget(form_saisie_personne.complement) }}
            </div>
        </div>
        <div class="row justify-content-between mt-3">
            <div class="col-auto">
                {% if app.user.roles[0] != 'Administrateur' %}
                    {{ form_widget(form_saisie_personne.coord_post_conf, {'attr': {'onclick': "return false"}}) }}
                {% else %}
                    {{ form_widget(form_saisie_personne.coord_post_conf) }}
                {% endif %}
            </div>
        </div>
    </div>
</div>
<div class="card bg-light mb-3">
    <div class="card-body">
        <div class="row justify-content-between">
            <div class="col-auto">
                {{ form_label(form_saisie_personne.tel, "Téléphone", {'label_attr': {'class': 'control-label'}}) }}
                {{ form_widget(form_saisie_personne.tel, {'attr': {'class': 'form-control selectpicker', 'data-style': 'btn-default'}}) }}
            </div>
            <div class="col-auto">
                {{ form_label(form_saisie_personne.port, "Portable", {'label_attr': {'class': 'control-label'}}) }}
                {{ form_widget(form_saisie_personne.port) }}
            </div>
            <div class="col-auto">
                {{ form_label(form_saisie_personne.mail, "Mail", {'label_attr': {'class': 'control-label'}}) }}
                {{ form_widget(form_saisie_personne.mail) }}
            </div>
            <div class="col-auto">
                {{ form_label(form_saisie_personne.fax, "Fax", {'label_attr': {'class': 'control-label'}}) }}
                {{ form_widget(form_saisie_personne.fax) }}
            </div>
        </div>
        <div class="row justify-content-between mt-3">
            <div class="col-auto">
                {% if app.user.roles[0] != 'Administrateur' %}
                    {{ form_widget(form_saisie_personne.coord_conf, {'attr': {'onclick': "return false"}}) }}
                {% else %}
                    {{ form_widget(form_saisie_personne.coord_conf) }}
                {% endif %}
            </div>
        </div>
    </div>
</div>
<div class="card bg-light mb-3">
    <div class="card-body">
        <div class="row justify-content-between">
            <div class="col-auto">
                {{ form_label(form_saisie_personne.commentaire, "Commentaire", {'label_attr': {'class': 'control-label'}}) }}
                {{ form_widget(form_saisie_personne.commentaire, {'attr': {'class': 'form-control'}}) }}
            </div>
        </div>
        <div class="row justify-content-between">
            <div class="col-auto">
                {{ form_label(form_saisie_personne.pref_contact, "Cette personne préfère être contactée par:", {'label_attr': {'class': 'control-label'}}) }}
                {{ form_widget(form_saisie_personne.pref_contact, {'attr': {'class': 'form-control bg-light'}}) }}
            </div>
        </div>
    </div>
</div>
<div class="card bg-light mb-3">
    <div class="card-body">
        <div class="row justify-content-between">
            <div class="col-auto">
                <button id="affect-site-contact" class="btn btn-outline-primary">Affecter un ou plusieurs sites à cette personne</button>
            </div>
            <div id="recap-lien-site">
            </div>
        </div>
    </div>
</div>
<div class="card bg-light mb-3">
    <div class="card-body">
        <div class="row justify-content-between">
            <div class="col-auto">
                {{ form_label(form_saisie_personne.apps, "Application(s) utilisée(s) par cette personne", {'label_attr': {'class': 'control-label'}}) }}
                {{ form_widget(form_saisie_personne.apps, {'attr': {'class': 'form-control selectpicker', 'data-style': 'btn-default'}}) }}
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modal-affect-site-contact" tabindex="-1">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Affectation de site(s)</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-between">
                            <div class="col-auto">
                                {{ form_label(form_saisie_personne.dep, "Département", {'label_attr': {'class': 'control-label'}}) }}
                                {{ form_widget(form_saisie_personne.dep, {'attr': {'class': 'form-control selectpicker', 'data-style': 'btn-default'}}) }}
                            </div>
                            {% if not id_pers %}
                                <div class="col-auto" style="display:none">
                                    {{ form_label(form_saisie_personne.ensembles, "Ensemble", {'label_attr': {'class': 'control-label'}}) }}
                                    {{ form_widget(form_saisie_personne.ensembles, {'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_saisie_personne.sites, "Site(s)", {'label_attr': {'class': 'control-label'}}) }}
                                    {{ form_widget(form_saisie_personne.sites, {'attr': {'class': 'form-control selectpicker', 'data-style': 'btn-default', 'data-live-search': "true", 'data-size': "6"}}) }}
                                </div>
                            {% else %}
                                <div class="col-auto">
                                    {{ form_label(form_saisie_personne.ensembles, "Ensemble", {'label_attr': {'class': 'control-label'}}) }}
                                    {{ form_widget(form_saisie_personne.ensembles, {'attr': {'class': 'form-control selectpicker', 'data-style': 'btn-default', 'data-live-search': "true", 'data-size': "6"}}) }}
                                </div>
                                <div class="col-auto">
                                    {{ form_label(form_saisie_personne.sites, "Site(s)", {'label_attr': {'class': 'control-label'}}) }}
                                    {{ form_widget(form_saisie_personne.sites, {'attr': {'class': 'form-control selectpicker', 'data-style': 'btn-default', 'data-live-search': "true", 'data-size': "6"}}) }}
                                </div>
                            {% endif %}
                        </div>
                    </div>
                </div>
                <div class="card bg-light mb-3">
                    <div class="card-body">
                        <div class="row justify-content-between">
                            <div class="col-auto">
                                {{ form_label(form_saisie_personne.type_lien, "Type de lien avec les sites choisis", {'label_attr': {'class': 'control-label'}}) }}
                                {{ form_widget(form_saisie_personne.type_lien, {'attr': {'class': 'form-control selectpicker', 'data-style': 'btn-default'}}) }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" id="valid-site-personne" class="btn btn-primary">Valider</button>
            </div>
        </div>
    </div>
</div>

<div class="col-auto">
    {{ form_widget(form_saisie_personne.ajouter, {'attr': {'class': 'btn-primary'}}) }}
    {{ form_widget(form_saisie_personne.ajouter_associer, {'attr': {'class': 'btn-primary'}}) }}
</div>
{{ form_end(form_saisie_personne) }}
{% endblock %}