{% extends "porto-corporate-layout.html.twig" %}

{% block stylesheets %}
    {{ parent() }}
    {{ encore_entry_link_tags('utilisateur-maj-style') }}
{% endblock %}


{% block pageheader %}
    {{ parent() }}
{% endblock %}

{% block container_class %} container py-2 {% endblock %}

{% block pagecontent %}

    <div class="row justify-content-center">

        <div class="col-lg-12">

            <div class="row">
                <div class="col-md-12">
                    {% for flashMessage in app.session.flashbag.get('error') %}
                        <div class="alert alert-danger alert-dismissible" >
                            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                            {{ flashMessage|raw }}
                        </div>
                    {% endfor %}
                    {% for flashMessage in app.session.flashbag.get('notice') %}
                        <div class="alert alert-success alert-dismissible" >
                            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                            {{ flashMessage|raw }}
                        </div>
                    {% endfor %}
                </div>
            </div>

            {{ form_start(form, {'attr': {'role': 'form', 'id': 'utilisateurForm'}}) }}

            {{ form_errors(form) }}

            <div class="card">
                <div class="card-header py-1 color-client" data-card-body-id="card-body-maj-utilisateur">
                    <h4>
                        {% if userId == 0 %}
                            {{'Nouvel utilisateur'|trans}}
                        {% else %}
                            {{'Modification utilisateur'|trans}} {{utilisateur.prenom}} {{utilisateur.nom}}
                        {% endif %}
                    </h4>
                </div>
                <div class="card-body card-body-integration" id="card-body-maj-utilisateur" style="display: none;">

                    <div class="row">
                        <div class="col-md-6">

                            <div class="form-group row">
                                <label class="col-lg-4 font-weight-bold text-dark col-form-label form-control-label text-2">{{ form_label(form.type) }}</label>
                                <div class="col-lg-8">{{ form_widget(form.type) }}</div>
                                <span class="help-block"></span>
                                {{ form_errors(form.type) }}
                            </div>

                            <div class="form-group row">
                                <label class="col-lg-4 font-weight-bold text-dark col-form-label form-control-label text-2">{{ form_label(form.enabled) }}</label>
                                <div class="col-lg-1">{{ form_widget(form.enabled) }}</div>
                                <span class="help-block"></span>
                                {{ form_errors(form.enabled) }}
                            </div>

                            <div class="form-group row row-show-id-o2s">
                                <label class="col-lg-4 font-weight-bold text-dark col-form-label form-control-label text-2">
                                    {{ form_label(form.o2sId) }}
                                    <i class="fas fa-cloud liste-utilisateurs-o2s color-client ms-2" role="button"></i>
                                </label>
                                <div class="col-lg-8">{{ form_widget(form.o2sId) }}</div>
                                <span class="help-block"></span>
                                {{ form_errors(form.o2sId) }}
                            </div>

                            <div class="form-group row">
                                <label class="col-lg-4 font-weight-bold text-dark col-form-label form-control-label text-2">{{ form_label(form.civilite) }}</label>
                                <div class="col-lg-8">{{ form_widget(form.civilite) }}</div>
                                <span class="help-block"></span>
                                {{ form_errors(form.civilite) }}
                            </div>

                            <div class="form-group row">
                                <label class="col-lg-4 font-weight-bold text-dark col-form-label form-control-label text-2">{{ form_label(form.prenom) }}</label>
                                <div class="col-lg-8">{{ form_widget(form.prenom) }}</div>
                                <span class="help-block"></span>
                                {{ form_errors(form.prenom) }}
                            </div>

                            <div class="form-group row">
                                <label class="col-lg-4 font-weight-bold text-dark col-form-label form-control-label text-2">{{ form_label(form.nom) }}</label>
                                <div class="col-lg-8">{{ form_widget(form.nom) }}</div>
                                <span class="help-block"></span>
                                {{ form_errors(form.nom) }}
                            </div>

                        </div>
                        <div class="col-md-6">

                            <div class="form-group row">
                                <div class="col-lg-1"></div>
                                <label class="col-lg-1 font-weight-bold text-dark col-form-label form-control-label text-2">{{ form_label(form.notes) }}</label>
                                <div class="col-lg-10">{{ form_widget(form.notes) }}</div>
                                <span class="help-block"></span>
                                {{ form_errors(form.notes) }}
                            </div>

                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-12">

                            <div class="form-group row row-hide-client" id ="form-group-univers-par-defaut">
                                <label class="col-lg-2 font-weight-bold text-dark col-form-label form-control-label text-2">{{ form_label(form.universParDefaut) }}</label>
                                <div class="col-lg-4">{{ form_widget(form.universParDefaut) }}</div>
                                <span class="help-block"></span>
                                {{ form_errors(form.universParDefaut) }}
                            </div>

                            {# 2025-11 : informations O2S uniquement
                            <div class="form-group row row-hide-client">
                                <label class="col-lg-2 font-weight-bold text-dark col-form-label form-control-label text-2">{{ form_label(form.adresse) }}</label>
                                <div class="col-lg-6">{{ form_widget(form.adresse) }}</div>
                                <span class="help-block"></span>
                                {{ form_errors(form.adresse) }}
                            </div>

                            <div class="form-group row row-hide-client">
                                <label class="col-lg-2 font-weight-bold text-dark col-form-label form-control-label text-2">{{ form_label(form.complementAdresse) }}</label>
                                <div class="col-lg-6">{{ form_widget(form.complementAdresse) }}</div>
                                <span class="help-block"></span>
                                {{ form_errors(form.complementAdresse) }}
                            </div>

                            <div class="form-group row row-hide-client">
                                <label class="col-lg-2 font-weight-bold text-dark col-form-label form-control-label text-2">{{ form_label(form.codePostal) }}</label>
                                <div class="col-lg-2">{{ form_widget(form.codePostal) }}</div>
                                <span class="help-block"></span>
                                {{ form_errors(form.codePostal) }}
                            </div>

                            <div class="form-group row row-hide-client">
                                <label class="col-lg-2 font-weight-bold text-dark col-form-label form-control-label text-2">{{ form_label(form.ville) }}</label>
                                <div class="col-lg-4">{{ form_widget(form.ville) }}</div>
                                <span class="help-block"></span>
                                {{ form_errors(form.ville) }}
                            </div>

                            <div class="form-group row row-hide-client">
                                <label class="col-lg-2 font-weight-bold text-dark col-form-label form-control-label text-2">{{ form_label(form.pays) }}</label>
                                <div class="col-lg-4">{{ form_widget(form.pays) }}</div>
                                <span class="help-block"></span>
                                {{ form_errors(form.pays) }}
                            </div>
                            #}

                            <div class="form-group row">
                                <label class="col-lg-2 font-weight-bold text-dark col-form-label form-control-label text-2">{{ form_label(form.email) }}</label>
                                <div class="col-lg-4">
                                    <div class="input-group">
                                        <span class="input-group-text" id="basic-addon1">@</span>
                                        {{ form_widget(form.email) }}
                                    </div>
                                </div>
                                <span class="help-block"></span>
                                {{ form_errors(form.email) }}
                            </div>

                            <div class="form-group row mb-0">
                                <label class="col-lg-2 font-weight-bold color-client col-form-label form-control-label text-2">{{'Téléphone portable'|trans}}</label>
                                <div class="col-lg-4">
                                    <div class="input-group">
                                        <span class="input-group-text" id="basic-addon1"><i class="fas fa-phone"></i></span>
                                        {{ form_widget(form.telephone) }}
                                    </div>
                                </div>
                                <div class="col-lg-6 color-red">
                                    {{ form_errors(form.telephone) }}
                                </div>
                            </div>

                            <div class="row mb-3">
                                <div class="col-lg-10 offset-md-2">
                                    <div class="fst-italic">
                                        {{'Norme e.164, exemple pour un n° français : +33612345678'|trans}}<br />
                                        <i class="fas fa-exclamation-triangle color-red me-1"></i>
                                        {{'Le n° de téléphone est utilisé pour la vérification par sms lors de la signature électronique (envoi d\'un code à saisir)'|trans}}.
                                        {{'S\'il n\'est pas renseigné, l\'envoi du code se fait par mail'|trans}}.
                                    </div>
                                </div>
                            </div>

                            <div class="form-group row row-show-client mb-0">
                                <label class="col-lg-2 font-weight-bold color-client col-form-label form-control-label text-2">{{'Conjoint'|trans}}</label>
                                <div class="col-lg-5">
                                    {{ form_widget(form.prenomNomConjoint) }}
                                </div>
                                <div class="col-lg-5 color-red">
                                    {{ form_errors(form.prenomNomConjoint) }}
                                </div>
                            </div>

                            <div class="row row-show-client">
                                <div class="col-lg-10 offset-md-2">
                                    <div class="fst-italic">
                                        {{'Le nom du conjoint pourra être utilisé en cas de signature par M. et Mme (saisir prénom puis nom)'|trans}}<br />
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="col-md-6">

                        </div>
                    </div>

                </div>
            </div>

            <div class="row">
                <div class="col-md-12">
                   <div class="form-action">
                        {{ form_widget(form.valider) }}
                        <a
                            class="btn btn-client-primary-inverse"
                            onClick="return annulerButtonClick();"
                            href="{{path('attitudepatrimoine_utilisateurs_liste')}}"
                        >{{'Annuler'|trans}}</a>
                   </div>
                </div>
                <div class="col-md-2">
                </div>
            </div>

            {{ form_end(form) }}

        </div>
    </div>

{% endblock %}

{% block javascript %}

    {{ parent() }}

    <script>

        let utilisateurId = {{userId}};

        let typesUtilisateurAvecIdO2s = [
            "{{constant('App\\Entity\\User::USER_TYPE_ADMIN')}}",
            "{{constant('App\\Entity\\User::USER_TYPE_DIRECTION')}}",
            "{{constant('App\\Entity\\User::USER_TYPE_GESTIONNAIRE')}}",
            "{{constant('App\\Entity\\User::USER_TYPE_CONSEILLER')}}",
        ];

        $(document).ready(function() {
            $("#utilisateur_type").trigger("change");
        });

    </script>

    {{ encore_entry_script_tags('utilisateur-maj-script') }}


{% endblock %}