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

{% block title %}{{ 'profile.title'|trans({}, 'dashboard') }} - {{ app.user.fullName }}{% endblock %}

{% block dashboard_content %}
<div class="row">
    <div class="col-lg-8">
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0">
                    <i class="bi bi-person-circle me-2"></i>{{ 'profile.title'|trans({}, 'dashboard') }}
                </h5>
            </div>
            <div class="card-body">
                {{ form_start(form) }}
                
                <div class="row">
                    <div class="col-md-6 mb-3">
                        {{ form_label(form.firstName) }}
                        {{ form_widget(form.firstName) }}
                        {{ form_errors(form.firstName) }}
                    </div>
                    <div class="col-md-6 mb-3">
                        {{ form_label(form.lastName) }}
                        {{ form_widget(form.lastName) }}
                        {{ form_errors(form.lastName) }}
                    </div>
                </div>
                
                <div class="mb-3">
                    {{ form_label(form.email) }}
                    {{ form_widget(form.email) }}
                    {{ form_errors(form.email) }}
                </div>
                
                <div class="mb-3">
                    {{ form_label(form.phone) }}
                    {{ form_widget(form.phone) }}
                    {{ form_errors(form.phone) }}
                </div>
                
                <div class="mb-3">
                    {{ form_label(form.address) }}
                    {{ form_widget(form.address) }}
                    {{ form_errors(form.address) }}
                </div>
                
                <div class="row">
                    <div class="col-md-4 mb-3">
                        {{ form_label(form.postalCode) }}
                        {{ form_widget(form.postalCode) }}
                        {{ form_errors(form.postalCode) }}
                    </div>
                    <div class="col-md-8 mb-3">
                        {{ form_label(form.city) }}
                        {{ form_widget(form.city) }}
                        {{ form_errors(form.city) }}
                    </div>
                </div>
                
                {{ form_rest(form) }}
                
                <div class="d-flex justify-content-end">
                    <button type="submit" class="btn btn-primary">
                        <i class="bi bi-check-circle me-2"></i>Mettre à jour le profil
                    </button>
                </div>
                
                {{ form_end(form) }}
            </div>
        </div>
    </div>
    
    <div class="col-lg-4">
        <div class="card">
            <div class="card-header">
                <h6 class="mb-0">
                    <i class="bi bi-info-circle me-2"></i>Informations du compte
                </h6>
            </div>
            <div class="card-body">
                <p><strong>Membre depuis :</strong><br>
                {{ member.createdAt|date('d/m/Y') }}</p>
                
                <p><strong>Type de compte :</strong><br>
                <span class="badge bg-primary">{{ member.subscriptionPlan.value|title }}</span></p>
                
                <p><strong>Statut :</strong><br>
                {% if member.isVerified %}
                    <span class="badge bg-success">Vérifié</span>
                {% else %}
                    <span class="badge bg-warning">En attente</span>
                {% endif %}</p>
                
                <hr>
                
                <p><strong>Statistiques :</strong></p>
                <ul class="list-unstyled">
                    <li><i class="bi bi-gem me-2"></i>{{ member.items|length }} objet(s)</li>
                    <li><i class="bi bi-eye me-2"></i>{{ member.totalViews ?? 0 }} vue(s)</li>
                </ul>
            </div>
        </div>
    </div>
</div>
{% endblock %}