<div class="encabezado-seccion">
  <h1><%= def.etiqueta %></h1>
  <a class="btn btn--secundario" href="/admin/e/<%= tipo %>/nuevo">+ Nueva</a>
</div>
<form method="get" class="admin-acciones" action="/admin/e/<%= tipo %>">
  <select name="estado"><option value="">— estado —</option>
    <% ['borrador','revision','publicado','archivado'].forEach(function(s){ %>
      <option value="<%= s %>" <%= filtros.estado === s ? 'selected' : '' %>><%= s %></option><% }) %>
  </select>
  <% if (def.articulacion) { %>
  <select name="articulacion"><option value="">— articulación —</option>
    <% ['cadera','rodilla','hombro','columna','tobillo','codo','atm'].forEach(function(a){ %>
      <option value="<%= a %>" <%= filtros.articulacion === a ? 'selected' : '' %>><%= a %></option><% }) %>
  </select>
  <% } %>
  <button class="btn btn--mini btn--fantasma" type="submit">Filtrar</button>
</form>
<div class="admin-panel u-mt-16">
<table class="admin-tabla">
  <thead><tr><th>ID</th><th>Nombre</th><th>Slug</th><th>Estado</th><th>Demo</th><th>Actualizado</th><th></th></tr></thead>
  <tbody>
  <% filas.forEach(function(f){ %>
    <tr>
      <td><%= f.id %></td><td><%= f.nombre %></td><td><%= f.slug %></td>
      <td><span class="badge badge--<%= f.estado_editorial === 'publicado' ? 'verificado' : 'declarado' %>"><%= f.estado_editorial %></span></td>
      <td><%= f.es_demo ? 'DEMO' : '' %></td>
      <td><%= f.updated_at ? new Date(f.updated_at).toISOString().slice(0,10) : '' %></td>
      <td><a href="/admin/e/<%= tipo %>/<%= f.id %>">Editar</a></td>
    </tr>
  <% }) %>
  <% if (!filas.length) { %><tr><td colspan="7" class="u-texto-suave">Sin resultados.</td></tr><% } %>
  </tbody>
</table>
</div>
