{% extends 'base.html' %}

{% block title %}Console{% endblock %}

{% block content %}
  <div class="third-margin">
    <h1>CONSOLE</h1>
  </div>
  <div class="third-margin">
    <div class="nav-row">
      <a href="/console">Capsuls</a>
      <a href="/console/ssh">SSH Public Keys</a>
      <a href="/console/billing">Billing</a>
    </div>
  </div>
  <div class="third-margin">
    {% if vms[0] is defined %} 
      <table>
        <thead>
          <tr>
            <th>id</th>
            <th>size</th>
            <th>ipv4</th>
            <th>os</th>
            <th>created</th>
          </tr>
        </thead>
        <tbody>
          {% for vm in vms %}
            <a href="/console/{{ vm['id'] }}">
            <tr>
              <td>{{ vm["id"] }}</td>
              <td>{{ vm["size"] }}</td>
              <td>{{ vm["ipv4"] }}</td>
              <td>{{ vm["os"] }}</td>
              <td>{{ vm["created"] }}</td>
            </tr>
            </a>
          {% endfor %}
        </tbody>
      </table>
    {% else %} 
      You don't have any Capsuls running. <a href="/console/create">Create one</a> today!
    {% endif %}

  </div>
{% endblock %}

{% block pagesource %}/templates/console.html{% endblock %}