nowa funckcja i male zmiany w js

templates/edit_my_list.html

@@ -1,7 +1,8 @@
 {% extends 'base.html' %}
-{% block content %}
 
+{% block content %}
 <h2>Edytuj listę: <strong>{{ list.title }}</strong></h2>
+
 <form method="post">
   <div class="mb-3">
     <label for="title" class="form-label">Nazwa listy</label>
@@ -40,9 +41,51 @@
     <label class="form-check-label" for="is_archived">Zarchiwizowana</label>
   </div>
 
-  <button type="submit" class="btn btn-success">Zapisz</button>
-  <a href="{{ url_for('main_page') }}" class="btn btn-secondary">Anuluj</a>
+  <div class="btn-group mt-4" role="group">
+    <button type="submit" class="btn btn-outline-success">Zapisz</button>
+    <a href="{{ url_for('main_page') }}" class="btn btn-outline-light">Anuluj</a>
+  </div>
+
 </form>
 
+<hr class="my-3">
+<!-- Trigger przycisk -->
+<div class="btn-group mt-4" role="group">
+  <button type="button" class="btn btn-outline-danger" data-bs-toggle="modal" data-bs-target="#deleteModal">
+    🗑️ Usuń tę listę
+  </button>
+</div>
 
+<!-- MODAL -->
+<div class="modal fade" id="deleteModal" tabindex="-1" aria-labelledby="deleteModalLabel" aria-hidden="true">
+  <div class="modal-dialog modal-dialog-centered">
+    <div class="modal-content bg-dark border-danger text-white">
+      <div class="modal-header">
+        <h5 class="modal-title text-danger" id="deleteModalLabel">Potwierdź usunięcie</h5>
+        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Zamknij"></button>
+      </div>
+      <div class="modal-body">
+        <p>Aby usunąć listę <strong>{{ list.title }}</strong>, wpisz <code>usuń</code> i poczekaj 2 sekundy:</p>
+        <input type="text" id="confirm-delete-input" class="form-control bg-dark text-white border-warning"
+          placeholder="usuń">
+      </div>
+      <div class="modal-footer justify-content-between">
+        <div class="btn-group" role="group">
+          <button type="button" class="btn btn-outline-light" data-bs-dismiss="modal">Anuluj</button>
+          <button id="confirm-delete-btn" class="btn btn-outline-danger" disabled>🗑️ Usuń</button>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<form id="delete-form" method="post" action="{{ url_for('delete_list', list_id=list.id) }}"></form>
+
+
+<!-- Hidden delete form -->
+<form id="delete-form" method="post" action="{{ url_for('delete_user_list', list_id=list.id) }}"></form>
+{% endblock %}
+
+{% block scripts %}
+<script src="{{ url_for('static_bp.serve_js', filename='confirm_delete.js') }}"></script>
 {% endblock %}

templates/user_expenses.html

@@ -3,7 +3,7 @@
 
 {% block content %}
 <div class="d-flex justify-content-between align-items-center flex-wrap mb-4">
-  <h2 class="mb-2">📊 Statystyki wydatków</h2>
+  <h2 class="mb-2">Statystyki wydatków</h2>
   <a href="{{ url_for('main_page') }}" class="btn btn-outline-secondary">← Powrót</a>
 </div>