{% extends 'base.html' %}
{% block title %}Destinatärunterstützungen - Administration{% endblock %}
{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
  <h1 class="h3"><i class="fas fa-hand-holding-usd me-2"></i>Destinatärunterstützungen</h1>
  <div class="btn-group">
    <a class="btn btn-outline-primary" href="?format=csv"><i class="fas fa-file-csv me-2"></i>CSV exportieren</a>
    <a class="btn btn-outline-danger" href="?format=pdf"><i class="fas fa-file-pdf me-2"></i>PDF exportieren</a>
  </div>
  </div>
<div class="card shadow">
  <div class="card-body">
    <div class="table-responsive">
      <table class="table table-hover">
        <thead class="table-light">
          <tr>
            <th>Destinatär</th>
            <th>Bank</th>
            <th>IBAN</th>
            <th>Betrag</th>
            <th>Konto</th>
            <th>Fällig am</th>
            <th>Status</th>
            <th>Beschreibung</th>
            <th>Aktionen</th>
          </tr>
        </thead>
        <tbody>
          {% for u in unterstuetzungen %}
          <tr>
            <td>{{ u.destinataer.get_full_name }}</td>
            <td>{{ u.konto.bank_name }}</td>
            <td>{{ u.konto.iban }}</td>
            <td>€{{ u.betrag|floatformat:2 }}</td>
            <td>{{ u.konto }}</td>
            <td>{{ u.faellig_am|date:"d.m.Y" }}</td>
            <td><span class="badge bg-secondary">{{ u.get_status_display }}</span></td>
            <td>{{ u.beschreibung }}</td>
            <td>
              <div class="btn-group btn-group-sm" role="group">
                <a href="{% url 'stiftung:unterstuetzung_edit' pk=u.pk %}" class="btn btn-outline-warning"><i class="fas fa-edit"></i></a>
                <a href="{% url 'stiftung:unterstuetzung_delete' pk=u.pk %}" class="btn btn-outline-danger"><i class="fas fa-trash"></i></a>
              </div>
            </td>
          </tr>
          {% empty %}
          <tr><td colspan="6" class="text-center text-muted">Keine Einträge</td></tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
</div>
{% endblock %}