{% extends "base.html" %}
{% block title %}{{ t('Vorlagen') }}{% endblock %}
{% block content %}
<div class="page-head"><h1>{{ t('Buchungsvorlagen') }}</h1></div>

<form method="post" action="{{ url_for('template_new') }}" class="form-card">
  <div class="form-row">
    <label>{{ t('Name der Vorlage') }}
      <input type="text" name="name" required placeholder="{{ t('z.B. Hosting Infomaniak') }}">
    </label>
    <label class="grow">{{ t('Buchungstext (leer = Name)') }}
      <input type="text" name="text">
    </label>
    <label>{{ t('Betrag CHF (optional)') }}
      <input type="text" name="amount" class="chf" placeholder="{{ t('leer = beim Buchen eingeben') }}">
    </label>
  </div>
  <div class="form-row">
    {% if view_mode == 'einfach' %}
    <label class="grow">{{ t('Geld von') }} <span class="muted">({{ t('Quelle') }})</span>
      <select name="credit_id" required>
        <option value="">{{ t('– Konto wählen –') }}</option>
        {% for a in accounts %}<option value="{{ a.id }}">{{ a.number }} {{ a.name }}</option>{% endfor %}
      </select>
    </label>
    <label class="grow">{{ t('Geld für') }} <span class="muted">({{ t('Ziel') }})</span>
      <select name="debit_id" required>
        <option value="">{{ t('– Konto wählen –') }}</option>
        {% for a in accounts %}<option value="{{ a.id }}">{{ a.number }} {{ a.name }}</option>{% endfor %}
      </select>
    </label>
    {% else %}
    <label class="grow">{{ t('Soll') }}
      <select name="debit_id" required>
        <option value="">{{ t('– Konto wählen –') }}</option>
        {% for a in accounts %}<option value="{{ a.id }}">{{ a.number }} {{ a.name }}</option>{% endfor %}
      </select>
    </label>
    <label class="grow">{{ t('Haben') }}
      <select name="credit_id" required>
        <option value="">{{ t('– Konto wählen –') }}</option>
        {% for a in accounts %}<option value="{{ a.id }}">{{ a.number }} {{ a.name }}</option>{% endfor %}
      </select>
    </label>
    {% endif %}
    <label>&nbsp;
      <button class="btn btn-primary" type="submit">{{ t('Vorlage speichern') }}</button>
    </label>
  </div>
</form>

{% if tpls %}
<table>
  <thead><tr><th>{{ t('Name') }}</th><th>{{ t('Text') }}</th>
    {% if view_mode == 'einfach' %}<th>{{ t('Geldfluss (von → für)') }}</th>{% else %}<th>{{ t('Soll') }}</th><th>{{ t('Haben') }}</th>{% endif %}
    <th class="num">CHF</th><th></th></tr></thead>
  <tbody>
    {% for tpl in tpls %}
    <tr>
      <td>{{ tpl.name }}</td>
      <td>{{ tpl.text }}</td>
      {% if view_mode == 'einfach' %}
      <td>{{ tpl.credit_number }} <span class="flow-sep">→</span> {{ tpl.debit_number }}</td>
      {% else %}
      <td>{{ tpl.debit_number }}</td>
      <td>{{ tpl.credit_number }}</td>
      {% endif %}
      <td class="num">{{ tpl.amount_rp|chf if tpl.amount_rp }}</td>
      <td class="actions">
        <a class="btn btn-small" href="{{ url_for('journal_new', vorlage=tpl.id) }}">{{ t('Buchen') }}</a>
        <form method="post" action="{{ url_for('template_delete', template_id=tpl.id) }}" class="inline-form"
              onsubmit="return confirm({{ t('Vorlage löschen?')|tojson }})">
          <button class="btn btn-small btn-danger" type="submit">{{ t('Löschen') }}</button>
        </form>
      </td>
    </tr>
    {% endfor %}
  </tbody>
</table>
{% else %}
<p class="muted">{{ t('Noch keine Vorlagen.') }}</p>
{% endif %}

<h2>{{ t('Wiederkehrende Buchungen') }}</h2>
<p class="muted">{{ t('Fällige Buchungen werden automatisch erstellt, sobald die Übersicht geöffnet wird (auch rückwirkend seit dem Startdatum).') }}</p>

