{% extends "base.html" %}
{% block body %}
<div class="mb-6 flex flex-col md:flex-row justify-between items-start md:items-center gap-4">
  <div>
    <h1 class="text-3xl font-bold tracking-tight text-white flex items-center gap-3">
      <i data-lucide="edit-3" class="text-app-primary w-8 h-8"></i>
      Редакторская
    </h1>
    <div class="text-app-textMuted mt-1 text-sm">Проверка, правка и публикация сгенерированных постов.</div>
  </div>

  <!-- Status Tabs -->
  <div class="tabs p-1">
    {% for st in status_options %}
    <a class="tab {% if st.value in editorial_statuses %}tab-active{% endif %}" href="/editor?editorial_status={{ st.value }}">
      {{ st.label }}
      <span class="ml-2 px-1.5 py-0.5 rounded-full text-xs font-semibold {% if st.value in editorial_statuses %}bg-app-primary/20 text-app-primary{% else %}bg-app-surface text-app-textMuted{% endif %}">
        {{ counts.get(st.value, 0) }}
      </span>
    </a>
    {% endfor %}
  </div>
</div>

<div id="content-area">
  {% include "editor_content.html" %}
</div>

<!-- Modal container for HTMX forms -->
<div id="modal-container"></div>
{% endblock %}