{% extends "_types/social/index.html" %}
{% block title %}@{{ actor.preferred_username }} — Rose Ash{% endblock %}
{% block social_content %}
<div class="py-8">
  <div class="bg-white rounded-lg shadow p-6 mb-6">
    <h1 class="text-2xl font-bold">{{ actor.display_name or actor.preferred_username }}</h1>
    <p class="text-stone-500">@{{ actor.preferred_username }}@{{ config.get('ap_domain', 'rose-ash.com') }}</p>
    {% if actor.summary %}
      <p class="mt-2">{{ actor.summary }}</p>
    {% endif %}
  </div>

  <h2 class="text-xl font-bold mb-4">Activities ({{ total }})</h2>
  {% if activities %}
    <div class="space-y-4">
      {% for a in activities %}
        <div class="bg-white rounded-lg shadow p-4">
          <div class="flex justify-between items-start">
            <span class="font-medium">{{ a.activity_type }}</span>
            <span class="text-sm text-stone-400">{{ a.published.strftime('%Y-%m-%d %H:%M') if a.published }}</span>
          </div>
          {% if a.object_type %}
            <span class="text-sm text-stone-500">{{ a.object_type }}</span>
          {% endif %}
        </div>
      {% endfor %}
    </div>
  {% else %}
    <p class="text-stone-500">No activities yet.</p>
  {% endif %}
</div>
{% endblock %}
