{% extends 'uncloud/base.html' %}

{% block header %}
    <style>
      #content {
          width: 400px;
	      margin: auto;
      }
	</style>
{% endblock %}

{% block body %}
    <div id="content">
      <h1>Your credit cards registered with Stripe</h1>

      <!-- Stripe form and messages -->
      <span id="message"></span>

      <p>List of stripe credit cards:
        <ul>
          {% for card in cards %}
          <li>{{ card.brand }} ending in {{ card.last4 }} expiring
            {{ card.year }}-{{ card.month }}
          {% endfor %}

        </ul>
      </p>
    </div>

{% endblock %}