From 32e5c901c47345b819def030b409a55b2b225910 Mon Sep 17 00:00:00 2001
From: Maciej Pienczyn <maciej.pienczyn@inpi.pl>
Date: Thu, 19 Mar 2026 10:28:02 +0100
Subject: [PATCH] improve(calendar): show external event count in filter toggle
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Filter label hidden when no external events exist. Shows count
like "Pokaż zewnętrzne (3)" when they do.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 templates/calendar/index.html | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/templates/calendar/index.html b/templates/calendar/index.html
index b9e7f1c..db203e7 100755
--- a/templates/calendar/index.html
+++ b/templates/calendar/index.html
@@ -432,9 +432,9 @@
     </div>
     {% endif %}
 
-    <label class="filter-toggle">
+    <label class="filter-toggle" id="external-filter-label" style="display: none;">
         <input type="checkbox" id="show-external" checked>
-        Pokaż zewnętrzne
+        <span id="external-filter-text">Pokaż zewnętrzne</span>
     </label>
 
     {% if current_user.can_access_admin_panel() %}
@@ -640,13 +640,23 @@ async function toggleListRSVP(btn) {
 /* Filter toggle for external events */
 (function() {
     var cb = document.getElementById('show-external');
+    var label = document.getElementById('external-filter-label');
+    var textEl = document.getElementById('external-filter-text');
     var stored = localStorage.getItem('nordabiz_show_external');
     if (stored === 'false') cb.checked = false;
 
+    var extItems = document.querySelectorAll('[data-external="true"]');
+    var count = extItems.length;
+
+    if (count > 0) {
+        label.style.display = '';
+        textEl.textContent = 'Pokaż zewnętrzne (' + count + ')';
+    }
+
     function applyFilter() {
         var show = cb.checked;
         localStorage.setItem('nordabiz_show_external', show);
-        document.querySelectorAll('[data-external="true"]').forEach(function(el) {
+        extItems.forEach(function(el) {
             el.style.display = show ? '' : 'none';
         });
     }