{% extends "base_page.html" %}
{% block content %}

  <!-- Invisible span to definte wich ul and a in the navbar are actived -->
  <span id="nav_actived" style="display: none">project,categories</span>

  <table class="table table-hover">
    <thead>
    <tr>

      <th scope="col" class="col-10">Catégories</th>
      <th scope="col" class="col-1">Modifier</th>
      <th scope="col" class="col-1">Effacer</th>

    </tr>
    </thead>
    <tbody>
    {% for category in categories %}
      <tr>
        <td>{{ category.name }}</td>

        <td><a title="Modifier" href="{{ url_for('main.category_edit', category_id=category.id) }}"><i
            data-feather="edit"></i></a></td>
        <td><a title="Effacer" href="{{ url_for('main.category_delete', category_id=category.id) }}"><i
            data-feather="trash-2"></i></a></td>

      </tr>
    {% endfor %}
    </tbody>
  </table>
{% endblock %}