{% extends "base.html" %}
{#
  This file is part of GNU TALER.
  Copyright (C) 2014, 2015, 2016 Taler Systems SA

  TALER is free software; you can redistribute it and/or modify it under the
  terms of the GNU Lesser General Public License as published by the Free Software
  Foundation; either version 2.1, or (at your option) any later version.

  TALER is distributed in the hope that it will be useful, but WITHOUT ANY
  WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
  A PARTICULAR PURPOSE.  See the GNU Lesser General Public License for more details.

  You should have received a copy of the GNU Lesser General Public License along with
  TALER; see the file COPYING.  If not, see <http://www.gnu.org/licenses/>

  @author Marcello Stanisci
#}

{% block headermsg %}
  <div>
    <h1 class="nav">Welcome <em>{{ name }}</em>!</h1>
    <a href="{{ url('logout') }}" class="pure-button">[Logout]</a><br>
  </div>
{% endblock headermsg %}
{% block content %}
  <section id="menu">
    <p>Account: # {{ account_no }}</p>
    {% if is_valid_amount(balance) %}
      <p>Current balance: <b>{{ sign }} {{ amount_stringify(balance) }}</b></p>
    {% else %}
      <p class="informational-fail">Current balance: <b>INVALID AMOUNT, PLEASE REPORT</b></p>
    {% endif%}

  </section>
  <section id="main">
    <article>
      {% if fail_message %}
        <div class="notification">
          <p class="informational informational-fail">
            {{ hint }}
          </p>
        </div>
      {% endif %}
      {% if success_message %}
        <div class="notification">
          <p class="informational informational-ok">
            {{ hint }}
          </p>
        </div>
        {% endif %}
    </article>
    <article>
      <div>
        <h2>Withdraw Money into a Taler wallet</h2>

        <form id="reserve-form"
              class="pure-form"
              action="{{ url('start-withdrawal') }}"
              method="post"
              name="tform">
          <input type="hidden" name="csrfmiddlewaretoken" value="{{ csrf_token }}" />
          Amount to withdraw:
          <select id="reserve-amount" name="kudos_amount" class="amount" autofocus>
              <option value="{{ currency }}:5.00">5.00</option>
              <option value="{{ currency }}:10.00">10.00</option>
              <option value="{{ currency }}:15.00">15.00</option>
              <option value="{{ currency }}:20.00">20.00</option>
          </select><!--
            --><input type="text" readonly class="currency-indicator" size="{{ currency|length }}" tabindex="-1" value="{{ currency }}">

          <input id="select-exchange"
                 class="pure-button pure-button-primary"
                 type="submit"
                 value="Start withdrawal" />
        </form>
        <h2>Wire transfer</h2>
        <form id="wt-form"
              class="pure-form"
              action="{{ url('profile') }}"
              method="post"
              name="tform">

          <input type="hidden" name="csrfmiddlewaretoken" value="{{ csrf_token }}" />

          <div id="transfer-fields">
          
          <div class="fieldbox">
            <label class="fieldlabel" for="id_amount">Amount to transfer:</label>
            {{ wt_form.amount }}<!--
            --><input type="text" readonly class="currency-indicator" size="{{ currency|length }}" tabindex="-1" value="{{ currency }}">
          </div>
            
          <div class="fieldbox">
            <label class="fieldlabel" for="id_receiver">Receiver:</label>
            {{ wt_form.receiver }}
          </div>
            
          <div class="fieldbox">
            <label class="fieldlabel" for="id_receiver">Subject:</label>
            {{ wt_form.subject }}
          </div>
          
          </div>


          <input class="pure-button pure-button-primary"
                 type="submit"
                 value="Transfer!" />
        </form>
      </div>
      <p>
      </p>
    </article>
    <article>
      <h2>Transaction history</h2>
      <div id="transactions-history">
        {% if history %}
        <table class="pure-table">
          <thead>
          <tr>
            <th style="text-align:center">Date</th>
            <th style="text-align:center">Amount</th>
            <th style="text-align:center">Counterpart</th>
            <th style="text-align:center">Subject</th>
          </tr>
          </thead>
          <tbody>
          {% for item in history %}
          <tr>
            <td style="text-align:right">{{ item.date }}</td>
	    <td style="text-align:right">
              {{ item.sign }} {{ item.amount }}
            </td>
  	    <td class="text-align:left">
              {% if item.counterpart_username %}
                {{ item.counterpart_username }}
              {% endif %} (account #{{ item.counterpart }})
            </td>
	    <td class="text-align:left
              {% if item.cancelled %}
                cancelled
              {% endif %}">{{ item.subject }}
            </td>
	  </tr>
          {% endfor %}
          </tbody>
        </table>
        {% else %}
        <p class="informational informational-fail">
          No transactions made to/from this account
        </p>
        {% endif %}
      </div>

    </article>
  </section>
{% endblock %}