{% import "macros/paging.html" as paging %}

{% extends "base.html" %}

{% block title %}
  Revenus
{% endblock title %}

{% block main %}

  <section class="g-Section">

    {% if not incomes %}
      <div class="g-Table__NoResults">
        Il n’y a aucun revenu.
      </div>
    {% endif %}

    <a
      class="g-Paragraph g-Button__Validate"
      href="/income?page={{ page | default(value=1) }}"
    >
      Ajouter un revenu
    </a>

    {% if incomes %}
      <div class="g-Table">
        <div class="g-Table__Row g-Table__Row--Header">
          <span class="g-Table__Cell">Montant</span>
          <span class="g-Table__Cell">Personne</span>
          <span class="g-Table__Cell">Mois</span>
        </div>
        {% for income in incomes %}
          <a
            class="g-Table__Row {% if highlight == income.id %} g-Table__Row--Highlight {% endif %}"
            href="/income/{{ income.id }}?page={{ page | default(value=1) }}"
          >
            <span class="g-Table__Cell g-Table__NumericCell">
              {{ income.amount | euros() }}
            </span>
            <span class="g-Table__Cell">{{ income.user }}</span>
            <span class="g-Table__Cell">{{ income.date }}</span>
          </a>
        {% endfor %}
      </div>

      {{ paging::paging(
        url="/incomes",
        page=page,
        max_page=max_page
      ) }}
    {% endif %}

  </section>

{% endblock main %}