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


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

{% block pageTitle %}
    Mon Profil
{% endblock %}

{% block body %}

<div class="row g-5 g-lg-10">
    <div class="col-xxl-12">

        <div class="card mb-5 mb-xl-10" id="kt_profile_details_view">

            <div class="card-header cursor-pointer">
            
                <div class="card-title m-0">
                    <h3 class="fw-bold m-0">Mon Profil</h3>
                </div>


                <a href="{{ path('app_edit_profil') }}" class="btn btn-sm btn-primary align-self-center">Modifier mon profil</a>   
  
            </div>


            <!--begin::Card body-->
            <div class="card-body p-9">

                <div class="row mb-7">
                    
                    <label class="col-lg-4 fw-semibold text-muted">Civilité</label>
                    
                    <div class="col-lg-8">                    
                        <span class="fw-bold fs-6 text-gray-800">{{ app.user.civilite }}</span>                
                    </div>

                </div>

                <div class="row mb-7">
                    
                    <label class="col-lg-4 fw-semibold text-muted">Nom</label>
                    
                    <div class="col-lg-8">                    
                        <span class="fw-bold fs-6 text-gray-800">{{ app.user.nom|upper }}</span>                
                    </div>

                </div>

                <div class="row mb-7">
                    
                    <label class="col-lg-4 fw-semibold text-muted">Prénom</label>
                    
                    <div class="col-lg-8">                    
                        <span class="fw-bold fs-6 text-gray-800">{{ app.user.prenom|capitalize }}</span>                
                    </div>

                </div>

                <div class="row mb-7">
                    
                    <label class="col-lg-4 fw-semibold text-muted">Email</label>
                    
                    <div class="col-lg-8">                    
                        <span class="fw-bold fs-6 text-gray-800">{{ app.user.email }}</span>                
                    </div>

                </div>


            </div>
   
        </div>
    </div>
</div>


{% endblock %}