{% extends "base.html" %}
{% block content %}
<div class="d-flex justify-content-between align-items-center">
  <h4>Catégories</h4>
  <a class="btn btn-primary btn-sm" href="/categories/add/">Ajouter</a>
</div>

<table class="table table-striped mt-3">
  <thead><tr><th>Nom</th><th></th></tr></thead>
  <tbody>
  {% for c in categories %}
    <tr>
      <td>{{ c.name }}</td>
      <td class="text-end">
        <a class="btn btn-outline-secondary btn-sm" href="/categories/{{ c.id }}/rename/">Renommer</a>
      </td>
    </tr>
  {% endfor %}
  </tbody>
</table>
{% endblock %}