{% extends "base.html" %}

{% block title %}
  Revenu {{ id }}
{% endblock title %}

{% block main %}

  <div>
    <p class="g-Paragraph">
      <a
        class="g-Link g-Media__Large"
        href="/incomes?page={{ query.page | default(value=1) }}"
      >
        Retour aux revenus
      </a>
    </p>

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

    {% if not income %}

      Le revenu n’a pas été trouvé.

    {% else %}

      <form
        class="g-Form"
        action="/income/{{ income.id }}/update"
        method="POST"
      >
        <h1 class="g-H1">Modification</h1>

        <label class="g-Form__Label" for="amount">Montant</label>
        <input
          name="amount"
          type="number"
          class="g-Form__Input"
          id="amount"
          value="{{ form.amount | default(value=income.amount) }}"
          required
        />

        {% set user_id = form.user_id | default(value="" ~ income.user_id) %}

        <label class="g-Form__Label" for="user_id">Personne</label>
        <select name="user_id" id="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>

        {% set month_index = form.month | default(value="" ~ income.month) %}

        <label class="g-Form__Label" for="month">Mois</label>
        <select name="month" id="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 class="g-Form__Label" for="year">Année</label>
        <input
          name="year"
          type="number"
          class="g-Form__Input"
          id="year"
          value="{{ form.year | default(value=income.year) }}"
          required
        />

        <div>
          <input class="g-Button__Validate" type="submit" value="Modifier" />
        </div>
      </form>

      <form
        class="g-Form"
        action="/income/{{ income.id }}/delete"
        method="POST"
      >
        <h1 class="g-H1">Suppression</h1>

        {% if is_category_used %}
          <p>
            La catégorie ne peut pas être supprimée car elle est actuellement
            utilisée.
          </p>
        {% else %}
          <label class="g-Form__Label" for="remove-input">
            Veuillez recopier le montant du revenu : « {{ income.amount }} ».
          </label>

          <input name="remove-input" class="g-Form__Input" id="remove-input" data-name="{{ income.amount }}" />

          <div>
            <input class="g-Button__Danger" type="submit" value="Supprimer" id="remove-button" disabled />
          </div>
        {% endif %}
      </form>

    {% endif %}
  </div>

{% endblock main %}