{% extends "_types/social_lite/index.html" %}

{% block title %}Social — Rose Ash{% endblock %}

{% block social_content %}
<h1 class="text-2xl font-bold mb-6">Social</h1>

{% if actor %}
  <div class="space-y-3">
    <a href="{{ url_for('ap_social.search') }}" class="block bg-white rounded-lg shadow-sm border border-stone-200 p-4 hover:bg-stone-50">
      <div class="font-semibold">Search</div>
      <div class="text-sm text-stone-500">Find and follow accounts on the fediverse</div>
    </a>
    <a href="{{ url_for('ap_social.following_list') }}" class="block bg-white rounded-lg shadow-sm border border-stone-200 p-4 hover:bg-stone-50">
      <div class="font-semibold">Following</div>
      <div class="text-sm text-stone-500">Accounts you follow</div>
    </a>
    <a href="{{ url_for('ap_social.followers_list') }}" class="block bg-white rounded-lg shadow-sm border border-stone-200 p-4 hover:bg-stone-50">
      <div class="font-semibold">Followers</div>
      <div class="text-sm text-stone-500">Accounts following you here</div>
    </a>
    <a href="{{ federation_url('/social/') }}" class="block bg-white rounded-lg shadow-sm border border-stone-200 p-4 hover:bg-stone-50">
      <div class="font-semibold">Hub</div>
      <div class="text-sm text-stone-500">Full social experience — timeline, compose, notifications</div>
    </a>
  </div>
{% else %}
  <p class="text-stone-500">
    <a href="{{ url_for('ap_social.search') }}" class="underline">Search</a> for accounts on the fediverse, or visit the
    <a href="{{ federation_url('/social/') }}" class="underline">Hub</a> to get started.
  </p>
{% endif %}
{% endblock %}