{% extends "base.html" %}
{% block title %}{{ t('Übersicht') }}{% endblock %}
{% block content %}
{% if settings.setup_done != '1' %}
<div class="flash flash-error">{{ t('Diese Instanz ist noch nicht eingerichtet –') }}
<a href="{{ url_for('setup_wizard') }}"><strong>{{ t('Ersteinrichtung starten') }} →</strong></a></div>
{% endif %}
{% if update_state.available %}
<div class="flash flash-ok">{{ t('Software-Update {version} verfügbar –', version=update_state.available.version) }}
<a href="{{ url_for('settings_page') }}"><strong>{{ t('zu den Einstellungen') }} →</strong></a></div>
{% endif %}
<div class="page-head">
  <h1>{{ t('Übersicht') }} {{ year }}</h1>
  <form method="get" class="inline-form">
    <select name="year" onchange="this.form.submit()">
      {% for y in nav_years %}<option value="{{ y }}" {{ 'selected' if y == year }}>{{ y }}</option>{% endfor %}
    </select>
  </form>
</div>

<div class="cards">
  <div class="card"><div class="card-label">{{ t('Ertrag') }} {{ year }}</div><div class="card-value">{{ revenue|chf }}</div></div>
  <div class="card"><div class="card-label">{{ t('Aufwand') }} {{ year }}</div><div class="card-value">{{ expense|chf }}</div></div>
  <div class="card {{ 'pos' if profit >= 0 else 'neg' }}"><div class="card-label">{{ t('Gewinn') if profit >= 0 else t('Verlust') }} {{ year }}</div><div class="card-value">{{ profit|chf }}</div></div>
  <div class="card"><div class="card-label">{{ t('Bank') }}</div><div class="card-value">{{ bank|chf }}</div></div>
  <div class="card"><div class="card-label">{{ t('Debitoren') }}</div><div class="card-value">{{ debitoren|chf }}</div></div>
  {% if open_bank_tx %}
  <div class="card"><div class="card-label"><a href="{{ url_for('bank_page') }}">{{ t('Bank offen') }}</a></div>
    <div class="card-value">{{ open_bank_tx }} Tx</div></div>
  {% endif %}
</div>

<div class="two-col">
  <section>
    <div class="section-head">
      <h2>{{ t('Letzte Buchungen') }}</h2>
      <a class="btn btn-primary" href="{{ url_for('journal_new') }}">+ {{ t('Neue Buchung') }}</a>
    </div>
    {% if recent %}
    <table>
      <thead><tr><th>{{ t('Datum') }}</th><th>{{ t('Text') }}</th>
        {% if view_mode == 'einfach' %}<th>{{ t('Geldfluss') }}</th>{% else %}<th>{{ t('Soll') }}</th><th>{{ t('Haben') }}</th>{% endif %}
        <th class="num">CHF</th></tr></thead>
      <tbody>
        {% for e in recent %}
        <tr>
          <td class="nowrap">{{ e.date|datum }}</td>
          <td>{{ e.text }}</td>
          {% if view_mode == 'einfach' %}
          <td title="{{ t('von') }} {{ e.credit_number }} {{ e.credit_name }} ({{ t('Haben') }}) → {{ t('für') }} {{ e.debit_number }} {{ e.debit_name }} ({{ t('Soll') }})">
            {{ e.credit_name }} <span class="flow-sep">→</span> {{ e.debit_name }}
          </td>
          {% else %}
          <td title="{{ e.debit_name }}">{{ e.debit_number }}</td>
          <td title="{{ e.credit_name }}">{{ e.credit_number }}</td>
          {% endif %}
          <td class="num">{{ e.amount_rp|chf }}</td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
    {% else %}
    <p class="muted">{{ t('Noch keine Buchungen.') }} <a href="{{ url_for('journal_new') }}">{{ t('Erste Buchung erfassen') }}</a>.</p>
    {% endif %}
  </section>

  <section>
    <div class="section-head">
      <h2>{{ t('Offene Rechnungen') }}</h2>
      <a class="btn" href="{{ url_for('invoice_new') }}">+ {{ t('Neue Rechnung') }}</a>
    </div>
    {% if open_invoices %}
    <table>
      <thead><tr><th>{{ t('Nr.') }}</th><th>{{ t('Kunde') }}</th><th>{{ t('Fällig') }}</th><th class="num">CHF</th></tr></thead>
      <tbody>
        {% for row in open_invoices %}
        <tr>
          <td><a href="{{ url_for('invoice_view', invoice_id=row.inv.id) }}">{{ row.inv.number }}</a></td>
          <td>{{ row.inv.customer }}</td>
          <td class="nowrap {{ 'overdue' if row.inv.due_date < today_iso }}">{{ row.inv.due_date|datum }}</td>
          <td class="num">{{ row.total|chf }}</td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
    <p class="muted">{{ t('Total offen:') }} <strong>{{ open_total|chf }}</strong></p>
    {% else %}
    <p class="muted">{{ t('Keine offenen Rechnungen.') }}</p>
    {% endif %}
  </section>
</div>
{% endblock %}