{% extends 'installer/base.html' %}

{% block heading %}Sprawdzamy środowisko{% endblock %}

{% block lead %}
<p class="text-sm text-slate-600 dark:text-slate-300">
  Dwie listy: czego wymaga serwer i czego brakuje w środowisku Pythona.
  Punkty na czerwono trzeba naprawić - bez nich instalacja nie ruszy.
</p>
{% endblock %}

{% block content %}
{% if error %}
  <div class="border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800 dark:border-red-900 dark:bg-red-950 dark:text-red-200">
    {{ error }}
  </div>
{% endif %}

<section class="card">
  <div class="card-body space-y-4">
    <h2 class="text-lg font-semibold">Wymagania serwera</h2>

    <ul class="divide-y divide-slate-200 text-sm dark:divide-slate-800">
      {% for check in checks %}
        <li class="flex flex-wrap items-start gap-3 py-3">
          <span class="badge shrink-0 {% if check.ok %}bg-emerald-600 text-white{% elif check.blocking %}bg-red-600 text-white{% else %}bg-amber-500 text-amber-950{% endif %}">
            {% if check.ok %}jest{% elif check.blocking %}brak{% else %}uwaga{% endif %}
          </span>
          <span class="min-w-0 flex-1">
            <span class="font-medium">{{ check.name }}</span>
            {% if check.detail %}
              <span class="ml-1 break-all text-slate-500 dark:text-slate-400">{{ check.detail }}</span>
            {% endif %}
            {% if check.is_problem and check.hint %}
              <span class="help block">{{ check.hint }}</span>
            {% endif %}
          </span>
        </li>
      {% endfor %}
    </ul>
  </div>
</section>

<section class="card">
  <div class="card-body space-y-4">
    <div>
      <h2 class="text-lg font-semibold">Zależności z pliku {{ plik_zaleznosci }}</h2>
      <p class="help">
        Lista bierze się prosto z pliku obok manage.py - tego samego, którego
        używa <span class="font-medium">pip install -r</span>.
      </p>
    </div>

    {% if zaleznosci %}
      <ul class="divide-y divide-slate-200 text-sm dark:divide-slate-800">
        {% for pozycja in zaleznosci %}
          <li class="flex flex-wrap items-start gap-3 py-2">
            <span class="badge shrink-0 {% if pozycja.ok %}bg-emerald-600 text-white{% else %}bg-red-600 text-white{% endif %}">
              {% if pozycja.ok %}jest{% else %}brak{% endif %}
            </span>
            <span class="min-w-0 flex-1">
              <span class="font-medium">{{ pozycja.nazwa }}{{ pozycja.warunek }}</span>
              <span class="ml-1 text-slate-500 dark:text-slate-400">{{ pozycja.opis }}</span>
            </span>
          </li>
        {% endfor %}
      </ul>
    {% else %}
      <p class="text-sm text-slate-600 dark:text-slate-300">
        Nie znaleziono pliku {{ plik_zaleznosci }} w katalogu serwisu.
      </p>
    {% endif %}

    {% if instalacja_trwa %}
      <div class="border border-amber-200 bg-amber-50 px-4 py-3 text-sm text-amber-900 dark:border-amber-900 dark:bg-amber-950 dark:text-amber-100">
        <p class="font-medium">Instalacja zależności trwa.</p>
        <p class="mt-1">
          Ekran odświeża się sam co kilka sekund. Kompilacja pakietu potrafi
          zająć kilka minut - nie zamykaj tej strony.
        </p>
      </div>
    {% elif instalacja.stan == 'blad' %}
      <div class="border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800 dark:border-red-900 dark:bg-red-950 dark:text-red-200">
        Instalacja zależności zakończyła się błędem (kod {{ instalacja.kod }}).
        Dziennik niżej mówi, na czym stanęła.
      </div>
    {% elif instalacja.stan == 'gotowe' %}
      <div class="border border-emerald-200 bg-emerald-50 px-4 py-3 text-sm text-emerald-900 dark:border-emerald-900 dark:bg-emerald-950 dark:text-emerald-100">
        Zależności zainstalowane. Jeśli lista wyżej dalej pokazuje braki,
        zrestartuj aplikacje - nowe pakiety nie wchodzą do pracującego procesu.
      </div>
    {% endif %}

    {% if brakujace and not instalacja_trwa %}
      {% if mozna_instalowac %}
        <form method="post" action="{% url 'installer:dependencies' %}">
          {% csrf_token %}
          <button type="submit" class="btn-primary">Doinstaluj brakujące ({{ brakujace|length }})</button>
          <span class="help block">
            Kreator uruchamia <span class="font-medium">pip install -r {{ plik_zaleznosci }}</span>
            w osobnym procesie. Instaluje wyłącznie z tego pliku.
          </span>
        </form>
      {% else %}
        <div class="border border-amber-200 bg-amber-50 px-4 py-3 text-sm text-amber-900 dark:border-amber-900 dark:bg-amber-950 dark:text-amber-100">
          <p>{{ powod_odmowy }}</p>
          <p class="mt-2">Przepisz do konsoli:</p>
          <p class="mt-1 break-all font-mono text-xs">{{ polecenie }}</p>
        </div>
      {% endif %}
    {% endif %}

    {% if dziennik %}
      <details {% if instalacja_trwa or instalacja.stan == 'blad' %}open{% endif %}>
        <summary class="cursor-pointer text-sm font-medium">Dziennik instalacji</summary>
        <pre class="mt-2 max-h-72 overflow-auto bg-slate-900 p-3 text-xs text-slate-100">{{ dziennik }}</pre>
      </details>
    {% endif %}
  </div>
</section>

<section class="card">
  <div class="card-body space-y-4">
    <h2 class="text-lg font-semibold">Dalej: baza danych</h2>
    <p class="text-sm text-slate-600 dark:text-slate-300">
      W następnym kroku wybierzesz silnik bazy i podasz dane logowania.
      Baza musi już istnieć - kreator jej nie zakłada.
    </p>
    <a href="{% url 'installer:baza' %}"
       class="btn-primary {% if blockers %}pointer-events-none opacity-50{% endif %}">
      Przejdź do bazy danych
    </a>
    {% if blockers %}
      <p class="error-text">Najpierw napraw punkty oznaczone na czerwono, potem odśwież te stronę.</p>
    {% endif %}
  </div>
</section>

<p class="text-xs text-slate-500 dark:text-slate-400">
  Python {{ environment.python }} &middot; system {{ environment.platform }}
  {% if environment.venv %}&middot; środowisko wirtualne{% endif %}
  {% if environment.user %}&middot; użytkownik {{ environment.user }}{% endif %}
  <br>{{ environment.interpreter }}
</p>
{% endblock %}