{% extends "base.html" %}

{% block title %}
  Équilibrage {{ id }}
{% endblock title %}

{% block main %}

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

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

    {% if not balancing %}

      L’équilibrage n’a pas été trouvé.

    {% else %}

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

        <label class="g-Form__Label">
          Montant
          <input
            name="amount"
            type="number"
            class="g-Form__Input"
            value="{{ form.amount or balancing.amount }}"
            min=1
            required
          />
        </label>

        {% set source = form.source or balancing.source %}

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

        {% set destination = form.destination or balancing.destination %}

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

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

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

        <label class="g-Form__Label">
          Veuillez recopier le montant de l’équilibrage : « {{ balancing.amount }} ».
          <input name="remove-input" class="g-Form__Input" data-name="{{ balancing.amount }}" />
        </label>

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

    {% endif %}
  </section>

{% endblock main %}