{% extends 'base.html.twig' %}

{% block title %}Mon Profil{% endblock %}

{% block stylesheets %}

{% endblock %}


{% block body %}
    <div class="content-page">
            <div class="content">
                <!-- Start Content-->
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-12">           
                                <h1>Bienvenue sur votre profil {{user.prenom}} {{user.nom}} </h1>
                       
                                {{ form_start(form) }}
                                {% if not form.vars.valid %}
                                    <ul>
                                        {% for child in form.children %}
                                            {% for error in child.vars.errors %}
                                                <li>{{ error.message }}</li>
                                            {% endfor %}
                                        {% endfor %}
                                    </ul>
                                {% endif %}

                                <div class="mb-3">
                                    {{ form_label(form.email, null, {'label_attr': {'class': 'form-label'}}) }}
                                    {{ form_widget(form.email, {'attr': {'class': 'form-control', 'readonly': 'readonly'}, 'value': user.email }) }}
                                </div>


                                <div class="mb-3">
                                    {{ form_label(form.password, null, {'label_attr': {'class': 'form-label'}}) }}
                                    {{ form_widget(form.password, {'attr': {'class': 'form-control'}, 'empty_data': 'false' }) }}
                                </div>

                                <div class="mb-3">
                                    {{ form_label(form.nom, null, {'label_attr': {'class': 'form-label'}}) }}
                                    {{ form_widget(form.nom, {'attr': {'class': 'form-control', 'readonly': 'readonly'}, 'value': user.nom }) }}
                                </div>

                                <div class="mb-3">
                                    {{ form_label(form.prenom, null, {'label_attr': {'class': 'form-label'}}) }}
                                    {{ form_widget(form.prenom, {'attr': {'class': 'form-control', 'readonly': 'readonly'}, 'value': user.prenom }) }}
                                </div>

                               <div class="mb-3">
                                    {{ form_label(form.entreprise, null, {'label_attr': {'class': 'form-label'}}) }}
                                    {{ form_widget(form.entreprise, {'attr': {'class': 'form-control', 'disabled': 'disabled'}, 'value': user.entreprise.nom }) }}
                                </div>

                                <div class="mb-3">{{ form_label(form.roles, null, {'label_attr': {'class': 'form-label'}}) }}
                                    {{ form_row(form.roles, {'attr': {'style': 'display: none;'}, 'label_attr': {'style': 'display: none;'}}) }}
                                    {% for role, roleValue in {
                                        'Utilisateur': 'ROLE_UTILISATEUR',
                                        'Administrateur': 'ROLE_ADMIN',
                                        'Manager': 'ROLE_MANAGER',
                                        'Collaborateur Bureau': 'ROLE_BUREAU',
                                        'Collaborateur terrain': 'ROLE_TERRAIN'} %}
                                        {% if roleValue in user.roles %}
                                        <li> {{ role }} </li>
                                            <input type="hidden" name="form[roles][]" value="{{ roleValue }}">
                                        {% endif %}
                                    {% endfor %}
                                </div>

                                <div class="mb-3">
                                    {{ form_label(form.sombre, null, {'label_attr': {'class': 'form-label'}}) }}
                                    {{ form_widget(form.sombre, {'attr': {'class': 'form-check-input', 'id': 'sombre'}, 'checked': user.sombre }) }}
                                </div>

                                <div class="col-12 text-center"> 
                                    <button type="submit">Modifier</button>
                                    {{ form_end(form) }}
                          <button class="retour-custom" onclick="retourPage(event);">
                <i class="ri-reply-line font-14"></i> Retour
            </button>
        </div>    
    </div>    
</div>   
</div>
</div>
</div>        
{% endblock %}

{% block javascripts %}
 {{parent()}}
<script>
    // Désactiver le clic sur les champs en lecture seule
    document.addEventListener("DOMContentLoaded", function() {
        var readonlyFields = document.querySelectorAll('[readonly]');
        readonlyFields.forEach(function(field) {
            field.addEventListener('click', function(event) {
                event.preventDefault();
                return false;
            });
        });
    });
</script>
{% endblock %}