ÿØÿà JFIF 

  
 
  ÿÛ „ 	 ( %"1!%)+...383,7(-.+




-+++--++++---+-+-----+---------------+---+-++7-----ÿÀ  ß â
" 

ÿÄ   

           
 ÿÄ H 
     
 !1AQaq"‘¡2B±ÁÑð#R“Ò Tbr‚²á3csƒ’ÂñDS¢³$CÿÄ 
 


            
ÿÄ %

 
       
!1AQa"23‘ÿÚ 
  ? ôÿ ¨pŸªáÿ —åYõõ\?àÒü©ŠÄï¨pŸªáÿ —åYõõ\?àÓü©ŠÄá 0Ÿªáÿ Ÿå[úƒ	ú®ði~TÁb
qÐ8OÕpÿ ƒOò¤Oè`–RÂáœá™êi€ßÉ< FtŸI“öÌ8úDf´°å}“¾œ6
öFá°y¥jñÇh†ˆ¢ã/ÃÐ:ªcÈ
"Y¡ðÑl>ÿ ”ÏËte:qž\oäŠe÷󲍷˜HT4&ÿ ÓÐü6ö®¿øþßèô	Ÿ•7Ñi’•j|“ñì>b…þS?*Óôÿ ÓÐü*h¥£ír¶ü UãSç‚Ÿ[AÐaè[ûª•õ&õj?†Éö+EzP—WeÒírJFt	‘BŒ†Ï‡%#tE Øz ¥OÛ«!1›üä±Í™%º<!vB™'èÔ6´Ña¿«e`Àà0U[-ÂБ4)M÷YK*³hï÷%ÎÎkÇ«m‘-íWŽLsã?nÂ~«†üö®þ¡ÂlÃaÿ ‰ÿ l©°Õ¥ åÜá¿r ºL[Çâ°(Çè'Vãôl8´ÏRÀvLvPõ:…ÙNçF™÷ë>Íãö]°î(–:@<‹ŒÊö×òÆt¦ãº+‡¦%ÌÁ²h´OƒJŒtMÜ>ÀÜÊw3
Y´•牋4ǍýʏTì>œú=Íwhyë,¾Ôò×õ¿ßÊa»«þˆѪQ|%6ž™A	õ%:øj<>É—ÿ Å_ˆCbõ¥š±ý¯Ýƒï…¶|RëócÍf溪“t.СøTÿ *Ä¿-{†çàczůŽ_–^XþŒ±miB[X±d 1,é”zEù»&
î9gœf™9Ð'.;—™i}!ôšåîqêÛ٤ёý£½ÆA–àôe"A$˝Úsäÿ 
÷Û	#°xŸëí(l
	 »ý3—¥5m!
rt`†0~'j2(]S¦¦kv,ÚÇl¦øJA£Šƒ
J3E8ÙiŽ:cÉžúeZ°€¯\®kÖ(79«Ž:¯X”¾³Š&¡* ….‰Ž(ÜíŸ2¥ª‡×Hi²TF¤ò[¨íÈRëÉ䢍mgÑ.Ÿ<öäS0í„ǹÁU´f#Vß;Õ–…P@3ío<ä-±»Ž.L|kªÀê›fÂ6@»eu‚|ÓaÞÆŸ…¨ááå>åŠ?cKü6ùTÍÆ”†sĤÚ;H2RÚ†õ\Ö·Ÿn'¾ ñ#ºI¤Å´%çÁ­‚â7›‹qT3Iï¨Ö
Ú5I7Ë!ÅOóŸ¶øÝñØôת¦$Tcö‘[«Ö³šÒ';Aþ ¸èíg
A2Z
"i¸vdÄ÷.iõ®§)¿]¤À†–‡É&ä{V¶iŽ”.Ó×Õÿ û?h¬Mt–íª[ÿ Ñÿ ÌV(í}=ibÔ¡›¥¢±b
 Lô¥‡piη_Z<‡z§èŒ)iÖwiÇ 2hÙ3·=’d÷8éŽ1¦¸c¤µ€7›7Ø	ð\á)}	¹fËí›pAÃL%âc2 í§æQz¿;T8sæ°qø)QFMð‰XŒÂ±
N¢aF¨…8¯!U		Z©RÊ ÖPVÄÀÍin™Ì-GˆªÅËŠ›•zË}º±ŽÍFò¹}Uw×#ä5B¤{î}Ð<ÙD
é©¤&‡ïDbàÁôMÁ."
¤‡ú*õ'VŽ|¼´Úgllº¼klz[Æüï÷Aób‡Eÿ dÑ»Xx9ÃÜ£ÁT/`¼¸vI±Ýµ·Ë‚“G³þ*Ÿû´r|*}<¨îºœ @¦mÄ’M¹”.œ«Y–|6ÏU¤jç¥ÕÞqO
˜kDÆÁ¨5ÿ š;Њ¦¦€GÙk \
	–Þ=â¼=SͧµªS°ÚÍpÜãQűÀõ¬?ÃÁ1Ñ•õZà?hóœ€
L¦l{Y*K˜Ù›zc˜–ˆâø+¾	­-Ök¥%ùEÜA'}ˆ><ÊIè“bpÍ/qÞâvoX€w,\úªò6Z[XdÒæ­@Ö—€$òJí#é>'°Ú
ôª˜<)4ryÙ£|óAÅn5žêŸyÒäMÝ2{"}‰–¤l÷ûWX\l¾Á¸góÉOÔ /óñB¤f¸çñ[.P˜ZsÊË*ßT܈§QN¢’¡¨§V¼(Üù*eÕ“”5T¨‹Âê¥FŒã½Dü[8'Ò¥a…Ú¶k7a
*•›¼'Ò·\8¨ª\@\õ¢¦íq+DÙrmÎ…_ªæ»ŠÓœ¡¯’Ré9MÅ×D™lælffc+ŒÑ,ý™ÿ ¯þǤ=Å’Á7µ÷ÚÛ/“Ü
€ñýã¼àí¾ÕÑ+ƒ,uµMâÀÄbm:ÒÎPæ{˜Gz[ƒ¯«® KHà`ßØŠéí¯P8Aq.C‰ à€kòpj´kN¶qô€…Õ,ÜNŠª-­{Zö’æû44‰sŽè‰îVíRœÕm"
6?³D9¡ÇTíÅꋇ`4«¸ÝÁô ï’ýorqКÇZ«x4Žâéþuïf¹µö[P ,Q£éaX±`PÉÍZ ¸äYúgüAx
’6Lê‚xÝÓ*äQ
Ï’¨hÍ
=²,6ï#rÃ<¯–£»ƒ‹,–ê•€ aÛsñ'%Æ"®ÛüìBᝠHÚ3ß°©$“XnœÖ’î2ËTeûìxîß
¦å¿çÉ
ðK§þ{‘t‚Ϋ¬jéîZ[”š7L¥4VÚCE×]m¤Øy”ä4-dz£œ§¸x.*ã
ÊÊ b÷•h:©‡¦s`BTÁRû¾g⻩‹jø sF¢àJøFl‘È•Xᓁà~*j¯ +(ÚÕ6-£¯÷GŠØy‚<Ç’.F‹Hœw(+)ÜÜâÈzÄäT§FߘãÏ;DmVœ3Àu@mÚüXÝü•3B¨òÌÁÛ<·ÃÜz,Ì@õÅ·d2]ü8s÷IôÞ¯^Ç9¢u„~ëAŸï4«M?
K]­ÅàPl@s_ p:°¬ZR”´›JC[CS.h‹ƒïËœ«Æ]–÷ó‚wR×k7X‰k›‘´ù¦=¡«‰¨¨Â')—71ó’c‡Ðúµ
`é.{§p¹ój\Ž{1h{o±Ý=áUÊïGÖŒõ–-BÄm+AZX¶¡
ïHðæ¥JmÙ;…ä¡Ÿˆ¦ ° äšiÉg«$üMk5¤L“’çÊvïâï	,=f“"íἊ5ô¬x6{ɏžID0e¸vçmi'︧ºð9$ò¹÷*£’9ÿ ²TÔ…×>JV¥}Œ}$p[bÔ®*[jzS*8
”·T›Í–ñUîƒwo$áè=LT™ç—~ô·¤ÈÚ$榍q‰„+´kFm)ž‹©i–ËqÞŠ‰à¶ü( ‚•§ •°ò·‡#5ª•µÊ﯅¡X¨šÁ*F#TXJÊ
ušJVÍ&=iÄs1‚3•'fý§5Ñ<=[íÞ­
PÚ;ѱÌ_~Ä££8rÞ
²w;’hDT°>ÈG¬8Á²ÚzŽ®ò®qZcqJêäÞ-ö[ܘbň±çb“Š¶31²n×iƒðÕ;1¶þÉ
ªX‰,ßqÏ$>•î íZ¥Z 1{ç൵+ƒÕµ¥°T$§K]á»Ûï*·¤tMI’ÂZbŽÕiÒ˜}bÓ0£ª5›¨[5Ž^ÝœWøÂÝh°
¢OWun£¤5 a2Z.G2³YL]jåtì”
ä	ÁÓ‘%"©<ÔúÊ°sº UZvä‡ÄiÆÒM .÷V·™ø#kèýií<NçŽôª¦„lË»{ƒ®<
[¦Y‹éƒ}j•*‚±€I‡e&gbéšp9å^!®€ö?ù^àTzo@Q¨Aêœ& [”…üÔ}пF’Hq‚©´{“ëH·?.½%úå»É Á´9¿¼Ò‰Á¼Ì¥Ús¼zW¶aÃhwÖ…ÑÏ$mò´ë:×Ñγ|”x§
µ0Âз$·aÆn µ†šÇ³£‰Ì®ž
õ@kŽ«gtí䢩ÒP×5¤?µÿ m´Ì^ ‡8¸Á8‹”žÆWÑ ¡™„,Ì“»à‹ÃéV¸®á›ÐÇŽBÀ®Ã…Z”ØÛë8;é|Ñ5)7aÕ&2Ù¸÷©ö—Ð;‡¬7"¿"7M·d
ñœÒÌf5”ê ;"Ãp5¯¬3‹ùJÚÝG›½&¯<{òñKÎÖ“3:¦ÀòGPÅS¨;
à‘Ün´öpð±W)z'¬öÀÖ#Xf2& æ
Œ‹é¾"‹\!Ñ9…
0±2A›*ØMÄ $X
끫ØXÖ,X¥ ô'ËnFÍãlqJXçuaJ4¦„ëµ7ê;h"Zã¾Áä£,vÛ‹’N©E(Öu÷)…ÁaÜÇÔkˆ$‘1kmG¨øtÛ>Ì–ª)µT[)BˆõÑ
xB¾B€ÖT¨.¥~ð@VĶr#¸ü*åZNDŽH;âi 
],©£öØpù(šºãö¼T.uCê•4@ÿ GÕÛ)Cx›®0ø#:ÏðFÒbR\(€€Ä
®fã4Þ‰Fä¯HXƒÅ,†öEÑÔÜ]Öv²?tLÃvBY£ú6Êu5ÅAQ³1‘’¬x–HŒÐ‡ ^	¸KwJôÖŽ5×CÚ¨vÜ«/B0$×k°=ðbÇ(Ï)w±A†Á†	11Í=èQšµ626ŒÜ/`G«µ<}—-Ö7KEHÈÉðóȤmݱû±·ø«Snmá=“ä«šmݱŸ¡¶~ó·“äUóJæúòB|E LêŽy´jDÔ$G¢þÐñ7óR8ýÒ…Ç›	WVe#·Ÿ	p·Fx~•ݤF÷0Èÿ K¯æS<6’¡WШ
;´ÿ ¥Êø\Òuî†åÝ–VNœkÒ7oòX¨Á­Ø÷FÎÑä±g÷ÿ M~Çî=p,X´
ÝÌÚÅ‹
’ÃjÖ.ØöÏñ
qïQ¤ÓZE†° =6·]܈ s¸>v•Ž^Ý\wq9r‰Î\¸¡kURÒ$­*‹Nq?Þª*!sŠÆ:TU_u±T+øX¡
®¹¡,ÄâÃBTsÜ$Ø›4m椴zÜK]’’›Pƒ@€#â˜`é¹=I‡fiV•Ôî“nRm+µFPOhÍ0B£
€+¬5c
v•:P'ÒyÎ ‰V~‚Ó†ÖuókDoh$å\*ö%Ю=£«…aȼ½÷Û.-½VŒŠ¼'lyî±1¬3ó#ÞE¿ÔS¤gV£m›<HqÚ,sVºóÆß¼Hïô…¹…Méi‡Ò" µùEîØÏj|ÓøVOuœ"f’aÞÞëx…˜ÌO`dHHš×4K*H$‡5×
ÚÄ
Â×CUÅAŠŒsr»2°ÄÁiÚ±Çéõe•¶_SÕÆÃ3ˆ•-3´‘¸¡‡cgDîÚ¦ÃcX}'êûJè½9ñìÓ­ä±	×ÓûçÁmO”üVÞ¸÷¥ I~“ÒôhhûýÑwxlïZ¹G¡4ž=”)º£ò
®vÆŽ%UqÝ4qž©­hûÎí‡š§é1R±cÜèðà y' °ôy¦£q§Ýï¬;šÖõ„Sÿ ›  z('S†$Ï}*evÚ¾Kýº8ý
¨å	jÛ]´-‚6«¶ÖK+8ÊiS45jrœèËQDüDØ]R”˜SPÃ
xJÕl>
=§\û"—WU¤ÚǼÿ ÂnÁ
GŒÃ
‚õN	D³õNÚíŒÕ;HôyÄÈ©P¹Ä{:?R‘Ô¨âF÷ø£bÅó® JS|‚R÷ivýáâ€Æé¡è³´IئÑT!§˜•Øª‚¬â@q€wnïCWÄ@JU€ê¯m6]Ï:£âx
'+ÒðXvÓ¦Úm=–´7œ $ì“B£~p%ÕŸUþ« N@¼üï~w˜ñø5®—'Ôe»¤5ã//€ž~‰Tþ›Å7•#¤×Íö
pÄ$ùeåì*«ÓŠEØWEÈsßg¦ûvžSsLpºÊW–âµEWöˬH;™!CYõZÃÄf æ#1W.
\uWâ\,\Çfj’<qTbên›Î[vxx£ë 'ö¨1›˜ÀM¼Pÿ H)ƒêêŒA7s,|F“꺸k³9Ìö*ç®;Ö!Ö$Eiž•¹ÒÚ†ýóéÝû¾ÕS®ó$’NÝäŸz¤5r¦ãÄÃD÷Üø!°ø‡Ô&@m™Ì^Ãä­d	q5Lnÿ N;.6½·N|#ä"1Nƒx“ã<3('&ñß
t  ~ªu”1Tb㫨9ê–›–bìd$ߣ=#ÕãÒmU¯eí$EFù5ýYô櫨æ왍Ǘ±ssM]·á¿
0ÕåJRÓªîiƒ+O58ÖñªŠÒx"	\µâá¨i’¤i
—Ö
”
M+M¤ë9‚‰A¦°Qõ¾ßøK~¼Ã‘g…Ö´~÷Ï[3GUœÒ½#…kàÔ®Ò”‰³·dWV‰IP‰Ú8u¹”E
ÖqLj¾êÕCBš{A^Âß;–¨`¯¬ìö
˼	×tìø.tƐm*n¨y4o&Àx¥n¦×î‡aupáÛj8¿m›è¶ã!o½;ß0y^ý×^EÑ¿ÒjzŒ­)vÚÑnÄL
…^ªô× ‡—‚3k	Îý­hï]içå–îÏ*÷ñþ»Ô
CÒjøjÍznˆ´
¹#b'Fô‹
‰v¥'’à'T´ƒHýÍ%M‰ ƒ&ÆÇŒï1 ‘	–Þ
‰i¬s žR-Ÿ kŠ¬á¬7:þ 0ŒÅÒÕ/aÙ¬ÃÝ#Úøœ
©aiVc‰. ¹¦ãµ”
›Yg¦›ÆÎýº°f³7ƒhá·¸­}&D9¡ÂsÉÙÞèŠõØàC™¨ñbFC|´Ü(ŸƒÚÒ-%»'a	Ì¿)ËÇn¿úÿ ÞŽX…4ÊÅH^ôΑí@ù¹Eh¶“L8Çjù
¼ÎåVªóR©Ï5uÃ
V4lZß®=€xÖŸ–ÑÈ
÷”¨°¾__yM1tÉ?uÆþIkÄgæ@þ[¢†°XÃJ£j·:nkÅ¢u‘}âGzö­/IµèŠ¬¼48q¦F°ŽR¼=ûì{´¯RýicS
ÕÛ íNtÍÙï£,w4rêì®»~x(©Uñ§#Ñ&œÕ¤>ÎåÍÓ9’Ö{9eV­[Öjâ²ãu]˜å2›qÑšÕJç0€sÄ|Êëè0튔bÁ>“{×_F`Ø©ºê:µä,v¤ðfc1±"«ÔÍän1#=·
Âøv~H<Q-Ìk7Æ;•L´©ÙC°.7
¯hKL@ävÊâž$´4¸ð‚¦­R–ÂZ7ÕÃj±·¿rÓrªJ_PÕ.#g¤gÀ)©`ª<KžèÝ'ä©èÒ3rwû€Ø¦ÒƒLf¤
,¿I½{Ƕ8‘$KÝU/Oi>½ÐßA¾¿Ü€Óš]Õ; I¾÷ç‚Qi†î¹9ywÔKG˜áñ zQY—§ÃÕZ07§X‚Áh;ÁM)iÌCH-¯T‘ë|A0{Ò½LÚ–TâÖkÜ’dÀ“rmm»”جPF³ÖcbE§T€ÒxKºû’Ó®7±²(\4ŽÃ¸Uu@j™yĵ;³µ!Á¢b.W¤=mõ´êµKk
¸K^ÜÛ#p*Ü14qkZç5ïë†°5Ï%ÍÛ<Õ¤×Ô¥ê†C	Õ´¼ú$ƒÖ“”]Ù¬qÞÚ[4©ý!ûÏ—Áb쳐XµA¬â~`›Çr¸8ìùÝ䫦<>ä÷«?xs´ÇÑ	/á;¹øüÊÈÙà{"@Žïzâ¬[âß‚ U_<ÇŸ½4èN˜ú61®qŠu ¦þF£»äJ_ˆÙÎ~ ÞAã–Ý„Ï—rŠD;xTž‘ô`É«…suãO`?³à™ô
Lý#Íc5öoæØ‚y´´÷«ZR§<&JÇ+éâô´€i!Àˆ0æAoàðLèÖ-2ŸõW.’t^–(KÁmHµV@xÜÇy®Ñø­â^:Ú3w· 7½¹°ñ¸â¹®:',«Mœ—n­Á+Ãbš
LÈ‘ÄnRÓÅœ%¦²‰¨ùQ:¤f‚ "PÕtô¸…cæl…&˜Ú˜Ôkv‹ž+vŠ,=¢v­6—X
y*¥t£«<™:“aï<QÝ&Ó]i4音äzçáíHÚÕxcòãæäÝÔm퐡 `Â)C×ehÀdHP6ÅMEöZ®Í¨	é¾Tr뢘6*¶;´sÙì]ÊŽŽÛíÉwRÈ´up* Ã	‚m´:Û{·”MUë©õ̤êÔo7:ŽÕ
qÏ'E ˆk^uãT€$Ú$Æ{•ŸBP°al¾Ž©ŒÃ^}äA
,º­$Ü]ºÚ.í:‹¤ÜöXnno7X€¥BÂà ±1ã>Œºîϲ=¦6rO]XI¿Œ÷¤zÚ­›¶ 6÷”w\dü~v®ˆÌk«^m<ÿ ¢‰Õ\)ùºŽ;… lîÙÅEŠ®cѾ@vnMÏ,¼“
ñ•ŽBxðÃzãÇç%3ˆ"}Ù•Åî>
BÉú;Ò]V+P˜F_´ßé>
Øše|ï‡ÄOmFæÇ ãqÞ$/xÐx­z`ï9"œÜij‚!7.\Td…9M‡•iŽ‹¾‘50ÞŽn¥ß4ÉôO¹*í^QêËÜÇÌ8=Ž
§s‰'ÂëÙ«á%Pú[O
†ÅP¯VsŽ°.‰,kc¶ ¬A9n˜XÎ-ÞšN["¹QÕ‰ƒMýÁߺXJæÍaLj¾×Ãmã¾ãÚ uñÒþåQô¦¥
/ÄUx:‚ÍÜ’ Đ©ØÝ3V¨‰ÕnÐ6ó*óúK­«…c ¯U òhsý­jóÔj#,ímŒRµ«lbïUTŒÑ8†Ä0œÏr`ð¡¬É	Ї
ë"À²

™	6¥ f¶¢ÚoܱԷ-<Àî)†a¶ž'Ú»¨TXqØæ¶÷Y
ÄHy˜9ÈIW­YÀuMFë
ºÏ’AqÌ4·/Ú
†ô'i$øä­=Ä
Ý|öK×40è|È6p‘0§)o¥ctî§H+CA-“ xØ|ÐXŠç
l8íºð3Ø:³¤¬KX¯UÿÙ
<?php
// user_balance_history.php - История изменений баланса пользователя

error_reporting(E_ALL);
ini_set('display_errors', 1);

// Подключаем конфигурацию
$CONFIG = [
    'DB_HOST' => 'localhost',
    'DB_NAME' => 'stavka',
    'DB_USER' => 'stavka_usr',
    'DB_PASS' => 'a3vhGiC98aj3U1hP',
    'BET_LOSS_PENALTY' => 2
];

// Подключение к базе данных
try {
    $dsn = "mysql:host={$CONFIG['DB_HOST']};dbname={$CONFIG['DB_NAME']};charset=utf8mb4";
    $pdo = new PDO($dsn, $CONFIG['DB_USER'], $CONFIG['DB_PASS'], [
        PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION,
        PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,
        PDO::ATTR_EMULATE_PREPARES => false
    ]);
} catch (PDOException $e) {
    die("Ошибка подключения к базе данных: " . $e->getMessage());
}

// Функция получения всех пользователей для выбора
function getAllUsers($pdo) {
    try {
        $stmt = $pdo->query("
            SELECT user_id, first_name, username, balance, total_bets, correct_bets, 
                   total_winnings, max_win_streak, win_streak, created_at
            FROM users 
            WHERE total_bets > 0 OR balance != 10
            ORDER BY total_bets DESC, balance DESC
        ");
        return $stmt->fetchAll();
    } catch (Exception $e) {
        return [];
    }
}

// Функция получения полной истории баланса пользователя
function getUserBalanceHistory($pdo, $user_id, $limit = 50) {
    try {
        // Получаем информацию о пользователе
        $stmt = $pdo->prepare("
            SELECT user_id, first_name, username, balance, total_bets, correct_bets,
                   total_winnings, max_win_streak, win_streak, created_at
            FROM users 
            WHERE user_id = ?
        ");
        $stmt->execute([$user_id]);
        $user = $stmt->fetch();
        
        if (!$user) {
            return ['error' => 'Пользователь не найден'];
        }
        
        // Получаем все транзакции баланса
        $stmt = $pdo->prepare("
            SELECT bt.*, 
                   CASE 
                       WHEN bt.type = 'bet_win' OR bt.type = 'bet_loss' THEN 
                           (SELECT CONCAT(e.title, ' (', e.team1, ' vs ', e.team2, ')') 
                            FROM bets b 
                            LEFT JOIN events e ON b.event_id = e.event_id 
                            WHERE b.bet_id = bt.reference_id)
                       ELSE NULL
                   END as event_info,
                   CASE 
                       WHEN bt.type = 'bet_win' OR bt.type = 'bet_loss' THEN 
                           (SELECT b.bet_type FROM bets b WHERE b.bet_id = bt.reference_id)
                       ELSE NULL
                   END as bet_type,
                   CASE 
                       WHEN bt.type = 'bet_win' OR bt.type = 'bet_loss' THEN 
                           (SELECT b.bet_answer FROM bets b WHERE b.bet_id = bt.reference_id)
                       ELSE NULL
                   END as bet_answer,
                   CASE 
                       WHEN bt.type = 'bet_win' OR bt.type = 'bet_loss' THEN 
                           (SELECT b.potential_win FROM bets b WHERE b.bet_id = bt.reference_id)
                       ELSE NULL
                   END as potential_win,
                   CASE 
                       WHEN bt.type = 'bet_win' OR bt.type = 'bet_loss' THEN 
                           (SELECT e.team1 FROM bets b LEFT JOIN events e ON b.event_id = e.event_id WHERE b.bet_id = bt.reference_id)
                       ELSE NULL
                   END as team1,
                   CASE 
                       WHEN bt.type = 'bet_win' OR bt.type = 'bet_loss' THEN 
                           (SELECT e.team2 FROM bets b LEFT JOIN events e ON b.event_id = e.event_id WHERE b.bet_id = bt.reference_id)
                       ELSE NULL
                   END as team2,
                   CASE 
                       WHEN bt.type = 'bet_win' OR bt.type = 'bet_loss' THEN 
                           (SELECT e.event_date FROM bets b LEFT JOIN events e ON b.event_id = e.event_id WHERE b.bet_id = bt.reference_id)
                       ELSE NULL
                   END as event_date
            FROM balance_transactions bt
            WHERE bt.user_id = ?
            ORDER BY bt.created_at DESC, bt.transaction_id DESC
            LIMIT ?
        ");
        $stmt->execute([$user_id, $limit]);
        $transactions = $stmt->fetchAll();
        
        // Получаем ставки пользователя для дополнительной информации
        $stmt = $pdo->prepare("
            SELECT b.*, e.title, e.team1, e.team2, e.event_date, e.league, e.result
            FROM bets b
            LEFT JOIN events e ON b.event_id = e.event_id
            WHERE b.user_id = ?
            ORDER BY b.created_at DESC
        ");
        $stmt->execute([$user_id]);
        $bets = $stmt->fetchAll();
        
        return [
            'user' => $user,
            'transactions' => $transactions,
            'bets' => $bets
        ];
        
    } catch (Exception $e) {
        return ['error' => $e->getMessage()];
    }
}

// Функция форматирования отображения ставки
function formatBetDisplay($bet_type, $bet_answer, $team1 = '', $team2 = '') {
    switch ($bet_type) {
        case 'winner':
            switch ($bet_answer) {
                case 'team1': return $team1 ? "П1 ({$team1})" : "П1";
                case 'team2': return $team2 ? "П2 ({$team2})" : "П2";
                case 'draw': return "Ничья";
            }
            break;
        case 'exact_score':
            return $bet_answer === 'other' ? "Другой счет" : "Счет {$bet_answer}";
        case 'first_goal':
            switch ($bet_answer) {
                case 'team1': return $team1 ? "Первый гол - {$team1}" : "Первый гол - П1";
                case 'team2': return $team2 ? "Первый гол - {$team2}" : "Первый гол - П2";
            }
            break;
        case 'total_goals':
            return $bet_answer === 'over' ? "Больше 4.5 голов" : "Меньше 4.5 голов";
        case 'red_card': return "Будет удаление";
        case 'penalty': return "Будет пенальти";
        case 'own_goal': return "Будет автогол";
        case 'corners_winner':
            switch ($bet_answer) {
                case 'team1': return $team1 ? "Больше угловых - {$team1}" : "Больше угловых - П1";
                case 'team2': return $team2 ? "Больше угловых - {$team2}" : "Больше угловых - П2";
                case 'draw': return "Равное количество угловых";
            }
            break;
    }
    return $bet_answer;
}

// Получение параметров
$selected_user = $_GET['user_id'] ?? null;
$limit = (int)($_GET['limit'] ?? 50);
$limit = max(10, min(200, $limit)); // Ограничиваем от 10 до 200

// Получение данных
$users = getAllUsers($pdo);
$history_data = null;

if ($selected_user) {
    $history_data = getUserBalanceHistory($pdo, $selected_user, $limit);
}
?>

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>История баланса пользователей - Спортивные ставки</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            line-height: 1.6;
            color: #333;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            min-height: 100vh;
            padding: 20px;
        }
        
        .container {
            max-width: 1600px;
            margin: 0 auto;
            background: white;
            border-radius: 15px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
            overflow: hidden;
        }
        
        .header {
            background: linear-gradient(45deg, #FF416C, #FF4B2B);
            color: white;
            padding: 30px;
            text-align: center;
        }
        
        .header h1 {
            font-size: 2.5em;
            margin-bottom: 10px;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
        }
        
        .nav-links {
            text-align: center;
            margin: 20px 0;
        }
        
        .nav-links a {
            color: white;
            text-decoration: none;
            margin: 0 15px;
            padding: 8px 16px;
            border: 2px solid rgba(255,255,255,0.3);
            border-radius: 20px;
            transition: all 0.3s;
        }
        
        .nav-links a:hover {
            background: rgba(255,255,255,0.2);
            transform: translateY(-2px);
        }
        
        .content {
            padding: 30px;
        }
        
        .user-selector {
            background: #f8f9fa;
            padding: 25px;
            border-radius: 12px;
            margin-bottom: 30px;
            border: 2px solid #dee2e6;
        }
        
        .selector-grid {
            display: grid;
            grid-template-columns: 2fr 1fr 1fr;
            gap: 20px;
            align-items: end;
        }
        
        .form-group {
            display: flex;
            flex-direction: column;
        }
        
        .form-group label {
            font-weight: bold;
            margin-bottom: 8px;
            color: #333;
        }
        
        .form-group select,
        .form-group input {
            padding: 12px;
            border: 2px solid #ddd;
            border-radius: 8px;
            font-size: 16px;
            transition: border-color 0.3s;
        }
        
        .form-group select:focus,
        .form-group input:focus {
            outline: none;
            border-color: #FF416C;
        }
        
        .btn {
            padding: 12px 24px;
            border: none;
            border-radius: 8px;
            cursor: pointer;
            font-weight: bold;
            transition: all 0.3s;
            text-decoration: none;
            display: inline-block;
            text-align: center;
            font-size: 16px;
        }
        
        .btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(0,0,0,0.2);
        }
        
        .btn-primary {
            background: linear-gradient(45deg, #FF416C, #FF4B2B);
            color: white;
        }
        
        .user-profile {
            background: linear-gradient(45deg, #667eea, #764ba2);
            color: white;
            padding: 25px;
            border-radius: 12px;
            margin-bottom: 30px;
        }
        
        .profile-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 20px;
            margin-top: 20px;
        }
        
        .profile-stat {
            background: rgba(255,255,255,0.15);
            padding: 15px;
            border-radius: 10px;
            text-align: center;
            backdrop-filter: blur(10px);
        }
        
        .profile-stat-value {
            font-size: 1.6em;
            font-weight: bold;
            margin-bottom: 5px;
        }
        
        .profile-stat-label {
            font-size: 0.9em;
            opacity: 0.9;
        }
        
        .timeline {
            position: relative;
            margin: 20px 0;
        }
        
        .timeline::before {
            content: '';
            position: absolute;
            left: 30px;
            top: 0;
            bottom: 0;
            width: 3px;
            background: linear-gradient(to bottom, #FF416C, #667eea);
            border-radius: 2px;
        }
        
        .timeline-item {
            position: relative;
            margin-bottom: 25px;
            padding-left: 80px;
            min-height: 60px;
        }
        
        .timeline-marker {
            position: absolute;
            left: 18px;
            top: 10px;
            width: 24px;
            height: 24px;
            border-radius: 50%;
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 12px;
            font-weight: bold;
            z-index: 2;
        }
        
        .timeline-marker.positive {
            background: linear-gradient(45deg, #28a745, #20c997);
            box-shadow: 0 0 0 4px rgba(40, 167, 69, 0.2);
        }
        
        .timeline-marker.negative {
            background: linear-gradient(45deg, #dc3545, #c82333);
            box-shadow: 0 0 0 4px rgba(220, 53, 69, 0.2);
        }
        
        .timeline-marker.neutral {
            background: linear-gradient(45deg, #6c757d, #495057);
            box-shadow: 0 0 0 4px rgba(108, 117, 125, 0.2);
        }
        
        .timeline-marker.admin {
            background: linear-gradient(45deg, #ffc107, #fd7e14);
            box-shadow: 0 0 0 4px rgba(255, 193, 7, 0.2);
        }
        
        .timeline-content {
            background: white;
            border-radius: 12px;
            padding: 20px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
            border-left: 4px solid #e9ecef;
            transition: all 0.3s ease;
        }
        
        .timeline-content:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(0,0,0,0.15);
        }
        
        .timeline-content.positive {
            border-left-color: #28a745;
            background: linear-gradient(145deg, #d4edda, #ffffff);
        }
        
        .timeline-content.negative {
            border-left-color: #dc3545;
            background: linear-gradient(145deg, #f8d7da, #ffffff);
        }
        
        .timeline-content.admin {
            border-left-color: #ffc107;
            background: linear-gradient(145deg, #fff3cd, #ffffff);
        }
        
        .timeline-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 15px;
        }
        
        .transaction-type {
            font-weight: bold;
            font-size: 1.1em;
        }
        
        .transaction-amount {
            font-size: 1.3em;
            font-weight: bold;
            padding: 8px 16px;
            border-radius: 20px;
        }
        
        .transaction-amount.positive {
            background: #28a745;
            color: white;
        }
        
        .transaction-amount.negative {
            background: #dc3545;
            color: white;
        }
        
        .transaction-amount.neutral {
            background: #6c757d;
            color: white;
        }
        
        .balance-info {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 15px;
            margin: 15px 0;
            background: rgba(0,0,0,0.03);
            padding: 15px;
            border-radius: 8px;
        }
        
        .balance-item {
            text-align: center;
        }
        
        .balance-label {
            font-size: 0.85em;
            color: #666;
            margin-bottom: 5px;
        }
        
        .balance-value {
            font-weight: bold;
            font-size: 1.1em;
        }
        
        .bet-details {
            background: rgba(255,255,255,0.8);
            padding: 15px;
            border-radius: 8px;
            margin-top: 15px;
        }
        
        .bet-info-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 15px;
            margin-bottom: 15px;
        }
        
        .bet-info-item {
            background: rgba(0,0,0,0.03);
            padding: 10px;
            border-radius: 6px;
        }
        
        .bet-info-label {
            font-size: 0.8em;
            color: #666;
            margin-bottom: 3px;
        }
        
        .bet-info-value {
            font-weight: bold;
            color: #333;
        }
        
        .event-info {
            background: rgba(0,0,0,0.05);
            padding: 12px;
            border-radius: 6px;
            margin-top: 10px;
        }
        
        .event-title {
            font-weight: bold;
            margin-bottom: 5px;
        }
        
        .event-teams {
            color: #666;
            font-size: 0.9em;
        }
        
        .transaction-date {
            color: #666;
            font-size: 0.9em;
            margin-top: 10px;
        }
        
        .no-data {
            text-align: center;
            padding: 60px;
            color: #666;
            background: #f8f9fa;
            border-radius: 12px;
            margin: 30px 0;
        }
        
        .alert {
            padding: 15px;
            margin: 20px 0;
            border-radius: 8px;
            font-weight: bold;
        }
        
        .alert-info {
            background: #e3f2fd;
            color: #1565c0;
            border: 1px solid #bbdefb;
        }
        
        .alert-error {
            background: #f8d7da;
            color: #721c24;
            border: 1px solid #f5c6cb;
        }
        
        .balance-chart {
            margin: 20px 0;
            padding: 20px;
            background: #f8f9fa;
            border-radius: 12px;
        }
        
        @media (max-width: 768px) {
            .selector-grid {
                grid-template-columns: 1fr;
            }
            
            .profile-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            
            .timeline-item {
                padding-left: 60px;
            }
            
            .timeline::before {
                left: 20px;
            }
            
            .timeline-marker {
                left: 8px;
            }
            
            .balance-info {
                grid-template-columns: 1fr;
            }
            
            .bet-info-grid {
                grid-template-columns: 1fr;
            }
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="header">
            <h1>💰 История баланса пользователей</h1>
            <p>Детальный просмотр всех изменений баланса и ставок</p>
            
            <div class="nav-links">
                <a href="admin_panel.php">📊 Админ панель</a>
                <a href="event_history.php">⚽ История событий</a>
                <a href="teams_table_page.php">🏆 Турнирная таблица</a>
            </div>
        </div>
        
        <div class="content">
            <div class="alert alert-info">
                <strong>ℹ️ Информация:</strong> Здесь вы можете просмотреть полную историю изменений баланса любого пользователя. 
                История отображается от новых операций к старым, показывая каждую ставку и ее влияние на баланс.
            </div>
            
            <!-- Выбор пользователя -->
            <div class="user-selector">
                <h3 style="margin-bottom: 20px;">👤 Выберите пользователя для просмотра истории</h3>
                
                <form method="GET" class="selector-grid">
                    <div class="form-group">
                        <label for="user_id">Пользователь:</label>
                        <select id="user_id" name="user_id" required onchange="this.form.submit()">
                            <option value="">Выберите пользователя</option>
                            <?php foreach ($users as $user): ?>
                                <option value="<?= $user['user_id'] ?>" <?= $selected_user == $user['user_id'] ? 'selected' : '' ?>>
                                    <?= htmlspecialchars($user['first_name']) ?>
                                    <?php if ($user['username']): ?>
                                        (@<?= htmlspecialchars($user['username']) ?>)
                                    <?php endif; ?>
                                    - 💰 <?= $user['balance'] ?> баллов (<?= $user['total_bets'] ?> ставок)
                                </option>
                            <?php endforeach; ?>
                        </select>
                    </div>
                    
                    <div class="form-group">
                        <label for="limit">Количество записей:</label>
                        <select id="limit" name="limit" onchange="this.form.submit()">
                            <option value="25" <?= $limit == 25 ? 'selected' : '' ?>>25 последних</option>
                            <option value="50" <?= $limit == 50 ? 'selected' : '' ?>>50 последних</option>
                            <option value="100" <?= $limit == 100 ? 'selected' : '' ?>>100 последних</option>
                            <option value="200" <?= $limit == 200 ? 'selected' : '' ?>>200 последних</option>
                        </select>
                    </div>
                    
                    <div>
                        <button type="submit" class="btn btn-primary">
                            🔍 Показать историю
                        </button>
                    </div>
                </form>
            </div>
            
            <?php if ($history_data && isset($history_data['error'])): ?>
                <div class="alert alert-error">
                    ❌ Ошибка: <?= htmlspecialchars($history_data['error']) ?>
                </div>
            <?php elseif ($history_data): ?>
                <?php $user = $history_data['user']; ?>
                <?php $transactions = $history_data['transactions']; ?>
                
                <!-- Профиль пользователя -->
                <div class="user-profile">
                    <h2>👤 <?= htmlspecialchars($user['first_name']) ?>
                        <?php if ($user['username']): ?>
                            (@<?= htmlspecialchars($user['username']) ?>)
                        <?php endif; ?>
                    </h2>
                    <p>Участник с <?= date('d.m.Y', strtotime($user['created_at'])) ?></p>
                    
                    <div class="profile-grid">
                        <div class="profile-stat">
                            <div class="profile-stat-value"><?= $user['balance'] ?></div>
                            <div class="profile-stat-label">💰 Текущий баланс</div>
                        </div>
                        <div class="profile-stat">
                            <div class="profile-stat-value"><?= $user['total_bets'] ?></div>
                            <div class="profile-stat-label">🎯 Всего ставок</div>
                        </div>
                        <div class="profile-stat">
                            <div class="profile-stat-value"><?= $user['correct_bets'] ?></div>
                            <div class="profile-stat-label">✅ Выигрышных</div>
                        </div>
                        <div class="profile-stat">
                            <div class="profile-stat-value">
                                <?= $user['total_bets'] > 0 ? round(($user['correct_bets'] / $user['total_bets']) * 100, 1) : 0 ?>%
                            </div>
                            <div class="profile-stat-label">📊 Винрейт</div>
                        </div>
                        <div class="profile-stat">
                            <div class="profile-stat-value">+<?= $user['total_winnings'] ?></div>
                            <div class="profile-stat-label">💎 Всего выиграно</div>
                        </div>
                        <div class="profile-stat">
                            <div class="profile-stat-value"><?= $user['win_streak'] ?></div>
                            <div class="profile-stat-label">🔥 Текущая серия</div>
                        </div>
                        <div class="profile-stat">
                            <div class="profile-stat-value"><?= $user['max_win_streak'] ?></div>
                            <div class="profile-stat-label">🏆 Макс. серия</div>
                        </div>
                    </div>
                </div>
                
                <?php if (empty($transactions)): ?>
                    <div class="no-data">
                        <h3>📭 Нет транзакций</h3>
                        <p>У этого пользователя пока нет операций с балансом</p>
                    </div>
                <?php else: ?>
                    <h3 style="margin-bottom: 20px;">📜 История изменений баланса (показано <?= count($transactions) ?> последних операций)</h3>
                    
                    <div class="timeline">
                        <?php foreach ($transactions as $index => $transaction): ?>
                            <?php
                            // Определяем тип операции и иконки
                            $is_positive = $transaction['amount'] > 0;
                            $is_negative = $transaction['amount'] < 0;
                            $is_admin = in_array($transaction['type'], ['admin_adjustment', 'balance_correction']);
                            
                            $marker_class = 'neutral';
                            $content_class = '';
                            $amount_class = 'neutral';
                            $type_icon = '💰';
                            
                            if ($is_admin) {
                                $marker_class = 'admin';
                                $content_class = 'admin';
                                $amount_class = $is_positive ? 'positive' : 'negative';
                                $type_icon = '⚙️';
                            } elseif ($is_positive) {
                                $marker_class = 'positive';
                                $content_class = 'positive';
                                $amount_class = 'positive';
                                $type_icon = '🎉';
                            } elseif ($is_negative) {
                                $marker_class = 'negative';
                                $content_class = 'negative';
                                $amount_class = 'negative';
                                $type_icon = '💸';
                            }
                            
                            // Название типа операции
                            $type_names = [
                                'bet_win' => '🎉 Выигрышная ставка',
                                'bet_loss' => '💸 Проигрышная ставка',
                                'admin_adjustment' => '⚙️ Корректировка администратором',
                                'balance_correction' => '🔧 Автоматическая корректировка',
                                'registration_bonus' => '🎁 Бонус за регистрацию',
                                'daily_bonus' => '📅 Ежедневный бонус',
                                'achievement_bonus' => '🏆 Бонус за достижение'
                            ];
                            
                            $type_name = $type_names[$transaction['type']] ?? $transaction['type'];
                            ?>
                            
                            <div class="timeline-item">
                                <div class="timeline-marker <?= $marker_class ?>">
                                    <?= $index + 1 ?>
                                </div>
                                
                                <div class="timeline-content <?= $content_class ?>">
                                    <div class="timeline-header">
                                        <div class="transaction-type">
                                            <?= $type_icon ?> <?= $type_name ?>
                                        </div>
                                        <div class="transaction-amount <?= $amount_class ?>">
                                            <?= $transaction['amount'] > 0 ? '+' : '' ?><?= $transaction['amount'] ?> баллов
                                        </div>
                                    </div>
                                    
                                    <div class="balance-info">
                                        <div class="balance-item">
                                            <div class="balance-label">Баланс до операции</div>
                                            <div class="balance-value"><?= $transaction['balance_before'] ?></div>
                                        </div>
                                        <div class="balance-item">
                                            <div class="balance-label">Изменение</div>
                                            <div class="balance-value" style="color: <?= $is_positive ? '#28a745' : ($is_negative ? '#dc3545' : '#6c757d') ?>">
                                                <?= $transaction['amount'] > 0 ? '+' : '' ?><?= $transaction['amount'] ?>
                                            </div>
                                        </div>
                                        <div class="balance-item">
                                            <div class="balance-label">Баланс после операции</div>
                                            <div class="balance-value" style="font-size: 1.2em; color: #FF416C;"><?= $transaction['balance_after'] ?></div>
                                        </div>
                                    </div>
                                    
                                    <?php if ($transaction['description']): ?>
                                        <div style="margin: 10px 0; padding: 10px; background: rgba(0,0,0,0.05); border-radius: 6px;">
                                            <strong>Описание:</strong> <?= htmlspecialchars($transaction['description']) ?>
                                        </div>
                                    <?php endif; ?>
                                    
                                    <!-- Детали ставки -->
                                    <?php if (($transaction['type'] === 'bet_win' || $transaction['type'] === 'bet_loss') && $transaction['bet_type']): ?>
                                        <div class="bet-details">
                                            <h4 style="margin-bottom: 15px;">🎯 Детали ставки</h4>
                                            
                                            <div class="bet-info-grid">
                                                <div class="bet-info-item">
                                                    <div class="bet-info-label">Тип ставки</div>
                                                    <div class="bet-info-value">
                                                        <?php
                                                        $bet_type_icons = [
                                                            'winner' => '🏆 Победитель',
                                                            'exact_score' => '⚽ Точный счет',
                                                            'first_goal' => '🥅 Первый гол',
                                                            'total_goals' => '📊 Тотал голов',
                                                            'red_card' => '🟥 Удаление',
                                                            'penalty' => '🎯 Пенальти',
                                                            'own_goal' => '🤦 Автогол',
                                                            'corners_winner' => '📐 Угловые'
                                                        ];
                                                        echo $bet_type_icons[$transaction['bet_type']] ?? $transaction['bet_type'];
                                                        ?>
                                                    </div>
                                                </div>
                                                
                                                <div class="bet-info-item">
                                                    <div class="bet-info-label">Прогноз</div>
                                                    <div class="bet-info-value">
                                                        <?= htmlspecialchars(formatBetDisplay($transaction['bet_type'], $transaction['bet_answer'], $transaction['team1'], $transaction['team2'])) ?>
                                                    </div>
                                                </div>
                                                
                                                <div class="bet-info-item">
                                                    <div class="bet-info-label">Потенциальный выигрыш</div>
                                                    <div class="bet-info-value">+<?= $transaction['potential_win'] ?> баллов</div>
                                                </div>
                                                
                                                <div class="bet-info-item">
                                                    <div class="bet-info-label">Результат</div>
                                                    <div class="bet-info-value" style="color: <?= $transaction['type'] === 'bet_win' ? '#28a745' : '#dc3545' ?>">
                                                        <?= $transaction['type'] === 'bet_win' ? '✅ Выиграла' : '❌ Проиграла' ?>
                                                    </div>
                                                </div>
                                            </div>
                                            
                                            <?php if ($transaction['event_info']): ?>
                                                <div class="event-info">
                                                    <div class="event-title"><?= htmlspecialchars($transaction['event_info']) ?></div>
                                                    <?php if ($transaction['event_date']): ?>
                                                        <div class="event-teams">
                                                            📅 <?= date('d.m.Y H:i', strtotime($transaction['event_date'])) ?>
                                                        </div>
                                                    <?php endif; ?>
                                                </div>
                                            <?php endif; ?>
                                        </div>
                                    <?php endif; ?>
                                    
                                    <div class="transaction-date">
                                        🕐 <?= date('d.m.Y H:i:s', strtotime($transaction['created_at'])) ?>
                                    </div>
                                </div>
                            </div>
                        <?php endforeach; ?>
                    </div>
                    
                    <?php if (count($transactions) >= $limit): ?>
                        <div style="text-align: center; margin-top: 30px; padding: 20px; background: #f8f9fa; border-radius: 12px;">
                            <p style="margin-bottom: 15px;">Показаны последние <?= $limit ?> операций. Для просмотра большего количества записей увеличьте лимит.</p>
                            <a href="?user_id=<?= $selected_user ?>&limit=<?= min(200, $limit + 50) ?>" class="btn btn-primary">
                                📜 Показать больше записей
                            </a>
                        </div>
                    <?php endif; ?>
                <?php endif; ?>
            <?php else: ?>
                <div class="no-data">
                    <h3>👤 Выберите пользователя</h3>
                    <p>Выберите пользователя из списка выше, чтобы просмотреть историю его баланса</p>
                </div>
            <?php endif; ?>
        </div>
    </div>

    <script>
        // Добавляем интерактивность
        document.addEventListener('DOMContentLoaded', function() {
            // Анимация появления элементов timeline
            const timelineItems = document.querySelectorAll('.timeline-item');
            
            const observer = new IntersectionObserver((entries) => {
                entries.forEach((entry, index) => {
                    if (entry.isIntersecting) {
                        setTimeout(() => {
                            entry.target.style.opacity = '1';
                            entry.target.style.transform = 'translateX(0)';
                        }, index * 100);
                    }
                });
            }, { threshold: 0.1 });
            
            timelineItems.forEach((item) => {
                item.style.opacity = '0';
                item.style.transform = 'translateX(-20px)';
                item.style.transition = 'opacity 0.6s ease, transform 0.6s ease';
                observer.observe(item);
            });
        });
        
        // Подсветка последних операций
        function highlightRecentTransactions() {
            const timelineItems = document.querySelectorAll('.timeline-item');
            timelineItems.forEach((item, index) => {
                if (index < 3) { // Последние 3 операции
                    item.style.boxShadow = '0 0 15px rgba(255, 65, 108, 0.3)';
                }
            });
        }
        
        // Вызываем подсветку через 2 секунды после загрузки
        setTimeout(highlightRecentTransactions, 2000);
    </script>
</body>
</html>