<form method="post" action="{{ url_for('recurring_new') }}" class="form-card">
  <div class="form-row">
    <label>{{ t('Name') }}
      <input type="text" name="name" required placeholder="{{ t('z.B. Miete Büro') }}">
    </label>
    <label class="grow">{{ t('Buchungstext (leer = Name)') }}
      <input type="text" name="text">
    </label>
    <label>{{ t('Betrag CHF') }}
      <input type="text" name="amount" class="chf" required placeholder="0.00">
    </label>
    <label>{{ t('Tag im Monat') }}
      <input type="number" name="day_of_month" min="1" max="31" value="1" required>
    </label>
  </div>
  <div class="form-row">
    {% if view_mode == 'einfach' %}
    <label class="grow">{{ t('Geld von') }} <span class="muted">({{ t('Quelle') }})</span>
      <select name="credit_id" required>
        <option value="">{{ t('– Konto wählen –') }}</option>
        {% for a in accounts %}<option value="{{ a.id }}">{{ a.number }} {{ a.name }}</option>{% endfor %}
      </select>
    </label>
    <label class="grow">{{ t('Geld für') }} <span class="muted">({{ t('Ziel') }})</span>
      <select name="debit_id" required>
        <option value="">{{ t('– Konto wählen –') }}</option>
        {% for a in accounts %}<option value="{{ a.id }}">{{ a.number }} {{ a.name }}</option>{% endfor %}
      </select>
    </label>
    {% else %}
    <label class="grow">{{ t('Soll') }}
      <select name="debit_id" required>
        <option value="">{{ t('– Konto wählen –') }}</option>
        {% for a in accounts %}<option value="{{ a.id }}">{{ a.number }} {{ a.name }}</option>{% endfor %}
      </select>
    </label>
    <label class="grow">{{ t('Haben') }}
      <select name="credit_id" required>
        <option value="">{{ t('– Konto wählen –') }}</option>
        {% for a in accounts %}<option value="{{ a.id }}">{{ a.number }} {{ a.name }}</option>{% endfor %}
      </select>
    </label>
    {% endif %}
    <label>{{ t('Start') }}
      <input type="date" name="start_date" value="{{ today }}" required>
    </label>
    <label>{{ t('Ende (optional)') }}
      <input type="date" name="end_date">
    </label>
    <label>&nbsp;
      <button class="btn btn-primary" type="submit">{{ t('Anlegen') }}</button>
    </label>
  </div>
</form>

{% if recs %}
<table>
  <thead><tr><th>{{ t('Name') }}</th>
    <th>{{ t('Geldfluss (von → für)') if view_mode == 'einfach' else t('Soll an Haben') }}</th>
    <th class="num">CHF</th><th>{{ t('Tag') }}</th><th>{{ t('Start') }}</th><th>{{ t('Ende') }}</th><th>{{ t('Zuletzt erzeugt') }}</th><th></th></tr></thead>
  <tbody>
    {% for r in recs %}
    <tr class="{{ 'inactive' if not r.active }}">
      <td>{{ r.name }}</td>
      <td>{% if view_mode == 'einfach' %}{{ r.credit_number }} <span class="flow-sep">→</span> {{ r.debit_number }}{% else %}{{ r.debit_number }} {{ t('an') }} {{ r.credit_number }}{% endif %}</td>
      <td class="num">{{ r.amount_rp|chf }}</td>
      <td>{{ r.day_of_month }}.</td>
      <td class="nowrap">{{ r.start_date|datum }}</td>
      <td class="nowrap">{{ r.end_date|datum if r.end_date }}</td>
      <td>{{ r.last_generated or '–' }}</td>
      <td class="actions">
        <form method="post" action="{{ url_for('recurring_toggle', rec_id=r.id) }}" class="inline-form">
          <button class="btn btn-small" type="submit">{{ t('Pausieren') if r.active else t('Aktivieren') }}</button>
        </form>
        <form method="post" action="{{ url_for('recurring_delete', rec_id=r.id) }}" class="inline-form"
              onsubmit="return confirm({{ t('Wiederkehrende Buchung löschen?')|tojson }})">
          <button class="btn btn-small btn-danger" type="submit">{{ t('Löschen') }}</button>
        </form>
      </td>
    </tr>
    {% endfor %}
  </tbody>
</table>
{% else %}
<p class="muted">{{ t('Noch keine wiederkehrenden Buchungen.') }}</p>
{% endif %}
{% endblock %}