{# Card de résultat User dans /search?type=users.

   Args :
     - profile : User cible
     - is_self : bool (true si c'est l'utilisateur connecté)
     - is_following : bool (l'utilisateur courant suit-il déjà profile ?)

   Structure : wrapper <li.result-card> avec lien titre/meta + action (form
   follow) sibling. Évite le HTML invalide form > a > button.
#}
<li class="result-card result-card--user">
    <a href="{{ path('app_profile_show', { handle: profile.username }) }}" class="result-card__link" data-turbo-frame="_top">
        {% set hit_avatar = user_avatar(profile) %}
        {% if hit_avatar %}
            <img class="result-card__cover result-card__cover--round"
                 src="{{ hit_avatar }}"
                 alt=""
                 loading="lazy" width="64" height="64">
        {% else %}
            <div class="result-card__cover result-card__cover--round result-card__cover--placeholder" aria-hidden="true">
                {{ (profile.displayName ?: profile.username)|first|upper }}
            </div>
        {% endif %}

        <div>
            <h2 class="result-card__title">{{ profile.displayName ?: profile.username }}</h2>
            <div class="result-card__meta">@{{ profile.username }}</div>
            {% if profile.bio %}<p class="result-card__bio">{{ profile.bio|slice(0, 120) }}{% if profile.bio|length > 120 %}…{% endif %}</p>{% endif %}
        </div>
    </a>

    {% if not is_self %}
        <div class="result-card__action">
            {% include 'profile/_follow_button.html.twig' with { profile: profile, is_following: is_following } only %}
        </div>
    {% endif %}
</li>