<div id="stats">
  <div class="content" style="max-height: 30em; overflow: auto;">
    <div class="table-container">
      <table class="table is-fullwidth is-hoverable">
        <thead>
          <tr>
            <th>attribute</th>
            <th>count</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <th>relays</th>
            <td>
              {{ stats.servers_online_total }}/{{ stats.servers_total_total }}
            </td>
          </tr>
          <tr>
            <th>networks</th>
            <td>
              {{ stats.servers_online_unique }}/{{ stats.servers_total_unique }}
            </td>
          </tr>

          <tr>
            <th>channels</th>
            <td>
              {{ stats.channels}}
            </td>

          </tr>
          <tr>
            <th>records</th>
            <td>
              {{ stats.records }}
            </td>
          </tr>
          <tr>
            <th>events</th>
            <td>
              {{ stats.eventrate }}
            </td>
          </tr>

        </tbody>
      </table>
    </div>
  </div>
</div>