{% extends 'layout.html' %}
{% block content %}
    <section class="profile-section">
        {% include "../partials/_profile_nav.html" %}

        <div class="profile-content">
            <div class="profile-grid">
                <div class="profile-card">
                    <h3>Paramètres du compte</h3>
                    <form method="post" class="form">
                        {% csrf_token %}
                        {{ user_form.as_p }}
                        <div class="form-actions">
                            <a href="{% url 'profile' %}" class="btn btn-secondary">Annuler</a>
                            <button type="submit" class="btn btn-primary">Enregistrer</button>
                        </div>
                    </form>
                </div>

                <div class="profile-card">
                    <h3>Conseils</h3>
                    <ul class="profile-about-list">
                        <li>Assurez-vous que votre adresse email est valide pour récupérer votre compte.</li>
                        <li>Utilisez un mot de passe unique et robuste (mélange de lettres, chiffres, symboles).</li>
                        <li>Votre nom d’utilisateur est visible publiquement — choisissez-le avec soin.</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
{% endblock %}