{#
  UGE / L2 / Intro to relational databases / Python project prototype
  Author: Pacien TRAN-GIRARD
  Licence: EUPL-1.2
#}

{% extends '_base.html.jinja' %}

{% block title %}My wallet{% endblock %}

{% macro format_operation(transaction) %}
  {% if transaction.operation == 'transfer' %}
    {% if transaction.amount > 0 %}
      Transfer from {{ transaction.source }}
    {% else %}
      Transfer to {{ transaction.recipient }}
    {% endif %}
  {% else %}
    {{ transaction.operation.capitalize() }}
  {% endif %}
{% endmacro %}

{% macro amount_class(transaction) %}
  {{ 'amount-positive' if transaction.amount > 0 else 'amount-negative'}}
{% endmacro %}

{% block content %}
  <div class="pure-g">

    <div class="pure-u-1 pure-u-md-1-3">
      <h2>Deposit</h2>
      <form
        method="post"
        action="/wallet/deposit"
        class="pure-form">
        <fieldset>
          <input
            class="pure-input-1-4"
            type="number"
            name="amount"
            min="0.01"
            step="0.01"
            placeholder="§"
            required />
          <button
            type="submit"
            class="pure-button pure-button-primary dark-blue-bg">
            ⇩ Deposit
          </button>
        </fieldset>
      </form>
    </div>

    <div class="pure-u-1 pure-u-md-1-3">
      <h2>Withdraw</h2>
      <form
        method="post"
        action="/wallet/withdraw"
        class="pure-form">
        <fieldset>
          <input
            class="pure-input-1-4"
            type="number"
            name="amount"
            min="0.01"
            max="{{ user.balance }}"
            step="0.01"
            placeholder="§"
            required />
          <button
            type="submit"
            class="pure-button pure-button-primary dark-blue-bg">
            ⇧ Withdraw
          </button>
        </fieldset>
      </form>
    </div>

    <div class="pure-u-1 pure-u-md-1-3">
      <h2>Transfer</h2>
      <form
        method="post"
        action="/wallet/transfer"
        class="pure-form">
        <fieldset>
          <input
            class="pure-input-1-3"
            type="text"
            name="recipient"
            minlength="4"
            maxlength="16"
            placeholder="Recipient"
            required />
          <input
            class="pure-input-1-4"
            type="number"
            name="amount"
            min="0.01"
            max="{{ user.balance }}"
            step="0.01"
            placeholder="§"
            required />
          <button
            type="submit"
            class="pure-button pure-button-primary light-blue-bg">
            ➤ Send
          </button>
        </fieldset>
      </form>
    </div>

  </div>

  <h2>Transaction history</h2>

  <table class="pure-table pure-table-striped">
    <thead>
      <tr>
        <th>Date</th>
        <th>Operation</th>
        <th class="align-right">Amount</th>
      </tr>
    </thead>
    <tbody>
      {% for transaction in transactions %}
      <tr>
        <td>{{ transaction.datetime.strftime('%Y-%m-%d %H:%M:%S') }}</td>
        <td>{{ format_operation(transaction) }}</td>
        <td class="align-right text-bold {{ amount_class(transaction) }}">
          {{ transaction.amount }} §
        </td>
      </tr>
      {% else %}
      <tr>
        <td colspan="3"><em>No past transaction.</em></td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
{% endblock %}