{% extends "base.html" %}

{% block title %}Admin Overlays | left4me{% endblock %}

{% block content %}
<section class="card">
  <h1>Overlay Catalog</h1>
  <form method="post" action="/admin/overlays" class="stack">
    <input type="hidden" name="csrf_token" value="{{ session.get('csrf_token', '') }}">
    <label>
      Name
      <input name="name" required>
    </label>
    <label>
      Path
      <input name="path" required placeholder="/opt/l4d2/overlays/example">
    </label>
    <button type="submit">Add Overlay</button>
  </form>

  <h2>Known overlays</h2>
  <ul>
    {% for overlay in overlays %}
    <li><strong>{{ overlay.name }}</strong> <span class="muted">{{ overlay.path }}</span></li>
    {% else %}
    <li class="muted">No overlays configured.</li>
    {% endfor %}
  </ul>
</section>
{% endblock %}