{% load i18n madga_studio_tags %}
<table class="madga-table">
  <thead>
    <tr>
      <th class="col-check"><input type="checkbox" data-madga-select-all form="post-bulk-form"></th>
      <th>Título</th>
      <th>{% trans "Estado" %}</th>
      <th>{% trans "Categoría" %}</th>
      <th>Autor</th>
      <th>Fecha</th>
      <th style="text-align:right;">Vistas</th>
      <th class="col-actions"></th>
    </tr>
  </thead>
  <tbody>
    {% for post in posts %}
    <tr>
      <td class="col-check"><input type="checkbox" name="ids" value="{{ post.pk }}" form="post-bulk-form"></td>
      <td>
        <div class="madga-post-cell">
          <div class="madga-post-thumb"></div>
          <div class="madga-post-title-stack">
            <a href="{% url 'madga_studio:post_edit' pk=post.pk %}" class="madga-post-title" style="text-decoration:none;">{{ post.title|default:"Sin título" }}</a>
            <div class="madga-post-slug">/{{ post.slug }}</div>
          </div>
        </div>
      </td>
      <td>{% studio_badge post.status post.get_status_display %}</td>
      <td>{{ post.category.name|default:"—" }}</td>
      <td>{{ post.author.username|default:"—" }}</td>
      <td>{{ post.published_at|date:"M j, Y"|default:post.updated_at|date:"M j, Y" }}</td>
      <td style="text-align:right; font-variant-numeric:tabular-nums;">{{ post.views }}</td>
      <td class="col-actions">
        <div style="display:flex; gap:4px; justify-content:flex-end;">
          {% if post.slug %}
            <a href="{% url 'madga_studio:post_preview' pk=post.pk %}" target="_blank" class="madga-btn madga-btn--ghost madga-btn--sm" title="Preview">{% studio_icon "eye" size=14 stroke=2 %}</a>
          {% endif %}
          <a href="{% url 'madga_studio:post_edit' pk=post.pk %}" class="madga-btn madga-btn--ghost madga-btn--sm">{% trans "Editar" %}</a>
        </div>
      </td>
    </tr>
    {% empty %}
    <tr><td colspan="8">{% studio_empty title="Sin posts en esta vista" message="Crea el primero." action_label="Nuevo post" action_href="/studio/posts/new/" %}</td></tr>
    {% endfor %}
  </tbody>
</table>