{% extends "base.html" %}
{% block titre %}Alertes - Gestion de stock IT{% endblock %}
{% block contenu %}
<h1>Destinataires des alertes de stock bas</h1>

<form method="get" action="/destinataires" class="barre-recherche">
  <input type="search" name="q" value="{{ q }}" placeholder="Rechercher un email…">
  {% if q %}<a href="/destinataires" class="lien-effacer">Effacer</a>{% endif %}
</form>

<ul class="liste-resultats">
  {% for destinataire in destinataires %}
  <li>
    <span>{{ destinataire.email }}</span>
    <form method="post" action="/destinataires/{{ destinataire.id }}/supprimer" class="formulaire-inline">
      <button type="submit" class="bouton-danger">Supprimer</button>
    </form>
  </li>
  {% else %}
  <li class="liste-vide">
    {% if q %}Aucun destinataire ne correspond à « {{ q }} ».{% else %}Aucun destinataire configuré : aucune alerte ne sera envoyée.{% endif %}
  </li>
  {% endfor %}
</ul>

<form method="post" action="/destinataires" class="formulaire-inline">
  <input type="email" name="email" placeholder="email@clinique.local" required>
  <button type="submit">Ajouter</button>
</form>
{% endblock %}