{% 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>
{% endblock %}

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