{% load i18n %}
{% load static %}
{% block content %}

<form class="form" id="claim" action="" method="post">
  <h1 class="heading">Aalto Yliopiston Sähköinsinöörikilta ry Raha-anomuslomake</h1>
  <div class="fieldsrow">
    <div class="imageupload" id="newreceipt">
      <label for="newreceipt">
          Kuitti
          <img class="thumbnail" src="{% static "claim_form/img/icon.png" %}"/>
      </label>
      <input id="selectreceipt" type="file"/>
    </div>
    <div>
      <label for="adddescription">
        Kuvaus
      </label>
      <input id="adddescription" type="text">
    </div>
    <div class="money">
      <label for="addsum">
        Summa
      </label>
      <input type="number" id="addsum" maxlength=100/>
    </div>
    <div>
      <button id="addreceipt" onclick="addReceipt(event)">Lisää kuitti</button>
    </div>
  </div>
  <div class="table">
    <div class="scrollarea" id="receiptslist">
      <div class="tablerow">
        <div class="tableelement">Kuitti</div>
        <div class="tableelement">Kuvaus</div>
        <div class="tableelement">Summa</div>
      </div>
    </div>
    <div class="money" id="total">
      <label for="id_amount">Yhteensä</label>
      {{ form.amount }}
    </div>
  </div>
  <div class="fieldscolumn">
    <div class="fieldsrow">
      <div class="fieldscolumn" id="info1">
        <div id="textbox">
          <label for="selite">Selite</label>
          <textarea id="selite"></textarea>
        </div>
        <div>
          <label for="id_iban">{{ form.iban.label }}</label>
          {{ form.iban }}
        </div>
      </div>
      <div class="fieldscolumn" id="info2">
        <div>
          <label for="id_name">{{ form.name.label }}</label>
          {{ form.name }}
        </div>
        <div>
          <label for="id_email">{{ form.email.label }}</label>
          {{ form.email }}
        </div>
        <input class="submit" id="submitclaim" type="submit" value="Submit"/>
      </div>
    </div>
  </div>
  {% csrf_token %}
</form>

{% endblock content %}