{% extends "base.html" %}
{% block title %}Sites — {{ title }}{% endblock %}
{% block content %}
<header class="page-head">
  <h1>Sites</h1>
  <p class="muted">One container per hostname. Stack list respects installed databases.</p>
</header>
{% if error %}<p class="alert error">{{ error }}</p>{% endif %}
{% if ok %}<p class="alert ok">{{ ok }}</p>{% endif %}

<section class="card-form">
  <h2>Deploy site</h2>
  <form method="post" action="/sites" class="grid-form">
    <label>Owner
      <select name="username" required>
        {% for u in hosting_users %}
        <option value="{{ u.username }}">{{ u.username }}</option>
        {% endfor %}
      </select>
    </label>
    <label>Domain / subdomain<input name="domain" required placeholder="app.example.com"></label>
    <label>Stack
      <select name="stack_id" required>
        {% for s in stack_list %}
        <option value="{{ s.id }}">{{ s.name }}{% if s.requires %} (needs {{ s.requires|join(', ') }}){% endif %}</option>
        {% endfor %}
      </select>
    </label>
    <label>Database
      <select name="create_db">
        <option value="auto">Auto (from template)</option>
        {% if features.mariadb %}<option value="mariadb">MariaDB</option>{% endif %}
        {% if features.postgres %}<option value="postgres">PostgreSQL</option>{% endif %}
        <option value="none">None</option>
      </select>
    </label>
    <button type="submit">Deploy</button>
  </form>
</section>

<table class="data">
  <thead><tr><th>Domain</th><th>User</th><th>Stack</th><th>DB</th><th></th></tr></thead>
  <tbody>
  {% for s in site_list %}
    <tr>
      <td>{{ s.domain }}</td>
      <td>{{ s.username }}</td>
      <td>{{ s.stack }}</td>
      <td>{% if s.db %}{{ s.db.engine }} / {{ s.db.db_name }}{% else %}—{% endif %}</td>
      <td>
        <form method="post" action="/sites/{{ s.id }}/delete" onsubmit="return confirm('Delete site container?')">
          <button type="submit" class="danger">Delete</button>
        </form>
      </td>
    </tr>
  {% else %}
    <tr><td colspan="5" class="muted">No sites yet</td></tr>
  {% endfor %}
  </tbody>
</table>
{% endblock %}