From 3c41a8378c2fcf5d0de9b75a577c8527d1e71748 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:00:19 +0200
Subject: [PATCH] Add files via upload

---
 contact-scrape-test/contacts.xlsx | Bin 13017 -> 12890 bytes
 contact-scrape-test/index.html    | 374 ++++++++++++++++++++++++++++++
 2 files changed, 374 insertions(+)
 create mode 100644 contact-scrape-test/index.html

diff --git a/contact-scrape-test/contacts.xlsx b/contact-scrape-test/contacts.xlsx
index 322f2d42d8b8e8eceb5b22d1acf1f60e5b088e92..b1ef6f53d7b23ecca2dcc6642654c646655fe69c 100644
GIT binary patch
delta 6943
zcmZ8mWl)?;vtD3v56%XH6C^k!xCLFD;1XPdI|O-Q(ctdE-NRx5f=h6M1qtr%Za3$<
zRo|(5=f~94^fOgGQ{6rNbkCX3o7K#t07lLcoim6a5I!mhgbM<JJZ;%M9Gq=T92{)e
zJnd`?H1r(u#0dSC&7P6cJTL<N<-?=G%oIOO*4ek*PbnCW%LPz(=cE=r`;O)8G~4qP
zL0$V?(j3}cRy}<uH_{r4@=RJ!@Y}fJq$5%pE41%+?rA1aWy|T9Uc{fm?yR5yi!1lt
z-R9@+-UXIz2XYW$QjDfra+dLj)9|f=<~8~^9r4a_1n7C%<Qhz`<;sW(xyG=DcnoM6
zE5roB%KEU*$;4is4X3Y@5=Ua-kudPxba;|RXmWo_$L9Oi=|al$R&bbBGUs<Y@wnvv
zC0iXwaYJsjmd@xIw40`rUItb`(}N&&v}#a?)w5UK3wgXR`a<VnmWM+`PTVCca46PR
za-3J4SE%O25u?s`RMu;>kdbHU?r~kaYR}kK<ve~=dt!2fV%B`+mYHc;ouxQ^4Q5GQ
zX=Z-K)PgTDcT{KC!pyb>Uz)K#B?nBCUwAWcNr$?(k&t)DGan)AC3s>2$KZ(<>G1*y
zm{x~J661Oe=HK^hX<OMIuhpzhyor|(gJo(_B=Fp8kAIW>3G-%`VikHgqf|U_B-hqH
z#x2UVm+`E?)$gA=?QssNS~y1SenQ<)Xfhm@d!u!)O;i_Si*_)~!>DN4S)>KukX>K=
zBicOwtSzt*iXro3S~=1lC^OYeEa4rikiF@X5#TdswpH#`wDGa{qA#xNos6^ypY+YQ
z{f^id%TXA#$6_HOU`%*KDs{5+iQm}lLAvzoE3wMO`n*d1#1bM6KW`O7<<1Bln8rJ4
z4;ls?tW6C)y)bIN%G|S@sMboe7Mpsb4pv8$fH{b68FQTddTuEy5MZ;fM0%Mig2SlJ
zs8*<&KW0N{ayJl7NqT54Z}!HhPJ+9>ws^*>TKM(kSCdzl16C)LT@6GY#m}2JX!*kV
zBmy$ZBmzoDTM@UxZH<$?LoTkR=bn^7>qC$IxVY=t5xX%*80*#Oyg6Ir<OZ8jN6WSs
zm>|&eGZIJziUcN1s6ax8FQIcIVqg<;R(N56Kt((W5G*P{E+&J6u>Uyej)HYLFo4bs
zCLuk|n*LqGU@V%mGd!yF(6;Pu@t#AkV3?X4?V)4n_?b`hnvwoj0EERgY4tT4=Ni%E
z_mT#(r`vTe=g>H}y1~*ZqOp@SJ)icc2Wz(}3rpxI1)_vGx4wW@agesAvy@$qjbW#J
zZd4wQ$Vf6UJMWl&FDW1Y4vQeKq{I;_JMsq0fDm>nGjbKKRTWIiR*Lj&$Mk7olCTB2
zxMc2dAAPb6rAJzJb(AtZ&SZDLVIstyuE#grA~821KrqB|e(2_wg`Ph3mnI1th|Aiy
z4F`}*4yp}srFd3MwUWjX4J-1eWqwM9{_-*ErL_g_#I?CP(p}SB+0U?^v0H2q`96g>
zzPzgkJbw%#e`xxGL1t)n15IojCQz7RSr%&ti_S-QZ0u|areyNt(BMle0`_%FypWH^
z%;17c2sxd((#sp96s~UNnuVuR8f7Z32naq`iGJI4_*h$cJ9*+c?5NOt{H*b(LE5T0
zUNA7UYZ855=x}$_)!X1o7A>jW+A5ZMSUFj?j6l$qJMr-F^GzTQYJcEv>uH!Z`WXie
zefmctfyAtN6}??ge7XTv1rxl+qd%^PRO4PGZaKsV^jBy#{Wz=7SCD84@kiB~#b2*m
z)llsrOBs7`9E1j~>~;c#fY0n5?qQsdk|@CZR6Rc9VnA=n?NWhw$b2i~WXrG1Mz=53
zbHLvy`TYE!sZRIM{tq9X579a$RfEWp51$W889{+Jb~kT2m6cjg)k2%EoYPgH<eU?Z
z(G#6cbkm>jo6dD>i|5<L#VMz&o2ySp{nr4S-%Gxct+m_gP=~SAkB#>uz1t~3chQf#
zDg9efg!7y0^Py`|W#x}gVPQs|w-1}A`zOMW+sj3OXY1o*`|0lO>8@Ulf$!eiYmb;;
zoesacjVG^H)4I3#Q$HTJl(!81zHb?lF+wqF$bf1`2b%|(7pKZuCKqq5l_mgtTs;*5
zjnhamloBhy*-qS*1CZd29hgG^+E5g76}QbwuR7!N2Vzex;gcO|I=SH&x4pNhsC29o
z@ifI-XtFm@YDF9}gwxXLtysC=c^^t`zGb?m8x53T5M<Z$YhFn<PGjR+Vz&%$_a3F6
z(HN(*koYX)i=$7v4JChKI>FBueA^ve>oAe@ntxAg0KsBlJTlXc$a$>-FrKuk!W~$F
z8$kzL!38>Dvvy2!9O=J&C3U(CEl<mM=p^AEN+LtV9D`qefm`s<1s3NPFFJz3JO^PY
zk%oFi#;@Qv<2eb&^gCh}!8z*{)K=LS-WblZsTHps1we?DJH?cod!Dkyg5DOVxk7Z^
z7`UrF6&;e9yo6yhd<d+7&a7}!V9@Sb=ly3uu^^Jv&6qKQqL`a%?=lgK#d!Gxy5Q*N
z*`TPROTVFZKbR-^)x$ngyx*gZ2q(v01cEy6fI!{raIKM0Gi_=H;sXryZweXelWK;z
z9cDx@uJ=?cA<9@}?)-VtipITYxEZ6h;8b3|QKFRN>}*wSmApD2I7cD%U^d4yCbbxe
z!nHM;>tGjeOgi-D*Pjkk8`n%0en3J-?ekn)u6786u@Hr;$V+5IzLMrhu7f$e{=SeV
zPQG~asHl?WQLpnGbcoz=eHz0C*92&TXfJu6Ni4z<6FJE|80%hb0>3oj9hWe7h6647
z5L2&|x=aAuq?$0mq=texkz%^G66R%w`fVfDSXuR>O5#J)x)!AiJxZ->aE<^o&&Iwp
z_?~qQZic6lEY;fpi;p}LHN)S1z;|(-3+OrKXdqv();3y~g;@s|2$0vyosE-ZWhIM%
z)-iEa9SPAeaDU`Sa%CQJ&zC2#^`bHNuyWWGmPBXTz1IfPb9N(K%BJ88upEVPLwHVb
zMy$k(hk~rAXo*QgxU>v~#sVGx?quP*I~s?Gfk626>(oT{if3uEE7vf~{QU7|Pur+y
zflrNcG!s8|yW+n*<gHnpB`-%yr*)x@`B_|=qK;?48Y*e6Qml7DdBVb=^P}=Cqgc!e
zEAw~d6t2LyVl(jw&SeF-vo@Z>jv}f>0SZ=S!|G^N#=BrbGl^nR_k>;fJnZO3=15%r
zRY-+m8nP5!Dv20T90&~+>p-#5Cv$HpcH}OHK%?LC+Uv=zvrSU+UG0f<#1|qqhJpiE
zbjAj2a7A|2e$%Lk68m&jJf67K*?hSACg^Ow2;g&iQO}$#P>RK#d(V_{9dxq`jcg5|
zfyxpM>?rJ-6(G<+R%3s9L0+BrXejL>`zmBttBk_CLErDbtt{I{G`R6>bJ@+12Gc`*
ziC1CbC#;<2?+8|VIaTYR)9_!X7TrAV_bjc4Y?E8AiLhEGXKI2(Z{oz%Da^sHF;*&X
z;Mw22^2HQ>;+y6?C5bNsTCg^>S8MD);ujr@30=%qNwO@?&Dup&Sdwz0gKUSQt)Zo&
zpaeVIr&zkwI$`@JOXlu2K0;x&OH<cYCgv7_Jm<7z9)k85#P!`-HU4)PD6TaniK_}9
zCaeW^bw6;ITGFE>Ct(wiGxL`9a@i@V0AqPCQX{F7RbdF?tjy-`Sc)I|s%$u67^>*Q
z<l=7c%~KNfmxMNy;fQCvMY7a95~?QJRwfu9O@{07Vbe{NF*$=T2t<&y<kIMlxuo5D
z`+fX{Xa$qAhY-6%kyN_Q)I$y#dcf)@c8Mj73sM}FDrz$RA?&shAh$CJL%X#*P$7yO
zsMvj{9%2wjBqQQ?bH#L8^n~?6OAh^l44#4fN7&G(f9(Ct{k&740f$i#eJPfuc|i$$
zzNG#olU{x*^UiPoLH6#cxKe``FjeZk{^2ahOT@vuejjucJB0&s&8pPA^A_pmT4~u|
z7`>)8!S&HfQIB?aX8qSZC`Pr3fH5^YX#p0C7TKs;i0He2%q))|<L}kCKh4E_OvP-s
zpkw*TI70Dc&jBKc4WA=26W_jrYD!&`61b(kZDTB8;ToLylkCB0B$4uC)^xjU`C|^N
zwIX0nBTaY@PCI)uYVGfHp%|yJ^If;!xNAeR!ctp^dc2*U`ZNT(2~7baB3hv|3?J<U
z{N5s3Wf%yVN`TFZ$HD41B{@tq3^HF*lglG-6<b`0j{98-l<y`q-*v3LRXwdm8=i5<
z%NnZjKhXU9zBfZ?a+o`ZhGTLnLxKF%+suDHQi0!0Df~PWr_^k@(6Rf~Kfx1jO&`tN
zd@&_?Nz`j$gZkMUvUf)j%Ffg7U1_9Uq)3u|`GTA2j~BKnGsk0diaXLh02d_wn>y0>
z^)2iogFr#zAQ1NdQWqCjFI#h$e~8P0zFtf|AE96M)U&^*WfPc7j<9xq*tQ_4p<JFj
z=}x|bZiYOpBaK1tvi+J=R)V3sr{-Np13Ll7){UUnE0=>bzggt>pT(VE`Qyo#f{Mv1
zJJOUmS`82V=MrQCY7$?^T>x1^8oj0b_fH)6mnqf~*I?mF{Ja;jXastO>dk2-pVq2W
zSLi%`p#-1w#H@AXIzp<a%m`@vp|el~Rcu8_SwNs9e?AAgJ|#^60kB|C_!ff?rx&Wg
zu~=MZ#^lJDtz}Fo2t`!!Xx?p_P<quDQWt?6SWro_4xWw5r#suF0LC?Fm;2e8g9J7E
z%ht1ABW!+7bcIewaxZx}Dasd-=aURiF^(1a5l*~!&bO1b^8$&bp)o9X?NmE<QU-*a
z8^W#63_d%d)$P;@WHjS{G5G@96LYqP?towKpRVAwMsn_N2_i7uSIik<mo}XHA)w5`
zrIS{Fjt>_>XZAT}fEAfO=if@1{yz$9qB_GI9^Ctsq+<QCIH-}M%&_51scceCP5#Ad
zevhro{yUN<wF*IhdBd^B!GT-%8bJL8?J5<$f-)QfwYoTUE;4U%cgs_VGVQv^-9fi+
zTsF!$?YciV)cq%XGdB%KcO|e?xHt0&v_JIvimK-2$SGwXFfwnU4)eiq$6udLf1I#F
z0#fh`SA5~6p<gu!1%lEhR-@K3@ZzX$X1NR`Pu|TQ*;v_z`GBjQn34%Gv^@NM#D=Fu
zO{23LL0+Dahl)QM(|?GpAF5km%5BDJT0L6Re1cmZZ(JDv@Ikg>L~C2aheO}}#><Mo
zVYebwsx6iUoHJv|QF`R6IDE}Nt@tQsUT5!@b2~D#G`MX{zsa#cbm>)<D&~L{f5~#v
z@=CW#6J15Oa(lW<>br<;hiF^blt!-58$A<OBI090!;p<c#wwS-e(SN+tXEG<c68y_
zu%^)?x@dXyN~sB@yRyi$2iKoOev|yTY>yBuC^3xysJr=&Y)S>M&<bH((S7r~bj#yT
zkVK}Mb~(rfh^Se;SI)Rkvv*r!DHc19>{H`6cxhhqe-Ddg)P&qkiq3r1?seIQuJUPv
zFSrw{a%Ow?5<;ORI-4mvUzl1D7&RlNxaN^-lXW7h>ds@35_7pgD+?vj4$x5x$*YQ@
z3@sY~lAomdBzwY)r6TRe7mVoW&Qh6A3WOT#Y|aL6qhajV`1+ePj&}t$o)7gJ_T}IZ
z?duC|V_A5d*X3v@7?UQ%xFaLfOf{g~cWh<c9pd$HVLM5J2}(Z27l|F}VUM$^L*Ck-
zCTr|z)0mgzwyf(GA~rq8nAnO)cZbyUAz1@<iRK~$S0YX$bd9M;gJR()8GV-{hwpf4
zL>ifXNVX_6t+VNfS!=IJ>qs`E&^513FxjtH2DYN-vv6Y>1ex=EMR&IBvg>2dM~$D7
z8U|zA=xvWG=}k9;5thxnn!`FNl8*{m5+md`_xZH*JmZceEhGA`Q<5vgwR_a^PX7Rd
zc;A%lM36SJ9_OcSa!3OF#@qV5^Z`fweZjRm{S|hfcI6dziyD!Dc3Ja#ZqqQdSG@3y
zt{|+GVuxL=2^4qm77t6d$m!CB=^WV#OZmhRLR)-DBWhC(STLc+&)nV~<V0}W!@tE+
zH6u5ywROm5Li~!2{4Mq=LcY__HAz7Fd??zFHTv#b@^SBrQL9ZBKi#WP3BdSm=bRyI
zy$bZ@Yiz@2^+7ixlg}pud(ME#I)?*VQ2NqQ9k;ltj1`k$Mb?qdyJ$pseyEQnbm#mu
z_f2*c0F4QOVVoPbucw3+(b?X*e!V1zbB;&*$*pj(KFBYSE}SiAZ(XnVD+8F4WY*_#
zCOEN$k(IakCTY0m{r$b#+;yP<hRhbQ(&6*D>s482Grt_#%kmf(3zrk+Vm>{#KR(7X
zfs^ol<_<QKR}jg={6d>Slbqdfepl&1t9Lbt!G(|*NtdSqU2Wt8&5^*%^s@aqd|#BM
zbd{G>u<pPr9CGHriRQ``1r`G-ODV(DWV>?eBW6M_5+VAFw~;)ZU=V0I0hi7M7(E*G
z;Xe1>A1Ke@34mdcIW<`F8!R9WB2r2pd>Xr3e=zbe3-}NeOt%_&q|^98x4KC5nI}#S
z;mF*1O!sxtkAq9InjEG$gDlk$mK6Ph_p4e?(+O!gbcvYq8tE7M3zS!CFE}v~v$*Rm
zqxy(9SnpVh9o~kt@qYbjC7?RF57a$$-4qlTC1f>JRE9HL#KW6)7;g6<U*Ts6x<Xvy
zh=x|7k;_sDmD#b>#F=q)@yy|JzDa$Vr#u*IXZVBF@qKQnBDlmtQ~ht*+69k6FjY28
z#B-sIUb{#CppW(Xz6rl-sEwook=H+G#6fR)3CkT^Xe07`uy%QAI|euRfUKZRN#XF=
zelPhn8U``0_1~>jXw~SrdHG=FNKADFIe&$05l-4wn&zP)^E_&sg{;aWYbP0^W>(Km
zDMQ?At%b$!-){@;pDI_%@14m!R)pp93y_XyH5!lVKGVrj#^bz{abZjMW%JCdX>@Xv
z#+Y{=*J1M%N4m(BpK|a@05HFJWUjuJ;-Z%FeT0el7SKqi6fK6P_H}2P(8#<$DSC9^
z>Dn|!Wqa{L+WOY$J;#Z`j-Y9cgMH*mUV%@Tmnz#O^6=~B+o#i~&fNjITl~?hXCbdg
z1dC$$oJecO^7eLUF)Aum3srLmw(A(K<xbIldvi>rvABh*_D%Dn6tG<1c`bDE5;f#e
zeCUo;XaT9^n5VkM*U=VY+wWj-9fE`9W9l1#Jn^W#qr-Q%>5|AQ`wiK)o#Uj-@6D@N
zE61NsQ{ZffA|M-2SJ<3gqZRqc)kk9jLTRZGVbSerMS2yc64&X6jO|7F;g33Yo73S!
z@1YOmW<QAQps^?|6^NTwyI#Xjxu~5hEc=Cb`YO_wG-{vplbt6M_eP8`=D<faRTUcn
znJvlrTlNA8_`__-*G?nuPOD#{+z+uHDzV_C0r=-hIe#HWvE0#>Z_y25NClboLwa<F
z-^1!I)ne`s=MOX?B=2RLom_v!HE4X6`mJQ$(=^^^=w?H2X93*QbmIebv=t-QDvf0Y
z1lFV88(MRAFP@(#Geok(()++<;yfG(^C^%b?Q0__s=;Keb=1zvy2)hXa{c)bta|eo
z)fpT%#y^;6k+&`sX616uo4LegwXne5S#4dR33#lalK)uDE51?sO>T0~DO+#jCc|Q#
zX(=kyLVaS#161aGz=(0cX=_nZlOg2v+2){25fG->L`*6mUy@}U$D+!^SGhe9k1W_!
z)2O#6+PbDwxUi#mhZj_8RX+v1<s2lQQnVz~&ikAUeN#Q_X|ZfK86~I3xwI2KNoEQj
zxoC<@5@|Xj_35{XOB!jm8N{e?vqpPz1S9p27t-2Z0x*s0Zh6^kW2I%d@k&(ZsqPf|
z?+}rYxgz_L=<Ze0JHv=OyWjnld%GsYw7+??X!PkmBd*@?@hm4o@P3otbo=>U+b=ra
zv=~#nB(l@tB*Kf8$>b$m!c2WCnnW}QWmnxQoHKt4CX%3$A@?6&wNxEGmD316pqk(P
zQ%8SJC_uu8U%w7Q09TEpN5TPSZUi8s4lX6R5HOha5>1n#EqKG8h0j_xZ}I7eb;~qP
zNNma<mm?2lwt*DXIk2da?P3{XFTOa!>!onrLyQZ<$}Vq0?fyg~#qu06nHnpdrKJsh
z^(Aso-b$49Pc;FIOwjLa<4gRCoDDv>@pJzu)>s)gd|N(eJaR*_fS`mn0Mvl{!7f<W
z9V*K2T_rF?s4p9>QT$g($zyXedz}c^MXQl$52r)K)A-E~qvzXq2|Y%MeFzz^J7*HU
z?KhX`VR8CAkpdMTmqLm|>i0Z)5t6>IBtnd;c+I1?N!pu2bQ-S&mu9FaV+`BX2z<f>
zCB(oYAd2;@q>;7V@4C6Q?90ZolwI%2(Q><Q4`d84t^@jDLfB6!sRh(>-E^h0(vy)(
zh1_do99wM<;7xYWe}X!G>-k^^0tkc!e_*9X07mQ=IPijwk<V}tk2yE%&@ci`RNi4b
zTd5+s$8$p~S!oF69N)qgi;v|cUVa~8YJ4Qa62&RC$N9?s`R9&FNsqH?I3g^n9`jya
z=-`O0Jsfc$X#R#Y=Y@=zQ$D*$sbVxb7k>xr4Wecqy*vxkuZD3l{S$$cqA%aMd+e5m
zW&xhjF1tE*3UIuZx!0RjF}zPD?2`j33en|RBA;|+1W#7ik5Wms%N>}!EU{1DTq;|-
z^vtT9J{onh@PA}3T7dZuL`OG&a9%2_<fWXkt$?iKC;C82yg4MTAnRP8rYFl#p`0W;
zPmZ=)c{g@=D4FsX41xq<-%#eJBI}i9bpX-chsZae+<4a15L5o&qc+!4>@o->+g+VT
zh^xK)Yol?f57V{^MIK=(E^BedYhN9U*0-$I?QUZM+uz@y3@^Q$%KVy6B5|!r9I!iW
z;<qL1?G!`OyG7}J$xFO(IPW{n7Sn4&?=;SzO+2srcU|^3FY_Ms&k{y0<lB5r9}!3r
zQrKhB|JyZ6;NVa~7)t;+-n{&`fDQtY{`G)=2O?I&D=hMaU@p7_J`y~ve+A!&6L2``
zA^)Gq{R{Y*pu|Z9`R~8}_bB1N!oMq*gfE=p2o?!LoGJ)b2`{+>UjE~3;(yIW^`D;B
h|H1AtB{*}@LjG${NFWg2{{fgJ)Ns+FP_qBC`9JswD0~0_

delta 7082
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
E2kD<>Y5)KL

diff --git a/contact-scrape-test/index.html b/contact-scrape-test/index.html
new file mode 100644
index 0000000..9bd11c8
--- /dev/null
+++ b/contact-scrape-test/index.html
@@ -0,0 +1,374 @@
+<!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>
+</html>
\ No newline at end of file