{% extends "base.html" %}
{% block title %}{{ t('Erfolgsrechnung') }}{% endblock %}
{% block content %}
<div class="page-head">
  <h1>{{ t('Erfolgsrechnung') }} {{ 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="two-col">
  <section>
    <h2>{{ t('Ertrag') }}</h2>
    <table>
      <tbody>
        {% for acc, bal in ertrag %}
        <tr>
          <td>{{ acc.number }}</td>
          <td><a href="{{ url_for('account_detail', account_id=acc.id, year=year) }}">{{ acc.name }}</a></td>
          <td class="num">{{ bal|chf }}</td>
        </tr>
        {% else %}
        <tr><td colspan="3" class="muted">{{ t('Kein Ertrag in {jahr}.', jahr=year) }}</td></tr>
        {% endfor %}
      </tbody>
      <tfoot>
        <tr><td colspan="2"><strong>{{ t('Total Ertrag') }}</strong></td>
            <td class="num"><strong>{{ total_ertrag|chf }}</strong></td></tr>
      </tfoot>
    </table>
  </section>

  <section>
    <h2>{{ t('Aufwand') }}</h2>
    <table>
      <tbody>
        {% for acc, bal in aufwand %}
        <tr>
          <td>{{ acc.number }}</td>
          <td><a href="{{ url_for('account_detail', account_id=acc.id, year=year) }}">{{ acc.name }}</a></td>
          <td class="num">{{ bal|chf }}</td>
        </tr>
        {% else %}
        <tr><td colspan="3" class="muted">{{ t('Kein Aufwand in {jahr}.', jahr=year) }}</td></tr>
        {% endfor %}
      </tbody>
      <tfoot>
        <tr><td colspan="2"><strong>{{ t('Total Aufwand') }}</strong></td>
            <td class="num"><strong>{{ total_aufwand|chf }}</strong></td></tr>
      </tfoot>
    </table>
  </section>
</div>

<div class="card {{ 'pos' if profit >= 0 else 'neg' }} result-card">
  <div class="card-label">{{ t('Jahresgewinn') if profit >= 0 else t('Jahresverlust') }} {{ year }}</div>
  <div class="card-value">CHF {{ profit|chf }}</div>
</div>
{% endblock %}