{% extends 'base.html' %}

{% block title %}Account Balance{% endblock %}

{% block content %}
<div class="third-margin">
  <h1>Account Balance: ${{ account_balance }}</h1>
</div>
<div class="half-margin">
 
  <div class="row">
    {% if has_payments %}
    <div>
      <div class="third-margin">
        <h1>Payments</h1>
      </div>
    
      <table>
        <thead>
          <tr>
            <th>amount</th>
            <th>date</th>
          </tr>
        </thead>
        <tbody>
          {% for payment in payments %}
            <tr>
              <td>${{ payment["dollars"] }}</td>
              <td>{{ payment["created"] }}</td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
    {% endif %}
    <ul>
      <li>
        <h1>PAYMENT OPTIONS</h1>
        <ul>
          <li>
            <a href="/stripe">Add funds with Credit/Debit (stripe)</a>
            <ul><li>notice: stripe will load nonfree javascript </li></ul>
          </li>
          <li><a href="/btcpay">Add funds with Bitcoin/Litecoin/Monero (btcpay)</a></li>
    
          <li>Cash: email treasurer@cyberia.club</li>
        </ul>
      </li>
    </ul>

  </div>


  {% if has_vms %}
  <div class="third-margin">
    <h1>Capsuls Billed</h1>
  </div>
  <table class="small">
    <thead>
      <tr>
        <th>id</th>
        <th>created</th>
        <th>deleted</th>
        <th>$/month</th>
        <th>months</th>
        <th>$ billed</th>
      </tr>
    </thead>
    <tbody>
      {% for vm in vms_billed %}
        <tr>
          <td>{{ vm["id"] }}</td>
          <td>{{ vm["created"] }}</td>
          <td>{{ vm["deleted"] }}</td>
          <td>${{ vm["dollars_per_month"] }}</td>
          <td>{{ vm["months"] }}</td>
          <td>${{ vm["dollars"] }}</td>
        </tr>
      {% endfor %}
    </tbody>
  </table>
  {% endif %}
</div>
{% endblock %}

{% block pagesource %}/templates/create-capsul.html{% endblock %}