{% extends "base.html" %}
{% block title %}Setup check · alembic{% endblock %}
{% block content %}
<section class="container" style="max-width:760px;margin:2rem auto;">
  <div class="panel">
    <h1 style="margin-top:0;">Setup check</h1>
    {% if status == "ok" %}
    <p class="muted">Everything needed to run is configured. You can log in from the
      <a href="/">dashboard</a>.</p>
    {% else %}
    <p class="muted">Something needed to run is missing. Fix the items marked below,
      then reload this page. You do not need to be logged in to see this.</p>
    {% endif %}

    <ul style="list-style:none;padding:0;margin:1.5rem 0 0;">
      {% for c in checks %}
      <li style="display:flex;gap:0.75rem;align-items:flex-start;padding:0.75rem 0;border-top:1px solid rgba(255,255,255,0.08);">
        <span style="flex:0 0 auto;margin-top:0.15rem;">
          {% if c.ok and c.get("warn") %}
          <span class="badge badge-info" title="advisory">note</span>
          {% elif c.ok %}
          <span class="badge badge-success" title="ok">ok</span>
          {% elif c.critical %}
          <span class="badge" style="background:#b91c1c;color:#fff;" title="must fix">needs setup</span>
          {% else %}
          <span class="badge badge-muted" title="optional">optional</span>
          {% endif %}
        </span>
        <span>
          <strong>{{ c.key.replace("_", " ") }}</strong><br>
          <span class="muted">{{ c.detail }}</span>
        </span>
      </li>
      {% endfor %}
    </ul>
  </div>
</section>
{% endblock %}