{% extends "base.html" %}
{% block titre %}Catégories - Gestion de stock IT{% endblock %}
{% block contenu %}
<h1>Catégories</h1>

<form method="post" action="/categories" class="formulaire-inline">
  <input type="text" name="nom" placeholder="Nouvelle catégorie (ex: Ordinateurs)" required>
  <button type="submit">Ajouter</button>
</form>

{% for categorie in categories %}
<section class="carte">
  <div class="carte-entete">
    <h2>{{ categorie.nom }}</h2>
    {% if not categorie.sous_categories %}
    <form method="post" action="/categories/{{ categorie.id }}/supprimer">
      <button type="submit" class="bouton-danger">Supprimer</button>
    </form>
    {% endif %}
  </div>

  <ul>
    {% for sous_categorie in categorie.sous_categories %}
    <li>
      {{ sous_categorie.nom }}
      {% if not sous_categorie.materiels %}
      <form method="post" action="/sous-categories/{{ sous_categorie.id }}/supprimer" class="formulaire-inline">
        <button type="submit" class="bouton-danger">Supprimer</button>
      </form>
      {% endif %}
    </li>
    {% endfor %}
  </ul>

  <form method="post" action="/categories/{{ categorie.id }}/sous-categories" class="formulaire-inline">
    <input type="text" name="nom" placeholder="Nouvelle sous-catégorie" required>
    <button type="submit">Ajouter</button>
  </form>
</section>
{% else %}
<p>Aucune catégorie pour l'instant.</p>
{% endfor %}
{% endblock %}