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

{% block panel_title %}Kontrola plików{% endblock %}
{% block heading %}Kontrola plików{% endblock %}
{% block subheading %}<p class="text-sm text-slate-500 dark:text-slate-400">Porównanie plików serwisu ze stanem wzorcowym.</p>{% endblock %}

{% block content %}

<section class="card">
  <div class="card-body space-y-4">
    <div class="space-y-1">
      <h2 class="text-sm font-semibold text-slate-900 dark:text-slate-100">Stan wzorcowy</h2>
      <p class="help">
        Wzorzec to skrót każdego pliku z chwili, w której go zapisano. Późniejsze
        sprawdzenie pokazuje, co przybyło, co się zmieniło i czego brakuje. Zapisz
        wzorzec zaraz po instalacji i po każdej świadomej zmianie kodu.
      </p>
    </div>

    <dl class="grid gap-4 sm:grid-cols-3">
      <div>
        <dt class="text-xs uppercase text-slate-400">Wzorzec z dnia</dt>
        <dd class="text-sm font-medium">{{ settings_object.baseline_at|date:"SHORT_DATETIME_FORMAT"|default:"nie zapisano" }}</dd>
      </div>
      <div>
        <dt class="text-xs uppercase text-slate-400">Plików we wzorcu</dt>
        <dd class="text-sm font-medium">{{ settings_object.baseline_count }}</dd>
      </div>
      <div>
        <dt class="text-xs uppercase text-slate-400">Ostatnie sprawdzenie</dt>
        <dd class="text-sm font-medium">
          {{ settings_object.last_scan_at|date:"SHORT_DATETIME_FORMAT"|default:"nigdy" }}
          {% if settings_object.last_scan_at %}<span class="text-slate-400">({{ settings_object.last_changes }} różnic)</span>{% endif %}
        </dd>
      </div>
    </dl>

    <div class="flex flex-wrap gap-2 border-t border-slate-200 pt-4 dark:border-slate-800">
      <form method="post">
        {% csrf_token %}
        <button class="btn-primary" type="submit" name="action" value="scan">Sprawdź teraz</button>
      </form>
      <form method="post"
            data-confirm="Zapisać obecny stan plików jako wzorcowy? Poprzedni wzorzec zostanie zastąpiony.">
        {% csrf_token %}
        <button class="btn-ghost" type="submit" name="action" value="baseline">Zapisz stan wzorcowy</button>
      </form>
    </div>
  </div>
</section>

{% if result %}
  {% if not result.has_baseline %}
    <p 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">
      Nie ma jeszcze stanu wzorcowego - każdy plik na dysku jest liczony jako nowy.
      Zapisz wzorzec, żeby porównanie miało sens.
    </p>
  {% elif not result.total %}
    <p 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">
      Sprawdzono {{ result.scanned }} plików - żadnych różnic wobec stanu wzorcowego.
    </p>
  {% else %}
    <p 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">
      Sprawdzono {{ result.scanned }} plików. Różnic: {{ result.total }}.
    </p>
  {% endif %}

  <div class="grid gap-4 lg:grid-cols-3">
    <section class="card">
      <div class="card-body space-y-2">
        <h2 class="text-sm font-semibold">Zmienione ({{ result.changed|length }})</h2>
        <ul class="space-y-1 text-xs text-slate-600 dark:text-slate-300">
          {% for path in result.changed %}<li class="break-all">{{ path }}</li>{% empty %}<li class="text-slate-400">brak</li>{% endfor %}
        </ul>
      </div>
    </section>

    <section class="card">
      <div class="card-body space-y-2">
        <h2 class="text-sm font-semibold">Nowe ({{ result.added|length }})</h2>
        <ul class="space-y-1 text-xs text-slate-600 dark:text-slate-300">
          {% for path in result.added %}<li class="break-all">{{ path }}</li>{% empty %}<li class="text-slate-400">brak</li>{% endfor %}
        </ul>
      </div>
    </section>

    <section class="card">
      <div class="card-body space-y-2">
        <h2 class="text-sm font-semibold">Usunięte ({{ result.removed|length }})</h2>
        <ul class="space-y-1 text-xs text-slate-600 dark:text-slate-300">
          {% for path in result.removed %}<li class="break-all">{{ path }}</li>{% empty %}<li class="text-slate-400">brak</li>{% endfor %}
        </ul>
      </div>
    </section>
  </div>
{% endif %}

<form method="post" novalidate class="max-w-2xl space-y-4">
  {% csrf_token %}
  {% for item in groups %}
    <section class="card">
      <div class="card-body space-y-4">
        <div class="space-y-1">
          <h2 class="text-sm font-semibold text-slate-900 dark:text-slate-100">{{ item.group.title }}</h2>
          {% if item.group.description %}<p class="help">{{ item.group.description }}</p>{% endif %}
        </div>
        <div class="{{ item.group.grid_class }}">
          {% for field in item.fields %}{% include 'panel/partials/field.html' %}{% endfor %}
        </div>
        {% if item.group.note %}
          <p class="help border-t border-slate-200 pt-3 dark:border-slate-800">{{ item.group.note }}</p>
        {% endif %}
      </div>
    </section>
  {% endfor %}
  <div class="card">
    <div class="card-body">
      <button class="btn-primary" type="submit" name="action" value="settings">Zapisz zakres kontroli</button>
    </div>
  </div>
</form>
{% endblock %}