{% extends "base.html" %}
{% block title %}Entscheidungsregeln{% endblock %}
{% block content %}
<div class="flex items-center justify-between mb-5">
  <h1 class="page-title">Entscheidungsregeln</h1>
  <a href="{% url 'bibliothek:entscheidungsregel_neu' %}" class="btn-primary">+ Neu</a>
</div>

<div class="card">
  {% if regeln %}
  <table class="w-full text-sm">
    <thead>
      <tr class="text-left border-b border-slate-200">
        <th class="pb-2 font-medium text-slate-600">Regelname</th>
        <th class="pb-2 font-medium text-slate-600">Kategorie</th>
        <th class="pb-2 font-medium text-slate-600">Empfehlung</th>
        <th class="pb-2 font-medium text-slate-600">Aktiv</th>
        <th></th>
      </tr>
    </thead>
    <tbody>
      {% for r in regeln %}
      <tr class="border-b border-slate-100 hover:bg-slate-50">
        <td class="py-2 font-medium">{{ r.regelname }}</td>
        <td class="py-2 text-slate-600">{{ r.get_kategorie_display }}</td>
        <td class="py-2">
          {% if r.empfehlung == 'teilnehmen' %}<span class="badge-green">Teilnehmen</span>
          {% elif r.empfehlung == 'nicht_teilnehmen' %}<span class="badge-red">Nicht teilnehmen</span>
          {% else %}<span class="badge-gray">Prüfen</span>{% endif %}
        </td>
        <td class="py-2" id="er-toggle-{{ r.pk }}">
          <form hx-post="{% url 'bibliothek:er_toggle' pk=r.pk %}"
                hx-target="#er-toggle-{{ r.pk }}"
                hx-swap="innerHTML">
            {% csrf_token %}
            <button type="submit" class="text-sm {% if r.aktiv %}text-green-600{% else %}text-slate-400{% endif %}">
              {% if r.aktiv %}✓ Aktiv{% else %}✗ Inaktiv{% endif %}
            </button>
          </form>
        </td>
        <td class="py-2 text-right">
          <a href="{% url 'bibliothek:entscheidungsregel_bearbeiten' pk=r.pk %}" class="text-slate-400 hover:text-slate-700 text-xs">Bearbeiten</a>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% else %}
  <p class="text-slate-500 text-sm">Noch keine Entscheidungsregeln angelegt.</p>
  {% endif %}
</div>
{% endblock %}