{% extends 'base.html' %}

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

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

  </div>


  {% if has_vms %}
  <div class="row third-margin">
    <h1>Capsuls Billed</h1>
  </div>
  <div class="row">
    <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>
  </div>
  
  {% endif %}
</div>
{% endblock %}

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