{% extends "base.html" %}
{% block title %}Categorias{% endblock %}
{% block content %}

<div class="page-head">
  <div>
    <h2>Categorias</h2>
    <p class="muted">{{ rows | length }} categoria(s)</p>
  </div>
  <a href="/categorias/new" class="btn btn-primary btn-sm">+ Nova</a>
</div>

<section class="card">
  {% if rows %}
  <div class="table-scroll">
    <table class="table">
      <thead>
        <tr><th>Categoria</th><th>Palavra-chave</th><th class="r">Ações</th></tr>
      </thead>
      <tbody>
        {% for c in rows %}
        <tr>
          <td>{{ c.categoria }}</td>
          <td class="muted small">{{ c.palavra_chave }}</td>
          <td class="r nowrap">
            <a href="/categorias/{{ c.id }}/edit" class="link">Editar</a>
            {% if c.id != reserved_id %}
            <form method="post" action="/categorias/{{ c.id }}/delete" class="inline"
                  onsubmit="return confirm('Excluir esta categoria?');">
              <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
              <button type="submit" class="linkbtn danger">Excluir</button>
            </form>
            {% endif %}
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
  {% else %}
  <p class="muted">Nenhuma categoria cadastrada. <a href="/categorias/new" class="link">Criar a primeira</a>.</p>
  {% endif %}
</section>

{% endblock %}