{% extends 'base.html' %}
{% block title %}{{ title }}{% endblock %}
{% block content %}
<div class="row">
  <div class="col-lg-8">
    <div class="card shadow">
      <div class="card-header bg-primary text-white"><h5 class="mb-0">{{ title }}</h5></div>
      <div class="card-body">
        <form method="post">{% csrf_token %}
          <div class="mb-3">
            <label class="form-label" for="{{ form.destinataer.id_for_label }}">{{ form.destinataer.label }}</label>
            {{ form.destinataer }}
          </div>
          <div class="mb-3">
            <label class="form-label" for="{{ form.konto.id_for_label }}">{{ form.konto.label }}</label>
            {{ form.konto }}
          </div>
          <div class="row">
            <div class="col-md-4 mb-3">
              <label class="form-label" for="{{ form.betrag.id_for_label }}">{{ form.betrag.label }}</label>
              {{ form.betrag }}
            </div>
            <div class="col-md-4 mb-3">
              <label class="form-label" for="{{ form.faellig_am.id_for_label }}">{{ form.faellig_am.label }}</label>
              {{ form.faellig_am }}
            </div>
            <div class="col-md-4 mb-3">
              <label class="form-label" for="{{ form.status.id_for_label }}">{{ form.status.label }}</label>
              {{ form.status }}
            </div>
          </div>
          <div class="mb-3">
            <label class="form-label" for="{{ form.beschreibung.id_for_label }}">{{ form.beschreibung.label }}</label>
            {{ form.beschreibung }}
          </div>
          <div class="d-flex justify-content-between">
            <a href="{% url 'stiftung:unterstuetzungen_list' %}" class="btn btn-outline-secondary">Abbrechen</a>
            <button class="btn btn-primary" type="submit">Speichern</button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
{% endblock %}