{% extends "base.html" %}

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

{% block content %}
<section class="panel">
  <h1>Servers</h1>
  {% if blueprints %}
  <form method="post" action="/servers" class="stack form-panel">
    <input type="hidden" name="csrf_token" value="{{ session.get('csrf_token', '') }}">
    <label>Name <input name="name" required></label>
    <label>Port <input name="port" type="number" min="1" max="65535" value="27015" required></label>
    <label>Blueprint
      <select name="blueprint_id" required>
        {% for blueprint in blueprints %}
        <option value="{{ blueprint.id }}">{{ blueprint.name }}</option>
        {% endfor %}
      </select>
    </label>
    <button type="submit">Create server</button>
  </form>
  {% else %}
  <p class="muted">Create a blueprint before adding servers.</p>
  {% endif %}
  <table class="table">
    <thead><tr><th>Name</th><th>Port</th><th>Blueprint</th><th>Desired</th><th>Actual</th></tr></thead>
    <tbody>
      {% for server, blueprint in rows %}
      <tr>
        <td><a href="/servers/{{ server.id }}">{{ server.name }}</a></td>
        <td>{{ server.port }}</td>
        <td><a href="/blueprints/{{ blueprint.id }}">{{ blueprint.name }}</a></td>
        <td>{{ server.desired_state }}</td>
        <td>{{ server.actual_state }}</td>
      </tr>
      {% else %}
      <tr><td colspan="5" class="muted">No servers configured.</td></tr>
      {% endfor %}
    </tbody>
  </table>
</section>
{% endblock %}