{% extends 'base.html' %}

{% block title %}Create{% endblock %}

{% block content %}
<div class="row third-margin">
  <h1>Create Capsul</h1>
</div>
<div class="row third-margin">
  <div>
  <pre>
    CAPSUL SIZES
    ============
    type     monthly*  cpus  mem     ssd   net*
    -----    -------   ----  ---     ---   ---
    f1-xs    $5.00     1     512M    25G   .5TB
    f1-s     $7.50     1     1024M   25G   1TB
    f1-m     $12.50    1     2048M   25G   2TB
    f1-l     $20.00    2     3072M   25G   3TB
    f1-x     $27.50    3     4096M   25G   4TB
    f1-xx    $50.00    4     8192M   25G   5TB

    * all VMs come standard with one public IPv4 address
    * vms are billed for a minimum of 1 hour upon creation</pre>
  <pre>
    Your <a href="/console/account-balance">current account balance</a>: ${{ account_balance }} {% if account_balance != account_balance_in_one_month  %} 

    Projected account balance in one month: ${{ account_balance_in_one_month }}{% endif %}
  </pre>
  {% if cant_afford  %} 
  <p>Please <a href="/console/account-balance">fund your account</a> in order to create Capsuls</p>
    <p>(At least two hours worth of funding is required)</p>
  {% elif no_ssh_public_keys %}
    <p>You don't have any ssh public keys yet.</p> 
    <p>You must <a href="/console/ssh">upload one</a> before you can create a Capsul.</p>
  {% elif not capacity_avaliable %}
    <p>Host(s) at capacity. No capsuls can be created at this time. sorry. </p> 
  {% else %}

    <form method="post">
      <input type="hidden" name="csrf-token" value="{{ csrf_token }}"/>
      <div class="row justify-start">
        <label class="align"  for="size">Capsul Size</label>
        <select id="size" name="size">
          {% for size in vm_sizes.keys() %}
            {% if size in month_funded_vm_sizes  %}
              <option value="{{ size }}">{{ size }}</option>
            {% else %}
              <option value="{{ size }}">{{ size }} (short-term)</option>
            {% endif %}
          {% endfor %}
        </select> 
      </div>
      <div class="row justify-start">
        <pre>
  <b>NEW!</b> Short-term and Long-term Capsuls:

  You may create a capsul even if your{% if account_balance != account_balance_in_one_month  %} projected{% endif %} account balance
  won't fund it. It will be marked "short-term" and won't 
  be backed up.

  Short-term capsuls will be deleted as soon as your account 
  balance reaches zero, while long-term capsuls get a 
  non-payment grace period before they're are deleted.
        </pre>
      </div>

      <div class="row justify-start">
        <label class="align" for="os">Operating System</label>
        <select id="os" name="os">
          {% for os_id, os in operating_systems.items()|sort %}
          <option value="{{ os_id }}">{{ os.description }}</option>
          {% endfor %}
        </select> 
      </div>
      <div class="row justify-start">
        <input type="hidden" name="ssh_authorized_key_count" value="{{ ssh_authorized_key_count}}"/>
        <label class="align" for="ssh_keys">SSH Public Keys</label>
        <div id="ssh_keys">
          {% for key in ssh_authorized_keys %}
            <label for="ssh_key_{{ loop.index - 1 }}">
              <input type="checkbox" id="ssh_key_{{ loop.index - 1 }}" name="ssh_key_{{ loop.index - 1 }}" value="{{ key['name'] }}"/>
              {{ key['name'] }}
            </label>
          {% endfor %}
        </div>
      </div>
      <div class="row justify-end">
        <input id="submit-button" type="submit" value="Create">
        <span  id="submit-button-clicked" class="display-none">..Creating...</span>
      </div>
      <script src="{{ url_for('static', filename='create-capsul.js') }}"></script>
    </form>
  {% endif %}

  </div>
</div>
{% endblock %}

{% block subcontent %}
  {% if not cant_afford and not no_ssh_public_keys %} 
  <p>
    Using our services implies that you agree to our terms of service & privacy policy.
  </p>
  <ul>
    <li>
      <a href="https://git.cyberia.club/cyberia/terms-of-service/">git.cyberia.club/cyberia/terms-of-service</a>
    </li>
    <li>
      <a href="https://git.cyberia.club/cyberia/privacy-policy/">git.cyberia.club/cyberia/privacy-policy</a>
    </li>
  </ul>
  {% endif %}
{% endblock %}

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