{% extends "page.html" %}

{% block content %}
<div class="col-lg-12">

<h2>instance list</h2>

<table class="table table-striped table-hover">
  <thead class="thead-dark">
<tr>
  <th scope="col">hostname</th>
  <th scope="col">status</th>
  <th scope="col">tootCount</th>
  <th scope="col">nextFetch</th>
  <th scope="col">Detail</th>
</tr>
</thead>
<tbody>
{% for instance in instances %}
    <tr>
        <td><a href="https://{{instance.hostname}}">{{instance.hostname}}</a></td>
        <td>{{instance.status}}</td>
        <td>{{instance.tootCount}}</td>
        <td>{{instance.nextFetch}}</td>
        <td><a
                href="/instance/{{instance.uuid}}"
                class="btn btn-info">
                <i class="fab fa-mastodon"></i>
            </button></td>
    </tr>
{% endfor %}
 </tbody>
</table>

</div>
{% endblock %}