{% extends "base.html" %}

{% block title %}Dashboard | left4me{% endblock %}

{% block content %}
<section class="card">
  <h1>Dashboard</h1>
  <p class="muted">Status refresh every {{ refresh_seconds }}s.</p>
  <table class="table">
    <thead>
      <tr><th>Name</th><th>Port</th><th>Desired</th><th>Actual</th><th></th></tr>
    </thead>
    <tbody>
      {% for server in servers %}
      <tr>
        <td>{{ server.name }}</td>
        <td>{{ server.port }}</td>
        <td>{{ server.desired_state }}</td>
        <td>{{ server.actual_state }}</td>
        <td><a href="/servers/{{ server.id }}">View</a></td>
      </tr>
      {% else %}
      <tr><td colspan="5" class="muted">No servers yet.</td></tr>
      {% endfor %}
    </tbody>
  </table>
</section>
{% endblock %}