{% extends "index.html" %}

{% extends "index.html" %}

{% block style %}
    {{ super() }}
    <link rel="stylesheet" href='{% static "css/inscription/inscription.css" %}'>
    <link rel="stylesheet" href='{% static "css/inscription/inscription-label.css" %}'>
{% endblock %}

<div class="content">
    {% block content %}
    {% block messages %}
    {% messages %}
    {% endblock %}
    <div class="content">
        {% if title %}
            <h1>{{ title }}</h1>
        {% endif %}

        <!-- Formulaire de recherche d'utilisateur -->
        <div class="form-container">
            <h2>Rechercher un utilisateur</h2>

            <form id="username-form" method="post">
                {% form.user %}
                <button type="submit">Rechercher</button>
            </form>
        </div>

        <!-- Affichage des informations de l'utilisateur -->
        <div class="form-container">
            {% if username or email or age %}
            <div class="result-card">
                <h3>Informations Utilisateur</h3>

                <div class="result-line">
                    <span class="result-label">Utilisateur :</span>
                    <span class="result-value">{{ username }}</span>
                </div>

                {% if email %}
                <div class="result-line">
                    <span class="result-label">Email :</span>
                    <span class="result-value">{{ email }}</span>
                </div>
                {% endif %}

                {% if age %}
                <div class="result-line">
                    <span class="result-label">Âge :</span>
                    <span class="result-value">{{ age }} ans</span>
                </div>
                {% endif %}
            </div>
    {% endif %}
        </div>
    </div>
</div>

{% endblock %}
{% block footer %}
    <a href={% link "index" %}>Revenir à l'accueil</a>
    <p>&copy; 2025 My Web Application</p>
{% endblock %}
                {% endif %}
            </div>
    {% endif %}
        </div>
    </div>
</div>

{% endblock %}
{% block footer %}
    <a href={% link "index" %}>Revenir à l'accueil</a>
    <p>&copy; 2025 My Web Application</p>
{% endblock %}