{% extends 'admin/admin_base.html' %}
{% block title %}<i class="fa-solid fa-shield-halved me-2 text-primary"></i>Panel admina{% endblock %}
{% block admin_content %}
<div class="d-flex justify-content-between align-items-start flex-wrap gap-3 mb-4">
  <div>
    <h4 class="mb-1">Administracja systemem</h4>
    <div class="text-secondary">
      Jedno miejsce do zarządzania konfiguracją globalną, firmami, użytkownikami i danymi testowymi.
    </div>
  </div>
</div>

<div class="row g-3 mb-4">
  <div class="col-md-4">
    <div class="card shadow-sm h-100 border-0">
      <div class="card-body">
        <div class="small text-secondary mb-1">Użytkownicy</div>
        <div class="display-6">{{ users }}</div>
      </div>
    </div>
  </div>
  <div class="col-md-4">
    <div class="card shadow-sm h-100 border-0">
      <div class="card-body">
        <div class="small text-secondary mb-1">Firmy</div>
        <div class="display-6">{{ companies }}</div>
      </div>
    </div>
  </div>
  <div class="col-md-4">
    <div class="card shadow-sm h-100 border-0">
      <div class="card-body">
        <div class="small text-secondary mb-1">Firmy z mock</div>
        <div class="display-6">{{ mock_enabled }}</div>
      </div>
    </div>
  </div>
</div>

