{% extends "base.html" %}
{% block title %}{{ t('Neue Buchung') }}{% endblock %}
{% block content %}
<div class="page-head">
  <h1>{{ t('Neue Buchung') }}</h1>
  {% if templates %}
  <form method="get" class="inline-form">
    <label class="muted">{{ t('Vorlage:') }}</label>
    <select name="vorlage" onchange="this.form.submit()">
      <option value="">{{ t('– keine –') }}</option>
      {% for tpl in templates %}
      <option value="{{ tpl.id }}" {{ 'selected' if tpl.id|string == selected_template }}>{{ tpl.name }}</option>
      {% endfor %}
    </select>
  </form>
  {% endif %}
</div>

<form method="post" enctype="multipart/form-data" class="form-card">
  <div class="form-row">
    <label>{{ t('Datum') }}
      <input type="date" name="date" required value="{{ values.date }}">
    </label>
    <label class="grow">{{ t('Buchungstext') }}
      <input type="text" name="text" required value="{{ values.text }}" placeholder="{{ t('z.B. Serverkosten Juli') }}">
    </label>
    <label>{{ t('Betrag CHF') }}
      <input type="text" name="amount" class="chf" required value="{{ values.amount }}" placeholder="0.00">
    </label>
  </div>
  {% if view_mode == 'einfach' %}
  <div class="form-row flow-row">
    <label class="grow">{{ t('Geld von') }} <span class="muted">({{ t('Quelle – woher das Geld kommt') }})</span>
      <select name="credit_id" required>
        <option value="">{{ t('– Konto wählen –') }}</option>
        {% for a in accounts %}
        <option value="{{ a.id }}" {{ 'selected' if values.credit_id == a.id }}>{{ a.number }} {{ a.name }}</option>
        {% endfor %}
      </select>
    </label>
    <div class="flow-arrow">→</div>
    <label class="grow">{{ t('Geld für') }} <span class="muted">({{ t('Ziel – wofür es verwendet wird') }})</span>
      <select name="debit_id" required>
        <option value="">{{ t('– Konto wählen –') }}</option>
        {% for a in accounts %}
        <option value="{{ a.id }}" {{ 'selected' if values.debit_id == a.id }}>{{ a.number }} {{ a.name }}</option>
        {% endfor %}
      </select>
    </label>
  </div>
  <p class="muted">{{ t('Beispiel Serverrechnung: Geld von «1020 Bankguthaben» → für «6570 Informatikaufwand». Zahlungseingang: Geld von «1100 Debitoren» → für «1020 Bankguthaben».') }}
  <span title="{{ t('Von-Konto = Haben, Für-Konto = Soll') }}">{{ t('(Fachlich: von = Haben, für = Soll)') }}</span></p>
  {% else %}
  <div class="form-row">
    <label class="grow">{{ t('Soll (Belastung)') }}
      <select name="debit_id" required>
        <option value="">{{ t('– Konto wählen –') }}</option>
        {% for a in accounts %}
        <option value="{{ a.id }}" {{ 'selected' if values.debit_id == a.id }}>{{ a.number }} {{ a.name }}</option>
        {% endfor %}
      </select>
    </label>
    <label class="grow">{{ t('Haben (Gutschrift)') }}
      <select name="credit_id" required>
        <option value="">{{ t('– Konto wählen –') }}</option>
        {% for a in accounts %}
        <option value="{{ a.id }}" {{ 'selected' if values.credit_id == a.id }}>{{ a.number }} {{ a.name }}</option>
        {% endfor %}
      </select>
    </label>
  </div>
  {% endif %}
  <div class="form-row">
    <label class="grow">{{ t('Beleg (bestehend)') }}
      <select name="beleg_id">
        <option value="">{{ t('– kein Beleg –') }}</option>
        {% for r in receipts %}
        <option value="{{ r.id }}">{{ r.number }} {{ r.description or r.original_name or '' }}</option>
        {% endfor %}
      </select>
    </label>
    <label class="grow">{{ t('… oder neuen Beleg hochladen') }}
      <input type="file" name="beleg_file" accept=".pdf,.png,.jpg,.jpeg,.webp,.gif,.heic">
    </label>
  </div>
  <p class="muted">{{ t('Hinweis: Eine hochgeladene Datei hat Vorrang vor der Auswahl. Buchungen sind nach dem Speichern fix – Korrekturen laufen über Storno.') }}</p>
  <div class="form-actions">
    <button class="btn btn-primary" type="submit">{{ t('Buchen') }}</button>
    <button class="btn" type="submit" name="stay" value="1">{{ t('Buchen + weitere') }}</button>
    <a class="btn" href="{{ url_for('journal') }}">{{ t('Abbrechen') }}</a>
  </div>
</form>
{% endblock %}