{% import 'macros/links.html' as links %}
{% macro header_row(oob=False) %}
  {% call links.menu_row(id='social-lite-row', oob=oob) %}
    <div class="w-full flex flex-row items-center gap-2 flex-wrap">
      {% if actor %}
        <nav class="flex gap-3 text-sm items-center flex-wrap">
          <a href="{{ url_for('ap_social.search') }}"
             class="px-2 py-1 rounded hover:bg-stone-200 {% if request.path == url_for('ap_social.search') %}font-bold{% endif %}">
            Search
          </a>
          <a href="{{ url_for('ap_social.following_list') }}"
             class="px-2 py-1 rounded hover:bg-stone-200 {% if request.path == url_for('ap_social.following_list') %}font-bold{% endif %}">
            Following
          </a>
          <a href="{{ url_for('ap_social.followers_list') }}"
             class="px-2 py-1 rounded hover:bg-stone-200 {% if request.path == url_for('ap_social.followers_list') %}font-bold{% endif %}">
            Followers
          </a>
          <a href="{{ url_for('activitypub.actor_profile', username=actor.preferred_username) }}"
             class="px-2 py-1 rounded hover:bg-stone-200">
            @{{ actor.preferred_username }}
          </a>
          <a href="{{ federation_url('/social/') }}"
             class="px-2 py-1 rounded hover:bg-stone-200 text-stone-500">
            Hub
          </a>
        </nav>
      {% else %}
        <nav class="flex gap-3 text-sm items-center">
          <a href="{{ url_for('ap_social.search') }}"
             class="px-2 py-1 rounded hover:bg-stone-200 {% if request.path == url_for('ap_social.search') %}font-bold{% endif %}">
            Search
          </a>
          <a href="{{ federation_url('/social/') }}"
             class="px-2 py-1 rounded hover:bg-stone-200 text-stone-500">
            Hub
          </a>
        </nav>
      {% endif %}
    </div>
  {% endcall %}
{% endmacro %}
