statystyki i optymalizacje

templates/admin/ustawienia.html

@@ -3,14 +3,30 @@
 
 {% block content %}
 <div class="container my-4">
+  
+  <!-- Nagłówek -->
+  <div class="d-flex flex-wrap align-items-center justify-content-between gap-2 mb-4">
+    <div>
+      <h2 class="mb-1">Ustawienia globalne</h2>
+      <p class="text-muted mb-0">Konfiguracja systemu, płatności i wyglądu</p>
+    </div>
+    <div class="d-flex flex-wrap gap-2">
+      <a href="{{ url_for('admin_statystyki') }}" class="btn btn-outline-light">
+        Statystyki
+      </a>
+      <a href="{{ url_for('admin_dashboard') }}" class="btn btn-outline-light">
+        ← Panel Admina
+      </a>
+    </div>
+  </div>
+
   <form method="post" novalidate id="form-global-settings">
-    {# {{ form.csrf_token }} jeśli używasz Flask-WTF #}
 
     <!-- SEKCJA: Dane płatności -->
     <div class="card shadow-sm mb-4">
       <div class="card-header bg-secondary text-white d-flex align-items-center justify-content-between gap-2">
         <h3 class="card-title mb-0">Dane płatności</h3>
-        <small class="opacity-75">Używane jako wartości domyślne przy dodawaniu/edycji zbiórek</small>
+        <small class="opacity-75">Wartości domyślne dla zbiórek</small>
       </div>
 
       <div class="card-body">
@@ -23,7 +39,7 @@
                 value="{{ settings.numer_konta if settings else '' }}" inputmode="numeric" autocomplete="off"
                 placeholder="12 3456 7890 1234 5678 9012 3456" required aria-describedby="ibanHelp">
             </div>
-            <div id="ibanHelp" class="form-text">Wpisz ciąg cyfr — spacje dodadzą się automatycznie co 4 znaki.</div>
+            <div id="ibanHelp" class="form-text">Wpisz ciąg cyfr — spacje dodadzą się automatycznie co 4 znaki</div>
           </div>
 
           <div class="col-12 col-md-6">
@@ -34,7 +50,7 @@
                 value="{{ settings.numer_telefonu_blik if settings else '' }}" inputmode="tel" pattern="[0-9 ]{9,13}"
                 placeholder="123 456 789" required aria-describedby="blikHelp">
             </div>
-            <div id="blikHelp" class="form-text">9 cyfr. Spacje i format 3-3-3 dodajemy dla czytelności.</div>
+            <div id="blikHelp" class="form-text">9 cyfr. Format 3-3-3 dla czytelności</div>
           </div>
         </div>
       </div>
@@ -43,8 +59,8 @@
     <!-- SEKCJA: Dostępy / biała lista IP -->
     <div class="card shadow-sm mb-4">
       <div class="card-header bg-secondary text-white d-flex align-items-center justify-content-between gap-2">
-        <h3 class="card-title mb-0">Dostęp — dozwolone adresy IP / hosty</h3>
-        <small class="opacity-75">Zależnie od konfiguracji logowanie może wymagać dopasowania do białej listy</small>
+        <h3 class="card-title mb-0">Kontrola dostępu</h3>
+        <small class="opacity-75">Biała lista IP/hostów dla logowania</small>
       </div>
 
       <div class="card-body">
@@ -59,16 +75,16 @@
                 ➕ Dodaj
               </button>
             </div>
-            <div id="hostAddHelp" class="form-text">Po wpisaniu kliknij „Dodaj”. Duplikaty są pomijane.</div>
+            <div id="hostAddHelp" class="form-text">Po wpisaniu kliknij „Dodaj". Duplikaty są pomijane</div>
           </div>
 
           <div class="col-12 col-lg-4">
             <div class="d-flex flex-wrap gap-2 justify-content-lg-end">
               <button type="button" class="btn btn-light text-dark" id="btn-add-my-ip" data-my-ip="{{ client_ip }}">
-                <i class="fas fa-location-arrow"></i> ➕ Dodaj moje IP ({{ client_ip }})
+                ➕ Dodaj moje IP ({{ client_ip }})
               </button>
               <button type="button" class="btn btn-outline-light" id="btn-dedupe">
-               Usuń duplikaty
+                Usuń duplikaty
               </button>
             </div>
           </div>
@@ -86,12 +102,37 @@
             placeholder="Adresy IP lub nazwy domen — każdy w osobnej linii lub rozdzielony przecinkiem">{{ settings.dozwolone_hosty_logowania if settings and settings.dozwolone_hosty_logowania else '' }}</textarea>
 
           <small class="text-muted d-block mt-1">
-            Akceptowane separatory: przecinek (`,`), średnik (`;`) i nowa linia.
+            Akceptowane separatory: przecinek (`,`), średnik (`;`) i nowa linia
           </small>
         </div>
       </div>
     </div>
 
+    <!-- SEKCJA: Kolejność list rezerwowych -->
+    <div class="card shadow-sm mb-4">
+      <div class="card-header bg-secondary text-white d-flex align-items-center justify-content-between gap-2">
+        <h3 class="card-title mb-0">Kolejność wyświetlania</h3>
+        <small class="opacity-75">Pozycja list rezerwowych na stronie głównej</small>
+      </div>
+
+      <div class="card-body">
+        <div class="mb-3">
+          <label for="kolejnosc_rezerwowych" class="form-label fw-semibold">Kolejność list rezerwowych</label>
+          <select class="form-select" id="kolejnosc_rezerwowych" name="kolejnosc_rezerwowych">
+            <option value="id" {% if settings and settings.kolejnosc_rezerwowych == 'id' %}selected{% endif %}>
+              Według ID (domyślnie)
+            </option>
+            <option value="first" {% if settings and settings.kolejnosc_rezerwowych == 'first' %}selected{% endif %}>
+              Jako pierwsze
+            </option>
+            <option value="last" {% if settings and settings.kolejnosc_rezerwowych == 'last' %}selected{% endif %}>
+              Jako ostatnie
+            </option>
+          </select>
+          <small class="text-muted d-block mt-1">Określa, gdzie na stronie głównej będą wyświetlane listy rezerwowe względem standardowych zbiórek</small>
+        </div>
+      </div>
+    </div>
 
     <!-- SEKCJA: Branding -->
     <div class="card shadow-sm mb-4">
@@ -107,7 +148,7 @@
             <label for="logo_url" class="form-label">Logo (URL PNG/SVG)</label>
             <input type="text" class="form-control" id="logo_url" name="logo_url"
               value="{{ settings.logo_url if settings else '' }}" placeholder="https://example.com/logo.svg">
-            <div class="form-text">Transparentne, do ~60px wysokości.</div>
+            <div class="form-text">Transparentne, do ~60px wysokości</div>
             {% if settings and settings.logo_url %}
             <div class="mt-2">
               <img src="{{ settings.logo_url }}" alt="Logo preview" style="max-height:50px">
@@ -140,7 +181,7 @@
                 %}checked{% endif %}>
               <label class="form-check-label" for="navbar_mode_text">Pokaż tekst</label>
             </div>
