{% extends "base/base.html" %}
{% block content %}
<div class="card mb-3">
  <div class="card-body">
    <h5 class="card-title">Rechnung {{ forderung.rechnungsnummer }}</h5>
    <p>Kunde: {{ forderung.kunde.name if forderung.kunde else '' }}</p>
    <p>Betrag: {{ forderung.betrag }}</p>
    <p>Fälligkeit: {{ forderung.faelligkeit }}</p>
    <div class="mt-3">
      <a class="btn btn-outline-secondary me-2" href="/detail/{{ forderung.id }}/export/docx">Export DOCX</a>
      <a class="btn btn-outline-primary" href="mailto:?subject=Rechnung%20{{ forderung.rechnungsnummer }}&body=Sie%20finden%20Details%20unter%20{{ request.url }}">E-Mail (mailto)</a>
    </div>
  </div>
</div>

<div class="card">
  <div class="card-body">
    <h6>Neue Bemerkung</h6>
    <form method="post" action="/detail/{{ forderung.id }}/bemerkung">
      <div class="mb-2">
        <textarea name="bemerkung" class="form-control" rows="3"></textarea>
      </div>
      <div class="mb-2">
        <label>Wiedervorlage</label>
        <input type="date" name="wiedervorlage_datum" class="form-control" />
      </div>
      <button class="btn btn-primary" type="submit">Speichern</button>
      <a class="btn btn-secondary ms-2" href="/forderungen">Zurück</a>
    </form>
  </div>
</div>

{% if forderung.bemerkungen %}
<div class="mt-3">
  <h5>Bemerkungen</h5>
  <ul class="list-group">
    {% for b in forderung.bemerkungen %}
    <li class="list-group-item">{{ b.zeitstempel }} - {{ b.benutzer }}: {{ b.bemerkung }} {% if b.wiedervorlage_datum %} (WV: {{ b.wiedervorlage_datum }}){% endif %}</li>
    {% endfor %}
  </ul>
</div>
{% endif %}

{% endblock %}
