{% extends "base.html" %}
{% block content %}

  <div
    style="display: none;"
    hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
    hx-post="{% url 'threshold_irc_network_info' net %}"
    hx-trigger="load"
    hx-target="#info"
    hx-swap="outerHTML">
  </div>

  <div
    style="display: none;"
    hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
    hx-post="{% url 'threshold_irc_network_relays' net %}"
    hx-trigger="load"
    hx-target="#relays"
    hx-swap="outerHTML">
  </div>

  <div
    style="display: none;"
    hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'
    hx-post="{% url 'threshold_irc_network_channels' net %}"
    hx-trigger="load"
    hx-target="#channels"
    hx-swap="outerHTML">
  </div>

  <div class="columns">
    <div class="column">
      <div class="box">
        <div id="info">
        </div>
      </div>
    </div>
    <div class="column">
      <div class="box">
        <div id="relays">
        </div>
      </div>
    </div>
  </div>

  <div class="columns">
    <div class="column">
      <div class="box">
        <div id="channels">
        </div>
      </div>
    </div>
    <div class="column">
      <div class="box">
        <div id="alerts">
        </div>
      </div>
    </div>
  </div>
{% endblock %}
