{% extends "base.html" %}
{% block title %}My sites — {{ title }}{% endblock %}
{% block content %}
<header class="page-head">
  <h1>My sites</h1>
  <p class="muted">Only domains assigned to your account.</p>
</header>
{% if error %}<p class="alert error">{{ error }}</p>{% endif %}
{% if ok %}<p class="alert ok">{{ ok }}</p>{% endif %}

{% if features.web %}
<section class="card-form">
  <h2>Add domain / subdomain</h2>
  <form method="post" action="/u/sites" class="grid-form">
    <label>Domain<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>
{% endif %}

<table class="data">
  <thead><tr><th>Domain</th><th>Stack</th><th>DB</th><th></th></tr></thead>
  <tbody>
  {% for s in site_list %}
    <tr>
      <td>{{ s.domain }}</td>
      <td>{{ s.stack }}</td>
      <td>{% if s.db %}{{ s.db.engine }}{% else %}—{% endif %}</td>
      <td class="row-actions">
        <a href="/u/sites/{{ s.id }}/settings">Settings</a>
        <form method="post" action="/u/sites/{{ s.id }}/delete" onsubmit="return confirm('Remove this site container?')">
          <button type="submit" class="danger">Delete</button>
        </form>
      </td>
    </tr>
  {% else %}
    <tr><td colspan="4" class="muted">No sites yet</td></tr>
  {% endfor %}
  </tbody>
</table>
{% endblock %}