From c1ebeabe0ae0eb935b1bc24f94faa93b48e61065 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mateusz=20Gruszczy=C5=84ski?=
 <mateusz.gruszczynski@firma.interia.pl>
Date: Thu, 31 Jul 2025 13:22:29 +0200
Subject: [PATCH] kategorie w listach

---
 templates/list.html       | 14 ++++++++++++++
 templates/list_share.html | 11 +++++++++++
 2 files changed, 25 insertions(+)

diff --git a/templates/list.html b/templates/list.html
index 3ddae8a..0607cde 100644
--- a/templates/list.html
+++ b/templates/list.html
@@ -8,6 +8,20 @@
     {% if list.is_archived %}
     <span class="badge bg-secondary ms-2">(Archiwalna)</span>
     {% endif %}
+
+    {# Kategorie #}
+    {% if list.categories %}
+    {% for cat in list.categories %}
+    <span class="badge rounded-pill bg-light text-dark border ms-1" style="font-size: 0.75rem; opacity: 0.85;">
+      {{ cat.name }}
+    </span>
+    {% endfor %}
+    {% else %}
+    <a href="{{ url_for('edit_my_list', list_id=list.id) }}" class="ms-2 text-light small fw-light"
+      style="opacity: 0.9;">
+      ➕ Dodaj kategorię
+    </a>
+    {% endif %}
   </h2>
 
   <a href="/" class="btn btn-outline-secondary">← Powrót do list</a>
diff --git a/templates/list_share.html b/templates/list_share.html
index 1675385..b013a2b 100644
--- a/templates/list_share.html
+++ b/templates/list_share.html
@@ -8,6 +8,7 @@
   {% if list.is_archived %}
   <span class="badge bg-secondary ms-2">(Archiwalna)</span>
   {% endif %}
+
   {% if total_expense > 0 %}
   <span id="total-expense1" class="badge bg-success ms-2">
     💸 {{ '%.2f'|format(total_expense) }} PLN
@@ -17,8 +18,18 @@
     💸 0.00 PLN
   </span>
   {% endif %}
+
+  {# Kategorie - tylko wyświetlenie, bez linków #}
+  {% if list.categories %}
+  {% for cat in list.categories %}
+  <span class="badge rounded-pill bg-light text-dark border ms-1" style="font-size: 0.7rem; opacity: 0.85;">
+    {{ cat.name }}
+  </span>
+  {% endfor %}
+  {% endif %}
 </h2>
 
+
 <div class="form-check form-switch mb-3 d-flex justify-content-end">
   <input class="form-check-input" type="checkbox" id="hidePurchasedToggle">
   <label class="form-check-label ms-2" for="hidePurchasedToggle">Ukryj zaznaczone</label>