{% extends 'base.html' %}

{% block title %}Pricing{% endblock %}

{% block content %}
  <div class="row third-margin">
    <h1>CAPSUL TYPES & PRICING</h1>
  </div>
  <div class="row half-margin">
    <table>
      <thead>
        <tr>
          <th>type</th>
          <th>monthly*</th>
          <th>cpus</th>
          <th>mem</th>
          <th>ssd</th>
          <th>net</th>
        </tr>
      </thead>
      <tbody>
      {% for vm_size_key, vm_size in vm_sizes.items() %}
        <tr>
          <td>{{ vm_size_key }}</td>
          <td>${{ vm_size['dollars_per_month'] }}</td>
          <td>{{ vm_size['vcpus'] }}</td>
          <td>{{ vm_size['memory_mb'] }}</td>
          <td>25G</td>
          <td>{{ vm_size['bandwidth_gb_per_month'] }}</td>
        </tr>
      {% endfor %}
      </tbody>
    </table>
  </div>
  <div class="row half-margin">
    <pre>
    * net is calculated as a per-month average
    * vms are billed for a minimum of 24 hours upon creation
    * all VMs come standard with one public IPv4 address
    
    SUPPORTED OPERATING SYSTEMS:


    {% for os_id, os in operating_systems.items() %}   - {{ os.description }} 
    {% endfor %}
  </pre>
  </div>
{% endblock %}