@extends('layouts.master')

@section('content')
<style>
  /* --- Global --- */
  body.light-mode {
    background: linear-gradient(to bottom right, #e6f0ff, #ffffff);
    color: #212529;
  }
  body.dark-mode {
    background: linear-gradient(to bottom right, #1e1e2f, #2c2c3c);
    color: #f1f1f1;
  }

  /* --- Glass boxes --- */
  .glass-box {
    backdrop-filter: blur(12px);
    border-radius: 20px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.1);
    padding: 30px;
    transition: background 0.3s, border-color 0.3s, transform 0.3s;
  }
  body.light-mode .glass-box {
    background: rgba(255,255,255,0.7);
    border: 1px solid rgba(255,255,255,0.4);
  }
  body.dark-mode .glass-box {
    background: rgba(30,30,40,0.6);
    border: 1px solid rgba(255,255,255,0.1);
  }
  .glass-box:hover { transform: translateY(-4px); box-shadow: 0 12px 35px rgba(0,0,0,0.12); }

  /* --- Headings & text --- */
  .glass-box h3 { transition: color 0.3s; }
  body.light-mode .glass-box h3 { color: #1a237e; }
  body.dark-mode  .glass-box h3 { color: #90caf9 !important; }
  .text-muted { transition: color 0.3s; }
  body.light-mode .text-muted { color: #666 !important; }
  body.dark-mode  .text-muted { color: #aaa !important; }

  /* --- Buttons --- */
  .btn-primary, .btn-outline-primary {
    border-radius: 12px;
    font-weight: 500;
    transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  }
  body.light-mode .btn-primary { background-color: #1a237e; border-color: #1a237e; color: #fff; }
  body.light-mode .btn-primary:hover { background-color: #283593; border-color: #283593; }
  body.light-mode .btn-outline-primary { background: transparent; color: #1a237e; border-color: #1a237e; }
  body.light-mode .btn-outline-primary:hover { background-color: #1a237e; color: #fff; }

  body.dark-mode .btn-primary { background-color: #90caf9 !important; border-color: #90caf9 !important; color: #000 !important; }
  body.dark-mode .btn-primary:hover { background-color: #a5d6a7 !important; border-color: #a5d6a7 !important; }
  body.dark-mode .btn-outline-primary { background: transparent; color: #90caf9 !important; border-color: #90caf9 !important; }
  body.dark-mode .btn-outline-primary:hover { background-color: #90caf9 !important; color: #000 !important; }

  /* --- Lists --- */
  .nice-list { margin: .25rem 0 0 1.25rem; }
  .nice-list li { margin: .25rem 0; }
</style>

<div class="container py-5">
  <div class="row g-4 justify-content-center align-items-stretch">

    {{-- Informacje ogólne --}}
    <div class="col-lg-10">
      <div class="glass-box">
        <h3 class="mb-3">Informacje ogólne</h3>
        <p class="text-muted mb-2">
          <strong>{{ $appName }}</strong> to system zgłoszeniowy firmy <strong>{{ $company }}</strong> — służy do rejestracji,
          obsługi i archiwizacji zgłoszeń serwisowych oraz komunikacji z klientami.
        </p>
        <p class="mb-0">
          Strona {{ $company }}: <a href="{{ $siteUrl }}" target="_blank" rel="noopener">{{ $siteUrl }}</a>
        </p>
      </div>
    </div>

    {{-- Polityka prywatności --}}
    <div class="col-lg-10">
      <div class="glass-box">
        <h3 class="mb-3">Polityka prywatności</h3>
        <p>
          Administratorem danych osobowych przetwarzanych w {{ $appName }} jest {{ $company }} („Administrator”).
          Dane przetwarzamy zgodnie z RODO (art. 6 ust. 1 lit. b, c, f) oraz przepisami krajowymi.
        </p>
        <ul class="nice-list">
          <li><strong>Zakres danych:</strong> imię i nazwisko, e-mail, telefon, nazwa firmy/klienta, treści zgłoszeń i załączniki, identyfikatory systemowe, logi techniczne (IP, nagłówki, znaczniki czasu).</li>
          <li><strong>Cele:</strong> obsługa zgłoszeń i komunikacja, bezpieczeństwo i ciągłość działania, obowiązki prawne, dochodzenie/obrona roszczeń, analityka i ulepszanie usług.</li>
          <li><strong>Podstawy prawne:</strong> świadczenie usług (art. 6 ust. 1 lit. b), obowiązek prawny (lit. c), uzasadniony interes Administratora (lit. f).</li>
          <li><strong>Odbiorcy danych:</strong> upoważnieni pracownicy/współpracownicy {{ $company }}, dostawcy usług IT (hosting, utrzymanie), podmioty uprawnione przepisami.</li>
          <li><strong>Transfer poza EOG:</strong> co do zasady dane przetwarzamy w EOG; ewentualny transfer z właściwymi zabezpieczeniami (np. standardowe klauzule umowne).</li>
          <li><strong>Okres przechowywania:</strong> przez czas obsługi zgłoszeń i wymagany przepisami (archiwizacja, przedawnienie roszczeń).</li>
          <li><strong>Dobrowolność:</strong> podanie danych jest dobrowolne, lecz niezbędne do obsługi zgłoszenia.</li>
        </ul>
        <p class="text-muted mb-0">Ostatnia aktualizacja: {{ $updatedAt }}</p>
      </div>
    </div>

    {{-- Cookies + Bezpieczeństwo --}}
    <div class="col-md-6 col-lg-5">
      <div class="glass-box h-100">
        <h3 class="mb-3">Pliki cookies i logi</h3>
        <ul class="nice-list">
          <li>Używamy cookies niezbędnych do działania aplikacji (sesja, preferencje, ochrona przed nadużyciami).</li>
          <li>Logi techniczne (IP, nagłówki, timestamp) służą bezpieczeństwu, diagnostyce i rozliczalności.</li>
          <li>Możesz ograniczyć cookies w przeglądarce — część funkcji może działać gorzej.</li>
        </ul>
      </div>
    </div>
    <div class="col-md-6 col-lg-5">
      <div class="glass-box h-100">
        <h3 class="mb-3">Bezpieczeństwo</h3>
        <ul class="nice-list">
          <li>Stosujemy środki techniczne i organizacyjne adekwatne do ryzyka (kontrola dostępu, szyfrowanie transmisji, kopie bezpieczeństwa, logowanie zdarzeń).</li>
          <li>Dane są dostępne wyłącznie dla upoważnionych osób zgodnie z zasadą minimalnego dostępu.</li>
          <li>Regularnie aktualizujemy i weryfikujemy konfigurację środowiska.</li>
        </ul>
      </div>
    </div>

    {{-- Prawa użytkownika (RODO) --}}
    <div class="col-lg-10">
      <div class="glass-box">
        <h3 class="mb-3">Twoje prawa (RODO)</h3>
        <p>Masz prawo do:</p>
        <ul class="nice-list">
          <li>dostępu do danych i uzyskania kopii,</li>
          <li>sprostowania danych,</li>
          <li>usunięcia („prawo do bycia zapomnianym”) — w przypadkach przewidzianych prawem,</li>
          <li>ograniczenia przetwarzania,</li>
          <li>przenoszenia danych (jeśli ma zastosowanie),</li>
          <li>sprzeciwu wobec przetwarzania opartego na uzasadnionym interesie,</li>
          <li>wniesienia skargi do właściwego organu nadzorczego.</li>
        </ul>
        <p class="mb-0">
          Aby skorzystać z praw, skontaktuj się z nami przez {{ $appName }} lub przez dane kontaktowe na
          <a href="{{ $siteUrl }}" target="_blank" rel="noopener">{{ $siteUrl }}</a>.
        </p>
      </div>
    </div>

    {{-- Kontakt + CTA --}}
    <div class="col-lg-10">
      <div class="glass-box d-flex flex-column flex-md-row gap-3 align-items-start align-items-md-center justify-content-between">
        <div>
          <h3 class="mb-2">Kontakt</h3>
          <p class="mb-0 text-muted">
            Najwygodniej przez zgłoszenie w {{ $appName }} lub formularze kontaktowe na
            <a href="{{ $siteUrl }}" target="_blank" rel="noopener">{{ $siteUrl }}</a>.
          </p>
        </div>
        <div class="d-flex gap-2 w-100 w-md-auto">
          <a href="{{ route('ticket.create') }}" class="btn btn-primary w-100">Utwórz zgłoszenie</a>
          <a href="{{ url('/') }}" class="btn btn-outline-primary w-100">Powrót na stronę główną</a>
        </div>
      </div>
    </div>

  </div>
</div>
@endsection