From 5f86eec814194554d7b9b0f27d171831b9d95a60 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Dvo=C5=99=C3=A1k?=
 <150935816+Dvorinka@users.noreply.github.com>
Date: Thu, 22 May 2025 09:44:21 +0200
Subject: [PATCH] Add files via upload

---
 contact-scrape-test/contact-scrape.go |  49 +-
 contact-scrape-test/contacts.xlsx     | Bin 12890 -> 12928 bytes
 contact-scrape-test/index.html        | 743 +++++++++++++-------------
 3 files changed, 381 insertions(+), 411 deletions(-)

diff --git a/contact-scrape-test/contact-scrape.go b/contact-scrape-test/contact-scrape.go
index 2da9315..9369186 100644
--- a/contact-scrape-test/contact-scrape.go
+++ b/contact-scrape-test/contact-scrape.go
@@ -187,7 +187,6 @@ func parseExcelFile(filename string) ([]Contact, error) {
 func parseTable(f *excelize.File, sheetName, startCol, endCol string, tableNum int) []Contact {
 	var contacts []Contact
 	var currentContact *Contact
-	var lastUpdate string
 
 	// Get all rows in the sheet
 	rows, err := f.GetRows(sheetName)
@@ -220,8 +219,6 @@ func parseTable(f *excelize.File, sheetName, startCol, endCol string, tableNum i
 
 		// Check for "Aktualizace" - end of data
 		if len(row) > nameCol && strings.Contains(strings.ToLower(row[nameCol]), "aktualizace") {
-			lastUpdate = row[nameCol]
-			currentContact = nil // Reset to avoid attaching to previous contact
 			break
 		}
 
@@ -259,43 +256,19 @@ func parseTable(f *excelize.File, sheetName, startCol, endCol string, tableNum i
 				Table:        tableNum,
 			}
 			contacts = append(contacts, *currentContact)
-		} else if strings.Contains(name, "Aktualizace") {
-			// Capture the update date
-			lastUpdate = name
-			currentContact = nil // Reset to avoid attaching to previous contact
-		} else if currentContact != nil && name == "" {
-			// This is additional data for the current contact or a general contact
-			if position != "" && !strings.Contains(position, "Vorlová") && !strings.Contains(position, "inženýrka") {
-				// Treat as a general contact if it doesn't contain specific personal identifiers
-				currentContact = &Contact{
-					Name:         position, // Use position as the name for general contacts
-					Position:     "",
-					Phone:        phone,
-					ServicePhone: servicePhone,
-					Table:        tableNum,
-				}
-				contacts = append(contacts, *currentContact)
-			} else if position != "" {
-				newContact := *currentContact
+		} else if currentContact != nil {
+			// This is additional data for the current contact
+			newContact := *currentContact
+			if position != "" {
 				newContact.Position = position
-				if phone != "" {
-					newContact.Phone = phone
-				}
-				if servicePhone != "" {
-					newContact.ServicePhone = servicePhone
-				}
-				contacts = append(contacts, newContact)
 			}
-		}
-	}
-
-	// Update last updated date
-	if lastUpdate != "" {
-		lastUpdated, err := time.Parse("2.1.2006", lastUpdate)
-		if err != nil {
-			log.Printf("Error parsing last updated date: %v", err)
-		} else {
-			currentData.LastUpdated = lastUpdated
+			if phone != "" {
+				newContact.Phone = phone
+			}
+			if servicePhone != "" {
+				newContact.ServicePhone = servicePhone
+			}
+			contacts = append(contacts, newContact)
 		}
 	}
 
diff --git a/contact-scrape-test/contacts.xlsx b/contact-scrape-test/contacts.xlsx
index b1ef6f53d7b23ecca2dcc6642654c646655fe69c..07b950b678627b7bafe834db18cea42ef60872a1 100644
GIT binary patch
delta 5979
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

delta 5922
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

diff --git a/contact-scrape-test/index.html b/contact-scrape-test/index.html
index 9bd11c8..a1969a8 100644
--- a/contact-scrape-test/index.html
+++ b/contact-scrape-test/index.html
@@ -1,374 +1,371 @@
-<!DOCTYPE html>
-<html lang="cs">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Kontakty</title>
-    <script src="https://cdn.tailwindcss.com"></script>
-    <style>
-        .contact-card {
-            transition: all 0.2s ease-in-out;
-        }
-        .contact-card:hover {
-            transform: translateY(-2px);
-        }
-        .search-highlight {
-            background-color: #fef3c7;
-            padding: 1px 2px;
-            border-radius: 2px;
-        }
-    </style>
-</head>
-<body class="bg-gradient-to-br from-blue-50 to-indigo-100 min-h-screen">
-    <div class="container mx-auto px-4 py-8 max-w-7xl">
-        <div class="bg-white rounded-xl shadow-xl p-6 md:p-8">
-            <!-- Header -->
-            <div class="flex flex-col sm:flex-row justify-between items-start sm:items-center mb-8 gap-4">
-                <div>
-                    <h1 class="text-4xl font-bold text-gray-800 mb-2">📞 Kontakty</h1>
-                    <p class="text-gray-600">Firemní telefonní seznam</p>
-                </div>
-                <button onclick="reloadContacts()" id="reloadBtn" 
-                        class="bg-blue-500 hover:bg-blue-600 text-white px-6 py-3 rounded-lg transition-all duration-200 shadow-md hover:shadow-lg flex items-center gap-2">
-                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path>
-                    </svg>
-                    Obnovit
-                </button>
-            </div>
-            
-            <!-- Search Bar -->
-            <div class="mb-6">
-                <div class="relative">
-                    <input type="text" id="searchInput" placeholder="Hledat podle jména, pozice nebo telefonu..." 
-                           class="w-full px-4 py-3 pl-12 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent shadow-sm text-lg"
-                           onkeyup="filterContacts()">
-                    <svg class="absolute left-4 top-1/2 transform -translate-y-1/2 w-5 h-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
-                    </svg>
-                </div>
-            </div>
-
-            <!-- Filter Buttons -->
-            <div class="mb-6 flex flex-wrap gap-2">
-                <button onclick="filterByTable('all')" class="filter-btn active" data-filter="all">
-                    Všechny kontakty
-                </button>
-                <button onclick="filterByTable(1)" class="filter-btn" data-filter="1">
-                    Tabulka 1
-                </button>
-                <button onclick="filterByTable(2)" class="filter-btn" data-filter="2">
-                    Tabulka 2
-                </button>
-            </div>
-
-            <!-- Loading State -->
-            <div id="loading" class="text-center py-16">
-                <div class="inline-block animate-spin rounded-full h-12 w-12 border-b-2 border-blue-500 mb-4"></div>
-                <p class="text-gray-600 text-lg">Načítání kontaktů...</p>
-            </div>
-
-            <!-- Main Content -->
-            <div id="contactsList" class="hidden">
-                <!-- Stats -->
-                <div id="stats" class="mb-6 p-4 bg-gray-50 rounded-lg border text-sm text-gray-700"></div>
-                
-                <!-- Contacts Grid -->
-                <div id="contacts" class="grid gap-6 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"></div>
-                
-                <!-- No Results -->
-                <div id="noResults" class="hidden text-center py-16">
-                    <div class="text-6xl mb-4">🔍</div>
-                    <h3 class="text-xl font-semibold text-gray-700 mb-2">Žádné výsledky</h3>
-                    <p class="text-gray-500">Zkuste změnit hledaný výraz</p>
-                </div>
-            </div>
-
-            <!-- Error State -->
-            <div id="error" class="hidden text-center py-16">
-                <div class="text-6xl mb-4">⚠️</div>
-                <h3 class="text-xl font-semibold text-red-600 mb-2">Chyba při načítání</h3>
-                <p class="text-gray-600 mb-4">Nepodařilo se načíst kontakty</p>
-                <button onclick="loadContacts()" class="bg-red-500 hover:bg-red-600 text-white px-4 py-2 rounded-lg transition-colors">
-                    Zkusit znovu
-                </button>
-            </div>
-        </div>
-    </div>
-
-    <script>
-        let allContacts = [];
-        let filteredContacts = [];
-        let currentTableFilter = 'all';
-
-        async function loadContacts() {
-            try {
-                showLoading();
-                const response = await fetch('/contacts');
-                if (!response.ok) {
-                    throw new Error(`HTTP ${response.status}: ${response.statusText}`);
-                }
-                
-                const data = await response.json();
-                allContacts = data.contacts || [];
-                
-                hideLoading();
-                showContactsList();
-                
-                updateStats(data);
-                filterContacts();
-            } catch (error) {
-                console.error('Error loading contacts:', error);
-                hideLoading();
-                showError('Chyba při načítání kontaktů: ' + error.message);
-            }
-        }
-
-        function showLoading() {
-            document.getElementById('loading').classList.remove('hidden');
-            document.getElementById('contactsList').classList.add('hidden');
-            document.getElementById('error').classList.add('hidden');
-        }
-
-        function hideLoading() {
-            document.getElementById('loading').classList.add('hidden');
-        }
-
-        function showContactsList() {
-            document.getElementById('contactsList').classList.remove('hidden');
-            document.getElementById('error').classList.add('hidden');
-        }
-
-        function showError(message) {
-            document.getElementById('error').classList.remove('hidden');
-            document.getElementById('error').querySelector('p').textContent = message;
-            document.getElementById('contactsList').classList.add('hidden');
-        }
-
-        function updateStats(data) {
-            const lastUpdated = new Date(data.last_updated).toLocaleString('cs-CZ');
-            const table1Count = allContacts.filter(c => c.table === 1).length;
-            const table2Count = allContacts.filter(c => c.table === 2).length;
-            
-            document.getElementById('stats').innerHTML = `
-                <div class="flex flex-wrap items-center gap-4 text-sm">
-                    <div class="flex items-center gap-2">
-                        <span class="w-2 h-2 bg-green-500 rounded-full"></span>
-                        <span><strong>Celkem:</strong> ${allContacts.length} kontaktů</span>
-                    </div>
-                    <div class="flex items-center gap-2">
-                        <span class="w-2 h-2 bg-blue-500 rounded-full"></span>
-                        <span><strong>Tabulka 1:</strong> ${table1Count}</span>
-                    </div>
-                    <div class="flex items-center gap-2">
-                        <span class="w-2 h-2 bg-purple-500 rounded-full"></span>
-                        <span><strong>Tabulka 2:</strong> ${table2Count}</span>
-                    </div>
-                    <div class="flex items-center gap-2">
-                        <span class="w-2 h-2 bg-gray-400 rounded-full"></span>
-                        <span><strong>Poslední aktualizace:</strong> ${lastUpdated}</span>
-                    </div>
-                </div>
-            `;
-        }
-
-        function filterByTable(tableNum) {
-            currentTableFilter = tableNum;
-            
-            // Update filter buttons
-            document.querySelectorAll('.filter-btn').forEach(btn => {
-                btn.classList.remove('active');
-                if (btn.dataset.filter == tableNum) {
-                    btn.classList.add('active');
-                }
-            });
-            
-            filterContacts();
-        }
-
-        function filterContacts() {
-            const query = document.getElementById('searchInput').value.toLowerCase().trim();
-            
-            // Apply table filter
-            let contacts = allContacts;
-            if (currentTableFilter !== 'all') {
-                contacts = contacts.filter(contact => contact.table == currentTableFilter);
-            }
-            
-            // Apply search filter
-            if (query) {
-                contacts = contacts.filter(contact => 
-                    (contact.name && contact.name.toLowerCase().includes(query)) ||
-                    (contact.position && contact.position.toLowerCase().includes(query)) ||
-                    (contact.phone && contact.phone.replace(/\s/g, '').includes(query.replace(/\s/g, ''))) ||
-                    (contact.service_phone && contact.service_phone.replace(/\s/g, '').includes(query.replace(/\s/g, '')))
-                );
-            }
-            
-            filteredContacts = contacts;
-            displayContacts(filteredContacts, query);
-        }
-
-        function highlightText(text, query) {
-            if (!query || !text) return text;
-            const regex = new RegExp(`(${query})`, 'gi');
-            return text.replace(regex, '<span class="search-highlight">$1</span>');
-        }
-
-        function displayContacts(contacts, searchQuery = '') {
-            const container = document.getElementById('contacts');
-            const noResults = document.getElementById('noResults');
-            
-            if (contacts.length === 0) {
-                container.innerHTML = '';
-                noResults.classList.remove('hidden');
-                return;
-            }
-            
-            noResults.classList.add('hidden');
-            container.innerHTML = '';
-
-            contacts.forEach(contact => {
-                const contactCard = document.createElement('div');
-                contactCard.className = 'contact-card bg-white p-6 rounded-lg border border-gray-200 hover:shadow-lg transition-all duration-200';
-                
-                const name = contact.name || 'Bez jména';
-                const position = contact.position || '';
-                const tableColor = contact.table === 1 ? 'bg-blue-100 text-blue-800' : 'bg-purple-100 text-purple-800';
-                
-                contactCard.innerHTML = `
-                    <div class="flex items-start justify-between mb-3">
-                        <h3 class="font-bold text-gray-800 text-lg leading-tight">${highlightText(name, searchQuery)}</h3>
-                        <span class="text-xs ${tableColor} px-2 py-1 rounded-full font-medium flex-shrink-0 ml-2">T${contact.table}</span>
-                    </div>
-                    ${position ? `<p class="text-gray-600 mb-4 text-sm leading-relaxed">${highlightText(position, searchQuery)}</p>` : ''}
-                    <div class="space-y-2">
-                        ${contact.phone ? `
-                            <div class="flex items-center text-sm group">
-                                <svg class="w-4 h-4 text-gray-400 mr-3 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path>
-                                </svg>
-                                <span class="font-medium text-gray-700 mr-2">Tel:</span>
-                                <a href="tel:${contact.phone}" class="text-blue-600 hover:text-blue-800 hover:underline transition-colors">
-                                    ${highlightText(contact.phone, searchQuery)}
-                                </a>
-                            </div>
-                        ` : ''}
-                        ${contact.service_phone ? `
-                            <div class="flex items-center text-sm group">
-                                <svg class="w-4 h-4 text-gray-400 mr-3 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2-2v2m8 0V6a2 2 0 012 2v6a2 2 0 01-2 2H6a2 2 0 01-2-2V8a2 2 0 012-2V6"></path>
-                                </svg>
-                                <span class="font-medium text-gray-700 mr-2">Služební:</span>
-                                <a href="tel:${contact.service_phone}" class="text-blue-600 hover:text-blue-800 hover:underline transition-colors">
-                                    ${highlightText(contact.service_phone, searchQuery)}
-                                </a>
-                            </div>
-                        ` : ''}
-                        ${!contact.phone && !contact.service_phone ? '<p class="text-gray-400 text-sm italic">Bez telefonu</p>' : ''}
-                    </div>
-                `;
-                
-                container.appendChild(contactCard);
-            });
-        }
-
-        async function reloadContacts() {
-            const btn = document.getElementById('reloadBtn');
-            const originalText = btn.innerHTML;
-            
-            btn.disabled = true;
-            btn.innerHTML = `
-                <svg class="w-4 h-4 animate-spin" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path>
-                </svg>
-                Načítání...
-            `;
-            
-            try {
-                const response = await fetch('/reload', { method: 'POST' });
-                if (!response.ok) {
-                    throw new Error(`HTTP ${response.status}: ${response.statusText}`);
-                }
-                
-                // Small delay to show the loading state
-                await new Promise(resolve => setTimeout(resolve, 500));
-                await loadContacts();
-                
-                // Show success feedback
-                btn.innerHTML = `
-                    <svg class="w-4 h-4 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
-                    </svg>
-                    Obnoveno
-                `;
-                
-                setTimeout(() => {
-                    btn.innerHTML = originalText;
-                }, 2000);
-                
-            } catch (error) {
-                console.error('Error reloading:', error);
-                btn.innerHTML = `
-                    <svg class="w-4 h-4 text-red-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
-                    </svg>
-                    Chyba
-                `;
-                
-                setTimeout(() => {
-                    btn.innerHTML = originalText;
-                }, 2000);
-                
-                alert('Chyba při obnovování: ' + error.message);
-            } finally {
-                btn.disabled = false;
-            }
-        }
-
-        // Initialize filter button styles
-        document.addEventListener('DOMContentLoaded', function() {
-            const style = document.createElement('style');
-            style.textContent = `
-                .filter-btn {
-                    @apply px-4 py-2 rounded-lg border border-gray-300 text-gray-700 hover:bg-gray-50 transition-all duration-200 text-sm font-medium;
-                }
-                .filter-btn.active {
-                    @apply bg-blue-500 text-white border-blue-500 shadow-md;
-                }
-                .filter-btn:hover:not(.active) {
-                    @apply bg-gray-100 border-gray-400;
-                }
-            `;
-            document.head.appendChild(style);
-        });
-
-        // Load contacts on page load
-        document.addEventListener('DOMContentLoaded', loadContacts);
-
-        // Add keyboard shortcuts
-        document.addEventListener('keydown', function(e) {
-            // Ctrl/Cmd + K to focus search
-            if ((e.ctrlKey || e.metaKey) && e.key === 'k') {
-                e.preventDefault();
-                document.getElementById('searchInput').focus();
-            }
-            
-            // Escape to clear search
-            if (e.key === 'Escape') {
-                document.getElementById('searchInput').value = '';
-                filterContacts();
-            }
-        });
-
-        // Add search input focus ring and animations
-        document.getElementById('searchInput').addEventListener('focus', function() {
-            this.parentElement.classList.add('ring-2', 'ring-blue-500');
-        });
-
-        document.getElementById('searchInput').addEventListener('blur', function() {
-            this.parentElement.classList.remove('ring-2', 'ring-blue-500');
-        });
-    </script>
-</body>
+<!DOCTYPE html>
+<html lang="cs">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Kontakty</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
+    <style>
+        .contact-card {
+            transition: transform 0.2s, box-shadow 0.2s;
+        }
+        .contact-card:hover {
+            transform: translateY(-5px);
+            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+        }
+        .search-highlight {
+            background-color: #fef3c7;
+            padding: 1px 2px;
+            border-radius: 2px;
+        }
+    </style>
+</head>
+<body class="bg-gray-100 min-h-screen">
+    <header class="bg-gradient-to-r from-blue-600 to-indigo-700 text-white shadow-lg" style="margin-bottom: 20px;">
+        <div class="container mx-auto px-4 py-6">
+            <h1 class="text-3xl font-bold">Poppe + Potthoff - Kontakty</h1>
+            <p class="mt-2 text-blue-100">Firemní telefonní seznam</p>
+        </div>
+    </header>
+
+    <main class="container mx-auto px-4 py-8">
+        <!-- Search -->
+        <div class="mb-8 max-w-xl mx-auto">
+            <div class="relative">
+                <input type="text" id="searchInput" placeholder="Hledat podle jména, pozice nebo telefonu..."
+                    class="w-full px-4 py-3 rounded-lg shadow-sm border-gray-200 focus:border-blue-500 focus:ring-2 focus:ring-blue-500 focus:outline-none">
+                <div class="absolute right-3 top-3 text-gray-400">
+                    <i class="fas fa-search"></i>
+                </div>
+            </div>
+        </div>
+
+        <!-- Filter Buttons -->
+        <div class="mb-6 flex flex-wrap gap-2">
+            <button onclick="filterByTable('all')" class="px-4 py-2 rounded-lg bg-blue-600 text-white font-medium">
+                Všechny kontakty
+            </button>
+            <button onclick="filterByTable(1)" class="px-4 py-2 rounded-lg bg-gray-200 text-gray-700 font-medium hover:bg-gray-300">
+                Tabulka 1
+            </button>
+            <button onclick="filterByTable(2)" class="px-4 py-2 rounded-lg bg-gray-200 text-gray-700 font-medium hover:bg-gray-300">
+                Tabulka 2
+            </button>
+        </div>
+
+        <!-- Loading State -->
+        <div id="loading" class="text-center py-16">
+            <div class="inline-block animate-spin rounded-full h-12 w-12 border-b-2 border-blue-500 mb-4"></div>
+            <p class="text-gray-600 text-lg">Načítání kontaktů...</p>
+        </div>
+
+        <!-- Main Content -->
+        <div id="contactsList" class="hidden">
+            <!-- Stats -->
+            <div id="stats" class="mb-6 p-4 bg-gray-50 rounded-lg border text-sm text-gray-700"></div>
+            
+            <!-- Contacts Grid -->
+            <div id="contacts" class="grid gap-6 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"></div>
+            
+            <!-- No Results -->
+            <div id="noResults" class="hidden text-center py-16">
+                <div class="text-6xl mb-4">🔍</div>
+                <h3 class="text-xl font-semibold text-gray-700 mb-2">Žádné výsledky</h3>
+                <p class="text-gray-500">Zkuste změnit hledaný výraz</p>
+            </div>
+        </div>
+
+        <!-- Error State -->
+        <div id="error" class="hidden text-center py-16">
+            <div class="text-6xl mb-4">⚠️</div>
+            <h3 class="text-xl font-semibold text-red-600 mb-2">Chyba při načítání</h3>
+            <p class="text-gray-600 mb-4">Nepodařilo se načíst kontakty</p>
+            <button onclick="loadContacts()" class="bg-red-500 hover:bg-red-600 text-white px-4 py-2 rounded-lg transition-colors">
+                Zkusit znovu
+            </button>
+        </div>
+    </main>
+
+    <footer class="bg-gray-800 text-gray-400 py-6 mt-12">
+        <div class="container mx-auto px-4 text-center">
+            <p> 2025 Poppe + Potthoff</p>
+        </div>
+    </footer>
+
+    <script>
+        let allContacts = [];
+        let filteredContacts = [];
+        let currentTableFilter = 'all';
+
+        async function loadContacts() {
+            try {
+                showLoading();
+                const response = await fetch('/contacts');
+                if (!response.ok) {
+                    throw new Error(`HTTP ${response.status}: ${response.statusText}`);
+                }
+                
+                const data = await response.json();
+                allContacts = data.contacts || [];
+                
+                hideLoading();
+                showContactsList();
+                
+                updateStats(data);
+                filterContacts();
+            } catch (error) {
+                console.error('Error loading contacts:', error);
+                hideLoading();
+                showError('Chyba při načítání kontaktů: ' + error.message);
+            }
+        }
+
+        function showLoading() {
+            document.getElementById('loading').classList.remove('hidden');
+            document.getElementById('contactsList').classList.add('hidden');
+            document.getElementById('error').classList.add('hidden');
+        }
+
+        function hideLoading() {
+            document.getElementById('loading').classList.add('hidden');
+        }
+
+        function showContactsList() {
+            document.getElementById('contactsList').classList.remove('hidden');
+            document.getElementById('error').classList.add('hidden');
+        }
+
+        function showError(message) {
+            document.getElementById('error').classList.remove('hidden');
+            document.getElementById('error').querySelector('p').textContent = message;
+            document.getElementById('contactsList').classList.add('hidden');
+        }
+
+        function updateStats(data) {
+            const lastUpdated = new Date(data.last_updated).toLocaleString('cs-CZ');
+            const table1Count = allContacts.filter(c => c.table === 1).length;
+            const table2Count = allContacts.filter(c => c.table === 2).length;
+            
+            document.getElementById('stats').innerHTML = `
+                <div class="flex flex-wrap items-center gap-4 text-sm">
+                    <div class="flex items-center gap-2">
+                        <span class="w-2 h-2 bg-green-500 rounded-full"></span>
+                        <span><strong>Celkem:</strong> ${allContacts.length} kontaktů</span>
+                    </div>
+                    <div class="flex items-center gap-2">
+                        <span class="w-2 h-2 bg-blue-500 rounded-full"></span>
+                        <span><strong>Tabulka 1:</strong> ${table1Count}</span>
+                    </div>
+                    <div class="flex items-center gap-2">
+                        <span class="w-2 h-2 bg-purple-500 rounded-full"></span>
+                        <span><strong>Tabulka 2:</strong> ${table2Count}</span>
+                    </div>
+                    <div class="flex items-center gap-2">
+                        <span class="w-2 h-2 bg-gray-400 rounded-full"></span>
+                        <span><strong>Poslední aktualizace:</strong> ${lastUpdated}</span>
+                    </div>
+                </div>
+            `;
+        }
+
+        function filterByTable(tableNum) {
+            currentTableFilter = tableNum;
+            
+            // Update filter buttons
+            document.querySelectorAll('.filter-btn').forEach(btn => {
+                btn.classList.remove('active');
+                if (btn.dataset.filter == tableNum) {
+                    btn.classList.add('active');
+                }
+            });
+            
+            filterContacts();
+        }
+
+        function filterContacts() {
+            const query = document.getElementById('searchInput').value.toLowerCase().trim();
+            
+            // Apply table filter
+            let contacts = allContacts;
+            if (currentTableFilter !== 'all') {
+                contacts = contacts.filter(contact => contact.table == currentTableFilter);
+            }
+            
+            // Apply search filter
+            if (query) {
+                contacts = contacts.filter(contact => 
+                    (contact.name && contact.name.toLowerCase().includes(query)) ||
+                    (contact.position && contact.position.toLowerCase().includes(query)) ||
+                    (contact.phone && contact.phone.replace(/\s/g, '').includes(query.replace(/\s/g, ''))) ||
+                    (contact.service_phone && contact.service_phone.replace(/\s/g, '').includes(query.replace(/\s/g, '')))
+                );
+            }
+            
+            filteredContacts = contacts;
+            displayContacts(filteredContacts, query);
+        }
+
+        function highlightText(text, query) {
+            if (!query || !text) return text;
+            const regex = new RegExp(`(${query})`, 'gi');
+            return text.replace(regex, '<span class="search-highlight">$1</span>');
+        }
+
+        function displayContacts(contacts, searchQuery = '') {
+            const container = document.getElementById('contacts');
+            const noResults = document.getElementById('noResults');
+            
+            if (contacts.length === 0) {
+                container.innerHTML = '';
+                noResults.classList.remove('hidden');
+                return;
+            }
+            
+            noResults.classList.add('hidden');
+            container.innerHTML = '';
+
+            contacts.forEach(contact => {
+                const contactCard = document.createElement('div');
+                contactCard.className = 'contact-card bg-white p-6 rounded-lg border border-gray-200 hover:shadow-lg transition-all duration-200';
+                
+                const name = contact.name || 'Bez jména';
+                const position = contact.position || '';
+                const tableColor = contact.table === 1 ? 'bg-blue-100 text-blue-800' : 'bg-purple-100 text-purple-800';
+                
+                contactCard.innerHTML = `
+                    <div class="flex items-start justify-between mb-3">
+                        <h3 class="font-bold text-gray-800 text-lg leading-tight">${highlightText(name, searchQuery)}</h3>
+                        <span class="text-xs ${tableColor} px-2 py-1 rounded-full font-medium flex-shrink-0 ml-2">T${contact.table}</span>
+                    </div>
+                    ${position ? `<p class="text-gray-600 mb-4 text-sm leading-relaxed">${highlightText(position, searchQuery)}</p>` : ''}
+                    <div class="space-y-2">
+                        ${contact.phone ? `
+                            <div class="flex items-center text-sm group">
+                                <svg class="w-4 h-4 text-gray-400 mr-3 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path>
+                                </svg>
+                                <span class="font-medium text-gray-700 mr-2">Tel:</span>
+                                <a href="tel:${contact.phone}" class="text-blue-600 hover:text-blue-800 hover:underline transition-colors">
+                                    ${highlightText(contact.phone, searchQuery)}
+                                </a>
+                            </div>
+                        ` : ''}
+                        ${contact.service_phone ? `
+                            <div class="flex items-center text-sm group">
+                                <svg class="w-4 h-4 text-gray-400 mr-3 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2-2v2m8 0V6a2 2 0 012 2v6a2 2 0 01-2 2H6a2 2 0 01-2-2V8a2 2 0 012-2V6"></path>
+                                </svg>
+                                <span class="font-medium text-gray-700 mr-2">Služební:</span>
+                                <a href="tel:${contact.service_phone}" class="text-blue-600 hover:text-blue-800 hover:underline transition-colors">
+                                    ${highlightText(contact.service_phone, searchQuery)}
+                                </a>
+                            </div>
+                        ` : ''}
+                        ${!contact.phone && !contact.service_phone ? '<p class="text-gray-400 text-sm italic">Bez telefonu</p>' : ''}
+                    </div>
+                `;
+                
+                container.appendChild(contactCard);
+            });
+        }
+
+        async function reloadContacts() {
+            const btn = document.getElementById('reloadBtn');
+            const originalText = btn.innerHTML;
+            
+            btn.disabled = true;
+            btn.innerHTML = `
+                <svg class="w-4 h-4 animate-spin" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path>
+                </svg>
+                Načítání...
+            `;
+            
+            try {
+                const response = await fetch('/reload', { method: 'POST' });
+                if (!response.ok) {
+                    throw new Error(`HTTP ${response.status}: ${response.statusText}`);
+                }
+                
+                // Small delay to show the loading state
+                await new Promise(resolve => setTimeout(resolve, 500));
+                await loadContacts();
+                
+                // Show success feedback
+                btn.innerHTML = `
+                    <svg class="w-4 h-4 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
+                    </svg>
+                    Obnoveno
+                `;
+                
+                setTimeout(() => {
+                    btn.innerHTML = originalText;
+                }, 2000);
+                
+            } catch (error) {
+                console.error('Error reloading:', error);
+                btn.innerHTML = `
+                    <svg class="w-4 h-4 text-red-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
+                    </svg>
+                    Chyba
+                `;
+                
+                setTimeout(() => {
+                    btn.innerHTML = originalText;
+                }, 2000);
+                
+                alert('Chyba při obnovování: ' + error.message);
+            } finally {
+                btn.disabled = false;
+            }
+        }
+
+        // Initialize filter button styles
+        document.addEventListener('DOMContentLoaded', function() {
+            const style = document.createElement('style');
+            style.textContent = `
+                .filter-btn {
+                    @apply px-4 py-2 rounded-lg border border-gray-300 text-gray-700 hover:bg-gray-50 transition-all duration-200 text-sm font-medium;
+                }
+                .filter-btn.active {
+                    @apply bg-blue-500 text-white border-blue-500 shadow-md;
+                }
+                .filter-btn:hover:not(.active) {
+                    @apply bg-gray-100 border-gray-400;
+                }
+            `;
+            document.head.appendChild(style);
+        });
+
+        // Load contacts on page load
+        document.addEventListener('DOMContentLoaded', loadContacts);
+
+        // Add keyboard shortcuts
+        document.addEventListener('keydown', function(e) {
+            // Ctrl/Cmd + K to focus search
+            if ((e.ctrlKey || e.metaKey) && e.key === 'k') {
+                e.preventDefault();
+                document.getElementById('searchInput').focus();
+            }
+            
+            // Escape to clear search
+            if (e.key === 'Escape') {
+                document.getElementById('searchInput').value = '';
+                filterContacts();
+            }
+        });
+
+        // Add search input focus ring and animations
+        document.getElementById('searchInput').addEventListener('focus', function() {
+            this.parentElement.classList.add('ring-2', 'ring-blue-500');
+        });
+
+        document.getElementById('searchInput').addEventListener('blur', function() {
+            this.parentElement.classList.remove('ring-2', 'ring-blue-500');
+        });
+    </script>
+</body>
 </html>
\ No newline at end of file