<div class="row g-3">
  <div class="col-xl-6">
    <div class="card shadow-sm h-100 border-0">
      <div class="card-body p-4">
        <div class="d-flex justify-content-between align-items-start flex-wrap gap-2 mb-3">
          <div>
            <div class="small text-secondary mb-1">Tryb tylko do odczytu</div>
            <h5 class="mb-1">Globalna blokada zapisów</h5>
            <div class="text-secondary">
              Szybkie przełączenie systemu między pracą operacyjną i bezpiecznym trybem tylko do odczytu.
            </div>
          </div>
          <span class="badge rounded-pill {{ 'text-bg-warning' if global_ro else 'text-bg-light border text-secondary' }}">
            {{ 'Aktywna' if global_ro else 'Wyłączona' }}
          </span>
        </div>

        <div class="d-flex flex-wrap gap-2">
          <form method="post" action="{{ url_for('admin.toggle_global_read_only') }}" class="m-0">
            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
            <input type="hidden" name="enabled" value="1">
            <button class="btn btn-sm btn-outline-warning" {{ 'disabled' if global_ro else '' }}>
              <i class="fa-solid fa-eye me-1"></i>Włącz R/O
            </button>
          </form>

          <form method="post" action="{{ url_for('admin.toggle_global_read_only') }}" class="m-0">
            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
            <input type="hidden" name="enabled" value="0">
            <button class="btn btn-sm btn-outline-secondary" {{ '' if global_ro else 'disabled' }}>
              <i class="fa-solid fa-pen me-1"></i>Wyłącz R/O
            </button>
          </form>
        </div>
      </div>
    </div>
  </div>

  <div class="col-xl-6">
    <div class="card shadow-sm h-100 border-0">
      <div class="card-body p-4">
        <div class="d-flex justify-content-between align-items-start flex-wrap gap-2 mb-3">
          <div>
            <div class="small text-secondary mb-1">Dane testowe i mock</div>
            <h5 class="mb-1">Środowisko demonstracyjne</h5>
            <div class="text-secondary">
              Generowanie zestawu startowego i szybkie czyszczenie danych do testów prezentacyjnych.
            </div>
          </div>
          <span class="badge rounded-pill text-bg-light border text-secondary">
            {{ mock_enabled }} firm
          </span>
        </div>

        <div class="d-flex flex-wrap gap-2">
          <form method="post" action="{{ url_for('admin.generate_mock_data') }}" class="m-0">
            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
            <button class="btn btn-sm btn-outline-primary">
              <i class="fa-solid fa-database me-1"></i>Generuj dane mock
            </button>
          </form>

          <form method="post" action="{{ url_for('admin.clear_mock_data') }}" class="m-0">
            <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
            <button class="btn btn-sm btn-outline-danger">
              <i class="fa-solid fa-trash-can me-1"></i>Usuń dane mock
            </button>
          </form>
        </div>
      </div>
    </div>
  </div>

  <div class="col-12">
    <div class="card shadow-sm border-0">
      <div class="card-header bg-body-tertiary">
        <div class="fw-semibold">
          <i class="fa-solid fa-link me-2"></i>API CEIDG
        </div>
      </div>

      <div class="card-body p-4">
        <form method="post" action="{{ url_for('admin.save_ceidg_settings') }}" id="ceidg-config-form">
          {{ ceidg_form.hidden_tag() }}
          {{ ceidg_form.environment(value='production') }}

          <div class="row g-3 mb-3">
            <div class="col-md-6">
              <div class="border rounded-3 p-3 h-100 bg-body-tertiary-subtle">
                <div class="d-flex align-items-center justify-content-between gap-2 mb-2">
                  <label class="form-label mb-0 fw-semibold">Środowisko CEIDG</label>
                  <span
                    class="text-secondary"
                    data-bs-toggle="tooltip"
                    data-bs-placement="top"
                    title="CEIDG działa wyłącznie w środowisku produkcyjnym. Wybór środowiska został ukryty."
                  >
                    <i class="fa-regular fa-circle-question"></i>
                  </span>
                </div>

                <div class="d-flex align-items-center justify-content-between">
                  <span class="badge rounded-pill text-bg-success-subtle text-success-emphasis border border-success-subtle">
                    PROD
                  </span>
                </div>

                <div class="form-text mt-2 mb-0">
                  Tryb produkcyjny jest używany stale.
                </div>
              </div>
            </div>

            <div class="col-md-6">
              <div class="border rounded-3 p-3 h-100 bg-body-tertiary-subtle">
                <div class="d-flex align-items-center justify-content-between gap-2 mb-2">
                  <label class="form-label mb-0 fw-semibold">Status klucza</label>
                  <span
                    class="text-secondary"
                    data-bs-toggle="tooltip"
                    data-bs-placement="top"
                    title="{% if ceidg_api_key_configured %}W systemie zapisano klucz CEIDG. Pozostawienie pustego pola nie usuwa obecnej wartości.{% else %}Klucz CEIDG nie został jeszcze zapisany. Wklej go poniżej i zapisz ustawienia.{% endif %}"
                  >
                    <i class="fa-regular fa-circle-question"></i>
                  </span>
                </div>

                <div class="d-flex align-items-center justify-content-between">
                  <span class="badge rounded-pill {{ 'text-bg-success-subtle text-success-emphasis border border-success-subtle' if ceidg_api_key_configured else 'text-bg-danger-subtle text-danger-emphasis border border-danger-subtle' }}">
                    {{ 'Klucz dodany' if ceidg_api_key_configured else 'Brak klucza' }}
                  </span>
                </div>

                <div class="form-text mt-2 mb-0">
                  {% if ceidg_api_key_configured %}
                    Klucz jest zapisany w systemie.
                  {% else %}
                    Wprowadź klucz i zapisz formularz.
                  {% endif %}
                </div>
              </div>
            </div>
          </div>

          <div class="row g-3">
            <div class="col-12">
              <label class="form-label d-flex align-items-center gap-2" for="{{ ceidg_form.api_key.id }}">
                <span>{{ ceidg_form.api_key.label.text }}</span>
                <span
                  class="text-secondary"
                  data-bs-toggle="tooltip"
                  data-bs-placement="top"
                  title="Wklej nowy token CEIDG. Pozostawienie pustego pola zachowuje aktualnie zapisany token."
                >
                  <i class="fa-regular fa-circle-question"></i>
                </span>
              </label>

              <div class="input-group">
                {{ ceidg_form.api_key(class='form-control', autocomplete='off', placeholder='Wklej nowy token CEIDG') }}
                <span class="input-group-text">
                  <i class="fa-solid fa-key text-secondary"></i>
                </span>
              </div>

              <div class="form-text">
                Pozostaw puste, aby zachować zapisany klucz. CEIDG działa stale na PROD.
              </div>
            </div>

            <div class="col-12 pt-2">
              {{ ceidg_form.submit(class='btn btn-primary px-4') }}
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>

<script>
  document.addEventListener('DOMContentLoaded', function () {
    if (window.bootstrap && bootstrap.Tooltip) {
      document.querySelectorAll('[data-bs-toggle="tooltip"]').forEach(function (el) {
        new bootstrap.Tooltip(el);
      });
    }
  });
</script>
{% endblock %}