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

{% block body %}
<legend>Saisie d'un organisme</legend>
{{ form_start(form_saisie_organisme, {'attr': {'class': 'form-horizontal', 'id': 'form_saisie_organisme'}}) }}
<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_organisme.raison_sociale, "Raison sociale (nom complet)*", {'label_attr': {'class': 'control-label'}}) }}
                {{ form_widget(form_saisie_organisme.raison_sociale) }}
            </div>
            <div class="col-auto">
                {{ form_label(form_saisie_organisme.nom_abrege, "Nom abrégé", {'label_attr': {'class': 'control-label'}}) }}
                {{ form_widget(form_saisie_organisme.nom_abrege) }}
            </div>
            <div class="col-auto">
                {{ form_label(form_saisie_organisme.titre_civ, "Titre de civilité pour les courriers", {'label_attr': {'class': 'control-label'}}) }}
                {{ form_widget(form_saisie_organisme.titre_civ) }}
            </div>
            <div class="col-auto">
                {{ form_label(form_saisie_organisme.site_web, "Site web", {'label_attr': {'class': 'control-label'}}) }}
                {{ form_widget(form_saisie_organisme.site_web) }}
            </div>
            <div class="col-auto">
                {{ form_label(form_saisie_organisme.sigle, "Sigle", {'label_attr': {'class': 'control-label'}}) }}
                {{ form_widget(form_saisie_organisme.sigle, {'attr': {'class': 'form-control selectpicker', 'data-style': 'btn-default', 'data-live-search': 'true', 'data-size': '6'}}) }}
            </div>
        </div>
    </div>
