{% extends 'base.html' %}
{% comment %}Powłoka kreatora instalacji.

Kreator wygląda jak panel (klasa `panel-ui`, te same komponenty z base.html)
i nie ma żadnego własnego CSS-a. Menu ani konta tu nie ma - w trakcie
instalacji nie ma jeszcze ani jednego, ani drugiego.

Odświeżanie strony przez `meta refresh` włącza się tylko wtedy, gdy w tle
leci instalacja zależności: kreator nie ma własnego JavaScriptu, a pip potrafi
kompilować kilka minut i ekran musiałby stać nieruchomo.{% endcomment %}

{% block title %}Instalacja · D-LIS{% endblock %}
{% block meta %}<meta name="robots" content="noindex, nofollow">
  {% if instalacja_trwa %}<meta http-equiv="refresh" content="4">{% endif %}{% endblock %}
{% block body_class %}panel-ui p-4 sm:p-8{% endblock %}

{% block body %}
<main class="mx-auto w-full max-w-3xl space-y-6">

  <header class="space-y-3">
    <p class="text-xs font-semibold uppercase tracking-widest text-brand-600 dark:text-brand-400">
      Instalacja D-LIS
    </p>
    <h1 class="text-2xl font-semibold sm:text-3xl">{% block heading %}{% endblock %}</h1>
    {% block lead %}{% endblock %}

    <ol class="flex flex-wrap gap-2 text-xs font-medium">
      <li class="badge {% if step >= 1 %}bg-brand-600 text-white{% else %}bg-slate-200 text-slate-600 dark:bg-slate-800 dark:text-slate-300{% endif %}">1. Środowisko</li>
      <li class="badge {% if step >= 2 %}bg-brand-600 text-white{% else %}bg-slate-200 text-slate-600 dark:bg-slate-800 dark:text-slate-300{% endif %}">2. Baza danych</li>
      <li class="badge {% if step >= 3 %}bg-brand-600 text-white{% else %}bg-slate-200 text-slate-600 dark:bg-slate-800 dark:text-slate-300{% endif %}">3. Serwis i konto</li>
      <li class="badge {% if step >= 4 %}bg-brand-600 text-white{% else %}bg-slate-200 text-slate-600 dark:bg-slate-800 dark:text-slate-300{% endif %}">4. Gotowe</li>
    </ol>
  </header>

  {% block content %}{% endblock %}

  <footer class="text-xs text-slate-500 dark:text-slate-400">
    Kreator działa tylko do końca instalacji. Potem adres /install/ przestaje istnieć.
  </footer>
</main>
{% endblock %}