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

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

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

{% block pagecontent %}

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

        {% if app.user %}

            <div class="col-lg-3 mt-4 mt-lg-0">
            
                {% set lienActif = 'mon-compte' %}
                {% include "utilisateur/mon-compte-menu-gauche.include.html.twig" %}
            
            </div>

        {% endif %}

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

            <div class="overflow-hidden mb-1">
                <h2 class="font-weight-normal text-7 mb-0">{{'Mes informations personnelles'|trans}}</h2>
            </div>

            <div class="overflow-hidden mb-4 pb-3">
                <p class="mb-0">
                    {% if app.user %}
                        {{'Merci de maintenir à jour ces informations'|trans}}
                    {% else %}
                        {{'Merci de renseigner les informations ci-dessous'|trans}}
                    {% endif %}
                </p>
            </div>

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

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

            {{ form_errors(form) }}

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

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

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

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

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

            {{ form_end(form) }}

        </div>
    </div>

{% endblock %}

{% block javascript %}

    {{ parent() }}

    <script>

        $(document).ready(function() {
        });

    </script>

{% endblock %}