{% extends 'admin/master.html' %}
{% block body %}
<div class="container-fluid mt-4 pb-5">

  <!-- Hero -->
  <div class="p-4 mb-4 rounded" style="background:linear-gradient(135deg,#1a0000,#3b0000);border:1px solid #7f1d1d">
    <div class="d-flex align-items-center justify-content-between flex-wrap gap-2">
      <div>
        <h2 class="text-white mb-1 font-weight-bold">🦅 Prawicowy Dashboard</h2>
        <p class="mb-0" style="color:#fca5a5;font-size:.85rem">Wielka Polska wróci, pogonimy Rudego</p>
      </div>
      <a href="/" target="_blank" class="btn btn-danger btn-sm">▶ Otwórz Dashboard</a>
    </div>
  </div>

  <!-- Stats -->
  <div class="row mb-4">
    <div class="col-6 col-md-3 mb-3">
      <div class="card text-white h-100" style="background:#1e3a8a;border-color:#1e40af">
        <div class="card-body">
          <div class="d-flex justify-content-between align-items-center">
            <div>
              <div style="font-size:.75rem;opacity:.8;text-transform:uppercase;letter-spacing:1px">Użytkownicy</div>
              <div style="font-size:2.5rem;font-weight:900;line-height:1">{{ stats.users }}</div>
            </div>
            <div style="font-size:2.2rem;opacity:.5">👤</div>
          </div>
        </div>
        <div class="card-footer p-2" style="border-color:#1e40af;background:rgba(0,0,0,.2)">
          <a href="{{ url_for('user.index_view') }}" style="color:rgba(255,255,255,.6);font-size:.75rem;text-decoration:none">Zarządzaj →</a>
        </div>
      </div>
    </div>
    <div class="col-6 col-md-3 mb-3">
      <div class="card text-white h-100" style="background:#7f1d1d;border-color:#991b1b">
        <div class="card-body">
          <div class="d-flex justify-content-between align-items-center">
            <div>
              <div style="font-size:.75rem;opacity:.8;text-transform:uppercase;letter-spacing:1px">Źródła RSS</div>
              <div style="font-size:2.5rem;font-weight:900;line-height:1">{{ stats.sources }}</div>
            </div>
            <div style="font-size:2.2rem;opacity:.5">📡</div>
          </div>
        </div>
        <div class="card-footer p-2" style="border-color:#991b1b;background:rgba(0,0,0,.2)">
          <a href="{{ url_for('rss_source.index_view') }}" style="color:rgba(255,255,255,.6);font-size:.75rem;text-decoration:none">Zarządzaj →</a>
        </div>
      </div>
    </div>
    <div class="col-6 col-md-3 mb-3">
      <div class="card text-white h-100" style="background:#14532d;border-color:#166534">
        <div class="card-body">
          <div class="d-flex justify-content-between align-items-center">
            <div>
              <div style="font-size:.75rem;opacity:.8;text-transform:uppercase;letter-spacing:1px">Politycy (ticker)</div>
              <div style="font-size:2.5rem;font-weight:900;line-height:1">{{ stats.politicians }}</div>
            </div>
            <div style="font-size:2.2rem;opacity:.5">🏛</div>
          </div>
        </div>
        <div class="card-footer p-2" style="border-color:#166534;background:rgba(0,0,0,.2)">
          <a href="{{ url_for('politician.index_view') }}" style="color:rgba(255,255,255,.6);font-size:.75rem;text-decoration:none">Zarządzaj →</a>
        </div>
      </div>
    </div>
    <div class="col-6 col-md-3 mb-3">
      <div class="card text-white h-100" style="background:#78350f;border-color:#92400e">
        <div class="card-body">
          <div class="d-flex justify-content-between align-items-center">
            <div>
              <div style="font-size:.75rem;opacity:.8;text-transform:uppercase;letter-spacing:1px">Posłowie partii</div>
              <div style="font-size:2.5rem;font-weight:900;line-height:1">{{ stats.party_members }}</div>
            </div>
            <div style="font-size:2.2rem;opacity:.5">⚡</div>
          </div>
        </div>
        <div class="card-footer p-2" style="border-color:#92400e;background:rgba(0,0,0,.2)">
          <a href="{{ url_for('party_member.index_view') }}" style="color:rgba(255,255,255,.6);font-size:.75rem;text-decoration:none">Zarządzaj →</a>
        </div>
      </div>
    </div>
  </div>

  <!-- Quick actions -->
  <div class="card mb-4" style="background:#1a1d27;border-color:#2d3147">
    <div class="card-header" style="background:#2d3147;border-color:#2d3147;font-weight:700;color:#e2e8f0">
      🚀 Szybkie akcje
    </div>
    <div class="card-body" style="gap:.5rem;display:flex;flex-wrap:wrap">
      <a href="{{ url_for('rss_source.create_view') }}"   class="btn btn-sm btn-outline-danger">+ Nowe źródło RSS</a>
      <a href="{{ url_for('politician.create_view') }}"   class="btn btn-sm btn-outline-success">+ Nowy polityk (ticker)</a>
      <a href="{{ url_for('party_member.create_view') }}" class="btn btn-sm btn-outline-warning">+ Nowy poseł partii</a>
      <a href="{{ url_for('site_setting.index_view') }}"  class="btn btn-sm btn-outline-secondary">⚙️ Ustawienia</a>
      <a href="{{ url_for('user.create_view') }}"         class="btn btn-sm btn-outline-primary">+ Nowy admin</a>
    </div>
  </div>

  <!-- Edit guide -->
  <div class="card" style="background:#1a1d27;border-color:#2d3147">
    <div class="card-header" style="background:#2d3147;border-color:#2d3147;font-weight:700;color:#e2e8f0">
      📖 Co można edytować?
    </div>
    <div class="card-body p-0">
      <table class="table table-sm mb-0" style="color:#94a3b8">
        <thead><tr style="background:#111827;color:#e2e8f0">
          <th class="pl-3">Sekcja</th><th>Co edytujesz</th><th>Efekt</th>
        </tr></thead>
        <tbody>
          <tr><td class="pl-3">📡 Źródła RSS</td><td>Dodaj/zmień/usuń feed URL, grupę, nazwę, ikonę</td><td>Natychmiastowy – przy następnym pobraniu artykułów</td></tr>
          <tr><td class="pl-3">🏛 Politycy</td><td>Imię, cytat, zdjęcie w górnym pasku (tickerze)</td><td>Natychmiastowy – przy odświeżeniu strony</td></tr>
          <tr><td class="pl-3">⚡ Posłowie partii</td><td>KKP i Konfederacja: zdjęcia, opisy, sekcje</td><td>Natychmiastowy – przy odświeżeniu strony</td></tr>
          <tr><td class="pl-3">⚙️ Ustawienia</td><td>Tytuł strony, stopka, inne klucze konfiguracji</td><td>Natychmiastowy – przy odświeżeniu strony</td></tr>
          <tr><td class="pl-3">👤 Użytkownicy</td><td>Dodaj admina, zmień hasło</td><td>Natychmiastowy</td></tr>
        </tbody>
      </table>
    </div>
  </div>

</div>
{% endblock %}
