<div id="networks">
  <div class="content" style="max-height: 30em; overflow: auto;">
    <table class="table is-fullwidth is-hoverable">
      <thead>
        <th>net</th>
        <th>relays</th>
        <th>channels</th>
        <th>records</th>
      </thead>
      {% for key, net in networks.items %}
        <tr>
          <th><a href="{% url 'threshold_irc_network' key %}">{{ key }}</a></th>
          <td>
            <span class="icon">
              <i class="fa-brands fa-unity"></i>
            </span>
            {{ net.relays }}
          </td>
          <td>
            <span class="icon">
              <i class="fa-solid fa-hashtag"></i>
            </span>
            {{ net.channels }}
          </td>
          <td>
            <span class="icon">
              <i class="fa-solid fa-album"></i>
            </span>
            {{ net.records }}
          </td>
        </tr>
      {% endfor %}
    </table>
  </div>
</div>