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

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

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

<form method="post" action="{{ url_for('social.compose_submit') }}" class="space-y-4">
  <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
  {% if reply_to %}
    <input type="hidden" name="in_reply_to" value="{{ reply_to }}">
    <div class="text-sm text-stone-500">
      Replying to <span class="font-mono">{{ reply_to }}</span>
    </div>
  {% endif %}

  <textarea name="content" rows="6" maxlength="5000" required
    class="w-full border border-stone-300 rounded-lg p-3 focus:outline-none focus:ring-2 focus:ring-stone-500"
    placeholder="What's on your mind?"></textarea>

  <div class="flex items-center justify-between">
    <select name="visibility" class="border border-stone-300 rounded px-3 py-1.5 text-sm">
      <option value="public">Public</option>
      <option value="unlisted">Unlisted</option>
      <option value="followers">Followers only</option>
    </select>

    <button type="submit"
      class="bg-stone-800 text-white px-6 py-2 rounded hover:bg-stone-700">
      Publish
    </button>
  </div>
</form>
{% endblock %}