{% extends "base.html" %}

{% block title %}
  Nouveau revenu
{% endblock title %}

{% block main %}

  <section class="g-Section">
    <p class="g-Paragraph">
      <a
        class="g-Link g-Media__Large"
        href="/incomes?page={{ query.page or 1 }}"
      >
        Retour aux revenus
      </a>
    </p>

    <form
      class="g-Form"
      action="/income/create?page={{ query.page or 1 }}"
      method="POST"
    >
      <h1 class="g-H1">
        Nouveau revenu
      </h1>

      {% if error %}
        <div class="g-Form__Error">{{ error }}</div>
      {% endif %}

      <label class="g-Form__Label">
        Montant
        <input
          name="amount"
          type="number"
          class="g-Form__Input"
          value="{{ form.amount or "" }}"
          required
          {% if not form %} autofocus {% endif %}
        />
      </label>

      {% set user_id = form.user_id or connected_user.id %}

      <label class="g-Form__Label">
        Personne
        <select name="user_id" class="g-Form__Select" required>
          {% for user in users %}
            <option
              value="{{ user.id }}"
              {% if "" ~ user.id == user_id %} selected {% endif %}
            >
              {{ user.name }}
            </option>
          {% endfor %}
        </select>
      </label>

      {% set month_index = form.month or current_month %}

      <label class="g-Form__Label">
        Mois
        <select name="month" class="g-Form__Select" required>
          {% for month in months %}
            <option
              value="{{ loop.index }}"
              {% if "" ~ loop.index == month_index %}
                selected
              {% endif %}
            >
              {{ month }}
            </option>
          {% endfor %}
        </select>
      </label>

      <label class="g-Form__Label">
        Année
        <input
          name="year"
          type="number"
          class="g-Form__Input"
          value="{{ form.year or now("%Y") }}"
          required
        />
      </label>

      <div>
        <input class="g-Button__Validate" type="submit" value="Créer" />
      </div>
    </form>
  </section>

{% endblock main %}