{% extends "base.html" %}
{% block title %}Databases — {{ title }}{% endblock %}
{% block content %}
<header class="page-head">
  <h1>Databases</h1>
  <p class="muted">Shared SQL engines selected at install time.</p>
</header>
{% if error %}<p class="alert error">{{ error }}</p>{% endif %}
{% if ok %}<p class="alert ok">{{ ok }}</p>{% endif %}
{% if created %}
<pre class="code">Engine: {{ created.engine }}
Host:   {{ created.host }}:{{ created.port }}
DB:     {{ created.db_name }}
User:   {{ created.db_user }}
Pass:   {{ created.db_password }}</pre>
{% endif %}

<section class="card-form">
  <h2>Create database</h2>
  <form method="post" action="/databases" class="grid-form">
    <label>Engine
      <select name="engine" required>
        {% if features.mariadb %}<option value="mariadb">MariaDB</option>{% endif %}
        {% if features.postgres %}<option value="postgres">PostgreSQL</option>{% endif %}
      </select>
    </label>
    <label>Name prefix<input name="prefix" value="db" pattern="[a-z][a-z0-9_]*"></label>
    <button type="submit">Create</button>
  </form>
</section>
{% endblock %}