{% extends "page.html" %}

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


<h2>instance {{instance.hostname}}</h2>

<div class="card m-5">
  <div class="card-header">
      <a href="/instance/{{instance.uuid}}">{{ instance.hostname }}</a>
      ({{instance.tootCount}} toots)
  </div>
  <div class="card-body">
      <h5 class="card-title">{{instance.status}}</h5>
    <p class="card-text">First Stat</p>
    <p class="card-text">Second Stat</p>
    <p class="card-text">Third Stat</p>
    <a href="https://{{instance.hostname}}" class="btn btn-primary">View Instance Website</a>
  </div>
</div>

</div>
{% endblock %}