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

{% block heading %}Baza danych{% endblock %}

{% block lead %}
<p class="text-sm text-slate-600 dark:text-slate-300">
  Wybierz silnik i podaj dane logowania. Kreator najpierw sprawdzi połączenie,
  a dopiero potem zapisze je w pliku <span class="font-medium">.env</span>
  i założy tabele.
</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 %}

{% if wynik and wynik.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">
    <p class="font-medium">Nie udało się połączyć z baza.</p>
    <p class="mt-1 whitespace-pre-line break-words">{{ wynik.blad }}</p>
  </div>
{% endif %}

<form method="post" novalidate class="space-y-6">
  {% csrf_token %}

  {% if form.non_field_errors %}
    <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">
      {% for blad in form.non_field_errors %}<p>{{ blad }}</p>{% endfor %}
    </div>
  {% endif %}

  <section class="card">
    <div class="card-body space-y-4">
      <div>
        <h2 class="text-lg font-semibold">Silnik</h2>
        <p class="help">Wyboru nie zmienia się później bez przeniesienia danych.</p>
      </div>

      {% for pole in form.engine %}
        <label class="flex items-start gap-3 border border-slate-200 p-3 text-sm dark:border-slate-800">
          <span class="pt-0.5">{{ pole.tag }}</span>
          <span class="min-w-0 flex-1">
            <span class="font-medium">{{ pole.choice_label }}</span>
            {% for silnik in silniki %}
              {% if silnik.kod == pole.data.value %}
                <span class="help block">{{ silnik.opis }}</span>
                {% if silnik.wersja %}
                  <span class="help block">Wymaga: {{ silnik.wersja }}</span>
                {% endif %}
                {% if silnik.wymaga_sterownika %}
                  {% if silnik.gotowy %}
                    <span class="badge mt-2 bg-emerald-600 text-white">sterownik: {{ silnik.sterownik }}</span>
                  {% else %}
                    <span class="badge mt-2 bg-amber-500 text-amber-950">brak sterownika</span>
                    <span class="help block">
                      Kreator doinstaluje go z pliku {{ silnik.plik }} (krok 1)
                      {% if silnik.pakiet %}albo weź go z pakietów systemu:
                        <span class="font-mono">{{ silnik.pakiet }}</span>{% endif %}
                    </span>
                  {% endif %}
                {% endif %}
              {% endif %}
            {% endfor %}
          </span>
        </label>
      {% endfor %}
      {% if form.engine.errors %}<p class="error-text">{{ form.engine.errors|join:" " }}</p>{% endif %}
    </div>
  </section>

  <section class="card">
    <div class="card-body space-y-4">
      <div>
        <h2 class="text-lg font-semibold">Połączenie</h2>
        <p class="help">
          Przy SQLite wystarczy nazwa pliku - pola serwera zostaw puste.
        </p>
      </div>
      {% with field=form.name %}{% include 'panel/partials/field.html' %}{% endwith %}
      {% for field in form.server_fields %}{% include 'panel/partials/field.html' %}{% endfor %}
    </div>
  </section>

  <div class="space-y-2">
    <button type="submit" class="btn-primary btn-block sm:w-auto">Sprawdź i przygotuj bazę</button>
    <p class="help">
      Zakładanie tabel przy pustej bazie trwa kilkanaście sekund - nie zamykaj strony.
    </p>
  </div>
</form>
{% endblock %}