{% 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">Редакторская</h1>
    <div class="text-base-content/60 mt-1">Посты после AI-рерайта: быстрая проверка, правка и принятие.</div>
  </div>
  <div class="tabs tabs-boxed bg-base-200">
    {% 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="badge badge-sm ml-2 {% if st.value in editorial_statuses %}badge-primary{% else %}badge-ghost{% 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 %}