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

{% block title %}Mon Site Demo- Profile{% endblock %}

{% block body %}
{% include "nav.html.twig" %}

 <!-- ***** Menu Area Starts ***** -->
<!-- ***** Profile Section Starts ***** -->
<section class="section" id="offers">
    <div class="container">
        {{ include('flash.html.twig') }}
        
        <!-- Section Heading -->
        <div class="row">
            <div class="col-lg-8 offset-lg-2 text-center">
                <div class="section-heading">
                    <h6 class="text-uppercase">Profile</h6>
                    <h2 class="font-weight-bold">
                        Bonjour, {{ app.user.firstName|default('Prénom') }} {{ app.user.lastName|default('Nom') }}
                    </h2>
                </div>
            </div>
        </div>
        
        <!-- Profile Actions -->
        <div class="row justify-content-center mb-4">
            <div class="col-lg-8 text-center">
                <a href="{{ path('app_user_edit', { id: app.user.id }) }}" 
                   class="btn btn-dark btn-sm m-2" role="button" tabindex="-1">
                   Modifier
                </a>
                <a href="{{ path('app_user_reset_password', { id: app.user.id }) }}" 
                   class="btn btn-dark btn-sm m-2" role="button" tabindex="-1">
                   Modifier Mot de passe
                </a>
                <a href="#" class="btn btn-danger btn-sm m-2" role="button" tabindex="-1">
                   Supprimer le Compte
                </a>
            </div>
        </div>
        
        <!-- Profile Information -->
        <div class="row align-items-center">
            <!-- Profile Image -->
            <div class="col-lg-6 text-center mb-4 mb-lg-0">
                {% if (app.user.title is same as 'Mme' or app.user.title is same as 'Mlle') and app.user.imageName is null %}
                    <img src="{{ asset('assets/images/avatar_female.png') }}" 
                         alt="avatar_female" 
                         class="img-fluid rounded-circle w-50 shadow">
                {% elseif (app.user.title is same as 'M' or app.user.title is null) and app.user.imageName is null %}
                    <img src="{{ asset('assets/images/avatar_male.png') }}" 
                         alt="avatar_male" 
                         class="img-fluid rounded-circle w-50 shadow">
                {% else %}
                    <img src="{{ vich_uploader_asset(app.user) }}" 
                         alt="{{ app.user.lastName }}" 
                         class="img-fluid rounded-circle w-50 shadow">
                {% endif %}
            </div>
            
            <!-- Profile Details -->
            <div class="col-lg-6">
                <h4 class="font-weight-bold">Pseudo: {{ app.user.pseudo }}</h4>
                <p class="font-italic text-muted">Date de création: {{ app.user.createdAt|date('d/m/Y') }}</p>
                <br>
                <p class="font-weight-bold">Adresse:</p>
                <p>
                    {{ app.user.address }}<br>
                    {{ app.user.city }}<br>
                    {{ app.user.zipCode }}
                </p>
                <p><strong>Téléphone:</strong> {{ app.user.telephone }}</p>
                <p><strong>E-mail:</strong> {{ app.user.email }}</p>
            </div>
        </div>
    </div>
</section>
<!-- ***** Profile Section Ends ***** -->

{% include "footer.html.twig" %}
{% endblock %}