</div>
{% if not id_org %}
<button id="add-representant" class="btn btn-outline-primary mb-3">Ajouter un représentant légal</button>
{% endif %}
<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_organisme.num, "Numéro", {'label_attr': {'class': 'control-label'}}) }}
                {{ form_widget(form_saisie_organisme.num) }}
            </div>
            <div class="col-auto">
                {{ form_label(form_saisie_organisme.rue, "Rue", {'label_attr': {'class': 'control-label'}}) }}
                {{ form_widget(form_saisie_organisme.rue) }}
            </div>
            <div class="col-auto">
                {{ form_label(form_saisie_organisme.cp, "Code postal", {'label_attr': {'class': 'control-label'}}) }}
                {{ form_widget(form_saisie_organisme.cp) }}
            </div>
            <div class="col-auto">
                {{ form_label(form_saisie_organisme.ville, "Ville", {'label_attr': {'class': 'control-label'}}) }}
                {{ form_widget(form_saisie_organisme.ville, {'attr': {'class': 'form-control selectpicker', 'data-style': 'btn-default', 'data-size': "6"}}) }}
            </div>
            <div class="col-auto">
                {{ form_label(form_saisie_organisme.complement, "Complément", {'label_attr': {'class': 'control-label'}}) }}
                {{ form_widget(form_saisie_organisme.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_organisme.coord_post_conf, {'attr': {'onclick': "return false"}}) }}
                {% else %}
                    {{ form_widget(form_saisie_organisme.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_organisme.tel, "Téléphone", {'label_attr': {'class': 'control-label'}}) }}
                {{ form_widget(form_saisie_organisme.tel) }}
            </div>
            <div class="col-auto">
                {{ form_label(form_saisie_organisme.mail, "Mail", {'label_attr': {'class': 'control-label'}}) }}
                {{ form_widget(form_saisie_organisme.mail) }}
            </div>
            <div class="col-auto">
                {{ form_label(form_saisie_organisme.fax, "Fax", {'label_attr': {'class': 'control-label'}}) }}
                {{ form_widget(form_saisie_organisme.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_organisme.coord_conf, {'attr': {'onclick': "return false"}}) }}
                {% else %}
                    {{ form_widget(form_saisie_organisme.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_organisme.type, "Type*", {'label_attr': {'class': 'control-label'}}) }}
                {{ form_widget(form_saisie_organisme.type, {'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_organisme.domaine, "Domaine*", {'label_attr': {'class': 'control-label'}}) }}
                {{ form_widget(form_saisie_organisme.domaine, {'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_organisme.commentaire, "Commentaire", {'label_attr': {'class': 'control-label'}}) }}
                {{ form_widget(form_saisie_organisme.commentaire) }}
            </div>
        </div>
        <div class="row justify-content-between mt-3">
            <div class="col-auto">
                {{ form_widget(form_saisie_organisme.pref_contact) }}
            </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 à cet organisme</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_organisme.apps, "Application(s) utilisée(s) par cet organisme", {'label_attr': {'class': 'control-label'}}) }}
                {{ form_widget(form_saisie_organisme.apps, {'attr': {'class': 'form-control selectpicker', 'data-style': 'btn-default'}}) }}
            </div>
        </div>
    </div>
</div>
{% if not id_org %}
    <div class="alert alert-warning" role="alert">
        Vous devez d'abord valider l'organisme avant d'ajouter des services ou des commissions
    </div>
    {#<button id="btn-service" class="btn btn-outline-primary disabled mb-3">Service(s)</button>
    <button id="btn-comm" class="btn btn-outline-primary disabled mb-3">Commission(s)</button>#}
{% else %}
    <button id="btn-service" class="btn btn-outline-primary mb-3">Service(s)</button>
    <button id="btn-comm" class="btn btn-outline-primary mb-3">Commission(s)</button>
{% endif %}

<div class="modal fade" id="modal-add-representant" tabindex="-1">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Ajout d'un représentant légal (création de personne)</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <div style="white-space: pre-line" class="alert alert-warning" role="alert">L'ajout d'un représentant créé automatiquement la personne en tant que nouveau contact. Si la personne est déjà existante, utilisez la fonction d'association.
                </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_organisme.civ, "Civilité", {'label_attr': {'class': 'control-label'}}) }}
                                {{ form_widget(form_saisie_organisme.civ, {'attr': {'class': 'form-control selectpicker', 'data-style': 'btn-default'}}) }}
                            </div>
                            <div class="col-auto">
                                {{ form_label(form_saisie_organisme.nom, "Nom", {'label_attr': {'class': 'control-label'}}) }}
                                {{ form_widget(form_saisie_organisme.nom) }}
                            </div>
                            <div class="col-auto">
                                {{ form_label(form_saisie_organisme.prenom, "Prénom", {'label_attr': {'class': 'control-label'}}) }}
                                {{ form_widget(form_saisie_organisme.prenom) }}
                            </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_organisme.tel_pro, "Tel. pro.", {'label_attr': {'class': 'control-label'}}) }}
                                {{ form_widget(form_saisie_organisme.tel_pro) }}
                            </div>
                            <div class="col-auto">
                                {{ form_label(form_saisie_organisme.mail_pro, "Mail pro.", {'label_attr': {'class': 'control-label'}}) }}
                                {{ form_widget(form_saisie_organisme.mail_pro) }}
                            </div>
                            <div class="col-auto">
                                {{ form_label(form_saisie_organisme.statut_representant, "Statut", {'label_attr': {'class': 'control-label'}}) }}
                                {{ form_widget(form_saisie_organisme.statut_representant, {'attr': {'class': 'form-control selectpicker', 'data-style': 'btn-default', 'data-live-search': 'true', 'data-size': '6'}}) }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Valider</button>
            </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_organisme.dep, "Département", {'label_attr': {'class': 'control-label'}}) }}
                                {{ form_widget(form_saisie_organisme.dep, {'attr': {'class': 'form-control selectpicker', 'data-style': 'btn-default'}}) }}
                            </div>
                            {% if not id_org %}
                                <div class="col-auto" style="display:none">
                                    {{ form_label(form_saisie_organisme.ensembles, "Ensemble", {'label_attr': {'class': 'control-label'}}) }}
                                    {{ form_widget(form_saisie_organisme.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_organisme.sites, "Site(s)", {'label_attr': {'class': 'control-label'}}) }}
                                    {{ form_widget(form_saisie_organisme.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_organisme.ensembles, "Ensemble", {'label_attr': {'class': 'control-label'}}) }}
                                    {{ form_widget(form_saisie_organisme.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_organisme.sites, "Site(s)", {'label_attr': {'class': 'control-label'}}) }}
                                    {{ form_widget(form_saisie_organisme.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_organisme.type_lien, "Type de lien avec les sites choisis", {'label_attr': {'class': 'control-label'}}) }}
                                {{ form_widget(form_saisie_organisme.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-org" class="btn btn-primary" data-bs-dismiss="modal">Valider</button>
            </div>
        </div>
    </div>
</div>

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

<div class="modal fade" id="modal-list-services" tabindex="-1">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Ajout d'un service</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <legend>Liste des services<button id="btn-add-service" type="button" class="btn btn-primary ms-2">Ajouter un service</button></legend>
                <table id="table-list-services" 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>
    </div>
</div>

{{ form_start(form_saisie_service, {'attr': {'class': 'form-horizontal', 'id': 'form_saisie_service'}}) }}
<div class="modal fade" id="modal-add-service" tabindex="-1">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Ajout/modif d'un service</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_service.intitule, "Intitulé", {'label_attr': {'class': 'control-label'}}) }}
                                {{ form_widget(form_saisie_service.intitule) }}
                            </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_service.num, "Numéro", {'label_attr': {'class': 'control-label'}}) }}
                                {{ form_widget(form_saisie_service.num) }}
                            </div>
                            <div class="col-auto">
                                {{ form_label(form_saisie_service.rue, "Rue", {'label_attr': {'class': 'control-label'}}) }}
                                {{ form_widget(form_saisie_service.rue) }}
                            </div>
                            <div class="col-auto">
                                {{ form_label(form_saisie_service.cp, "Code postal", {'label_attr': {'class': 'control-label'}}) }}
                                {{ form_widget(form_saisie_service.cp) }}
                            </div>
                            <div class="col-auto">
                                {{ form_label(form_saisie_service.ville, "Ville", {'label_attr': {'class': 'control-label'}}) }}
                                {{ form_widget(form_saisie_service.ville) }}
                            </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_service.tel, "Tél.", {'label_attr': {'class': 'control-label'}}) }}
                                {{ form_widget(form_saisie_service.tel) }}
                            </div>
                            <div class="col-auto">
                                {{ form_label(form_saisie_service.mail, "Mail", {'label_attr': {'class': 'control-label'}}) }}
                                {{ form_widget(form_saisie_service.mail) }}
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-auto">
                    {{ form_widget(form_saisie_service.ajouter, {'attr': {'class': 'btn-primary mb-2'}}) }}
                </div>
            </div>
        </div>
    </div>
</div>
{{ form_end(form_saisie_service) }}

<div class="modal fade" id="modal-list-comm" tabindex="-1">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Ajout d'une commission</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <legend>Liste des commission<button id="btn-add-comm" type="button" class="btn btn-primary ms-2">Ajouter une commission</button></legend>
                <table id="table-list-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>
    </div>
</div>

{{ form_start(form_saisie_comm, {'attr': {'class': 'form-horizontal', 'id': 'form_saisie_comm'}}) }}
<div class="modal fade" id="modal-add-comm" tabindex="-1">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Ajout/modif d'une commission</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_comm.intitule, "Intitulé", {'label_attr': {'class': 'control-label'}}) }}
                                {{ form_widget(form_saisie_comm.intitule) }}
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-auto">
                    {{ form_widget(form_saisie_comm.ajouter, {'attr': {'class': 'btn-primary mb-2'}}) }}
                </div>
            </div>
        </div>
    </div>
</div>
{{ form_end(form_saisie_comm) }}

<script>
var id_org = {{ id_org|json_encode|raw }};
</script>
{% endblock %}