-            <div class="form-text mt-1">Jeśli wybierzesz logo, użyjemy adresu z pola "Tytuł serwisu".</div>
+            <div class="form-text mt-1">Jeśli wybierzesz logo, użyjemy adresu z pola "Logo URL"</div>
           </div>
 
           <!-- STOPKA -->
@@ -157,17 +198,16 @@
               <label class="form-check-label" for="footer_mode_text">Tekst</label>
             </div>
 
-            <label for="stopka_text" class="form-label mt-2">Tekst w stopce (gdy wybrano „Tekst”)</label>
+            <label for="stopka_text" class="form-label mt-2">Tekst w stopce (gdy wybrano „Tekst")</label>
             <input type="text" class="form-control" id="stopka_text" name="stopka_text"
               value="{{ settings.stopka_text if settings and settings.stopka_text else '' }}"
               placeholder="Np. © {{ now().year if now else '2025' }} Zbiórki">
-            <div class="form-text">Pozostaw pusty, by użyć domyślnego.</div>
+            <div class="form-text">Pozostaw pusty, by użyć domyślnego</div>
           </div>
         </div>
       </div>
     </div>
 
-
     <!-- CTA -->
     <div class="d-flex justify-content-between">
       <a href="{{ url_for('admin_dashboard') }}" class="btn btn-outline-light">Powrót</a>
@@ -180,4 +220,4 @@
 {% block extra_scripts %}
 {{ super() }}
 <script src="{{ url_for('static', filename='js/ustawienia.js') }}?v={{ APP_VERSION }}"></script>
-{% endblock %}
+{% endblock %}