{% extends "layout.html" %}
{% set title = "Sites" %}
{% block content %}
<div class="admin-heading">
  <h1>Sites</h1>
  {% if user.role == "admin" %}
  <form method="post" action="/sites/new" class="inline-form">
    <input type="text" name="id" placeholder="new-site-id" pattern="[a-z0-9-]+" required aria-label="Site id">
    <button class="button button--primary" type="submit">New site</button>
  </form>
  {% endif %}
</div>
{% if my_sites %}
<div class="cards">
  {% for s in my_sites %}
  <a class="card" href="/s/{{ s.id }}/"><strong>{{ s.config.title or s.id }}</strong><span class="muted small">{{ s.config.domain or (s.id ~ ".localhost") }}</span></a>
  {% endfor %}
</div>
{% else %}
<p class="empty-state">You don't have access to any site yet. Ask an admin to add you to one.</p>
{% endif %}
{% endblock %}