<div class="contenedor prosa">
  <%- include('../partials/breadcrumbs', { items: migas }) %>
  <h1>Mis fichas</h1>
  <% if (ok) { %><div class="aviso-flash aviso-flash--ok">Cambios guardados.</div><% } %>
  <% if (!fichas.length) { %>
  <p>No eres titular de ninguna ficha todavía. Encuentra tu ficha en el portal y pulsa «Reclamar».</p>
  <% } else { %>
  <p class="u-texto-suave">Como titular puedes editar tu presentación. Los datos clínicos, volúmenes y relaciones son siempre editoriales.</p>
  <% fichas.forEach(function(f){ %>
  <div class="card u-mt-16"><h3 style="font-size:17px"><%= f.nombre %> <span class="chip"><%= f.tipo %></span></h3>
    <form method="post" action="/mis-fichas/<%= f.tipo %>/<%= f.id %>">
      <input type="hidden" name="_csrf" value="<%= csrf %>">
      <div class="campo campo--ancho"><label>Presentación (pública)</label>
        <textarea name="resumen_corto" rows="3" maxlength="600"><%= f.resumen_corto %></textarea></div>
      <button class="btn btn--mini btn--secundario" type="submit">Guardar</button>
    </form></div>
  <% }) %>
  <% } %>
</div>
