{# Row d'un lecteur suggéré à suivre, dans la sidebar home.

   Args :
     - user : User suggéré (déjà filtré : pas le current, pas déjà suivi)

   Pattern conversationnel léger : avatar + nom + handle à gauche,
   bouton Suivre à droite. Border-bottom subtil entre rows.
#}
{% set su_avatar = user_avatar(user) %}
<li class="suggested-user">
    <a class="suggested-user__info" href="{{ path('app_profile_show', { handle: user.username }) }}">
        {% if su_avatar %}
            <img class="suggested-user__avatar" src="{{ su_avatar }}" alt="" width="32" height="32" loading="lazy">
        {% else %}
            <span class="suggested-user__avatar suggested-user__avatar--placeholder" aria-hidden="true">
                {{ (user.displayName ?: user.username)|first|upper }}
            </span>
        {% endif %}
        <span class="suggested-user__name">
            <strong>{{ user.displayName ?: user.username }}</strong>
            <span class="suggested-user__handle">@{{ user.username }}</span>
        </span>
    </a>
    <form method="post"
          action="{{ path('app_follow_create', { handle: user.username }) }}"
          data-turbo="false"
          class="suggested-user__form">
        <input type="hidden" name="_token" value="{{ csrf_token('follow-' ~ user.username) }}">
        <button type="submit" class="btn btn--secondary btn--compact suggested-user__btn">Suivre</button>
    </form>
</li>