{% extends "admin/base.html" %}

{% block title %}Production Checklist | Admin{% endblock %}

{% block content %}
<p class="eyebrow-dark">Readiness</p>
<h1 class="mt-3 text-4xl font-black tracking-normal">Production Checklist</h1>
<p class="mt-3 max-w-3xl text-sm font-bold text-zinc-500">Use this before staging or production. Manual items stay unchecked until you verify them yourself.</p>

<section class="admin-panel mt-8">
  <div class="grid gap-3">
    {% for label, passed in checklist %}
      <div class="flex items-center justify-between gap-4 rounded-lg border border-zinc-200 p-4">
        <p class="font-bold">{{ label }}</p>
        <span class="admin-status-pill {{ 'is-good' if passed else 'is-warning' }}">{{ 'OK' if passed else 'Check' }}</span>
      </div>
    {% endfor %}
  </div>
</section>
{% endblock %}