{% extends 'base.html' %}

{% block title %}Capsul Admin{% endblock %}

{% block content %}
<style nonce="{{csp_inline_style_nonce}}">
{{inline_style}}
</style>
<div class="row third-margin">
  <h1>Capsul Admin</h1>
</div>
<div class="third-margin">
  {% for display_host in display_hosts %}
    <div class="row">
      <h1>{{ display_host["name"] }}</h1>
    </div>
    {% for network in display_host["networks"] %}
      <div class="row network-row">
        <i>{{ network["network_name"] }}</i> 
        <span>{{ network["public_ipv4_cidr_block"] }}</span>
        <div class="network-display">
          {% for allocation in network["allocations"] %}

            {# This outer div is used as an abs position container & selected by CSS so don't remove it pls. #}
            <div> 

            <div class="{{allocation}}">
            </div>

            </div>

          {% endfor %}
        </div>
      </div>
    {% endfor %}
    
    <hr/>
  {% endfor %}

  <div class="row">
    <h1>db_vms_by_host_and_network</h1>
  </div>
  <div class="row">
    <pre>
{{db_vms_by_host_and_network}}
    </pre>
  </div>

  <div class="row">
    <h1>virt_vms_by_host_and_network</h1>
  </div>
  <div class="row">
    <pre>
{{virt_vms_by_host_and_network}}
    </pre>
  </div>


  
</div>

<div class="third-margin">
  <div class="row">
    <h1>📢 Admin Megaphone: Email All Users With Active Capsuls 📢</h1>
  </div>
  <div class="row">
    <form method="post" class="megaphone">
      <input type="hidden" name="action" value="megaphone"></input> 
      <input type="hidden" name="csrf-token" value="{{ csrf_token }}"/>
      <input type="text"  name="subject"  placeholder="Capsul Maintenance blahblahblah" />
      <textarea name="body" placeholder="Hello, ..."></textarea>
      <input type="submit" value="SEND"/>
    </form>
  </div>
 
</div>
{% endblock %}

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