{% extends 'layout.html' %}
{% block content %}
    <section class="profile-section">
        {% block profile-nav %}
            {% include "../partials/_profile_nav.html" %}
        {% endblock %}
        <div class="profile-details">
            <p><strong>Username:</strong> {{ user.username }}</p>
            <p><strong>Email:</strong> {{ user.email }}</p>
            <p><strong>Nom complet:</strong> {{ user.profile.first_name }} {{ user.profile.last_name }}</p>
            <p><strong>Inscription:</strong> {{ user.date_joined|date:"F j, Y" }}</p>
            <p><strong>Bio:</strong> {{ user.profile.biography }}</p>
        </div>
        <div class="profile-actions">
            <a href="{% url 'profile_update' %}" class="btn btn-primary">Modifier le profil publique</a><br><br>
        </div>
    </section>
{% endblock %}