<!--
/************************************************************************************\
|                                                                                    |
|   ██╗███╗   ██╗████████╗███████╗██████╗ ███╗   ██╗███████╗████████╗                |
|   ██║████╗  ██║╚══██╔══╝██╔════╝██╔══██╗████╗  ██║██╔════╝╚══██╔══╝                |
|   ██║██╔██╗ ██║   ██║   █████╗  ██████╔╝██╔██╗ ██║█████╗     ██║                   |
|   ██║██║╚██╗██║   ██║   ██╔══╝  ██╔══██╗██║╚██╗██║██╔══╝     ██║                   |
|   ██║██║ ╚████║   ██║   ███████╗██║  ██║██║ ╚████║███████╗   ██║                   |
|   ╚═╝╚═╝  ╚═══╝   ╚═╝   ╚══════╝╚═╝  ╚═╝╚═╝  ╚═══╝╚══════╝   ╚═╝                   |
|                                                                                    |
|   ███╗   ███╗ ██████╗      ██╗███████╗████████╗███████╗██████╗                     |
|   ████╗ ████║██╔═══██╗     ██║██╔════╝╚══██╔══╝██╔════╝██╔══██╗                    |
|   ██╔████╔██║██║   ██║     ██║███████╗   ██║   █████╗  ██████╔╝                    |
|   ██║╚██╔╝██║██║   ██║██   ██║╚════██║   ██║   ██╔══╝  ██╔══██╗                    |
|   ██║ ╚═╝ ██║╚██████╔╝╚█████╔╝███████║   ██║   ███████╗██║  ██║                    |
|   ╚═╝     ╚═╝ ╚═════╝  ╚════╝ ╚══════╝   ╚═╝   ╚══════╝╚═╝  ╚═╝                    |
|                                                                                    |
|====================================================================================|
|                                                                                    |
|                  ░▒▓  THE CRADLE OF SLOVENIAN INTERNET SCENE  ▓▒░                  |
|                                                                                    |
|====================================================================================|
|                                                                                    |
|                       ⚡ RESTORED WITH LOVE ❤️ IN 2025 BY ⚡                         |
|                           TIMOTEJ • NIKI • ZAN                                     |
|                                                                                    |
|         This forum was THE meeting point for Slovenian webmasters,                 |
|        developers, designers, and internet enthusiasts in the late 2000s.          |
|           A digital gathering place where knowledge was shared,                    |
|              careers were launched, and friendships were forged.                   |
|                                                                                    |
|                 In 2025, with hearts full of nostalgia and joy,                    |
|               we brought it back to life. For the memories. For                    |
|              the community. For the love of the good old days.                     |
|                                                                                    |
|====================================================================================|
|                                                                                    |
|                  🏗️  Built with Laravel • Powered by Memories  💾                   |
|                       🌟  Made in Slovenia • 2025  🌟                               |
|                                                                                    |
\************************************************************************************/
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <title>Coda - Internet Mojster</title>
	<link rel="icon" type="image/x-icon" href="/favicon.ico">
    <link rel="stylesheet" href="https://internetmojster.com/styles/style.css?v=1789188989">
    <link rel="stylesheet" href="https://internetmojster.com/styles/style-new.css?v=1789188989">
    <link rel="stylesheet" href="https://internetmojster.com/styles/style-panel.css?v=1789188989">
    <link rel="stylesheet" href="https://internetmojster.com/styles/style-responsive.css?v=1789188989">
    <link rel="stylesheet" href="https://internetmojster.com/styles/style-profile-mobile.css?v=1789188989">
    <link rel="stylesheet" href="https://internetmojster.com/styles/subscription.css?v=1789188989">
    <link rel="stylesheet" href="https://internetmojster.com/styles/jobs.css?v=1789188989">
    <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
    <script src="https://internetmojster.com/js/scripts.js"></script>
    <script src="https://internetmojster.com/js/mobile.js"></script>

    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-KGVKX3ZD');</script>
    <script src="https://internetmojster.com/tinymce/js/tinymce/tinymce.min.js"></script>
    
        </head>
<body class="vz">
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KGVKX3ZD"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <div id="container">
        <div id="head">
            <a href="https://internetmojster.com" id="home" title="Domov">&nbsp;</a>
            <ul>
                <li class="">
                    <a href="https://internetmojster.com">Domov</a>
                </li>
                
                <li id="search"><a href="#" data-popup="search">Iskanje</a></li>
                <li class="">
                    <a href="https://internetmojster.com/zaposlitve">Zaposlitve</a>
                </li>
                                                        <li id="register"><a href="https://internetmojster.com/registracija">Registracija</a></li>
                    <li id="login"><a href="https://internetmojster.com/prijava">Prijava</a></li>
                
                            </ul>
            <h1>Coda</h1>
        </div>

        <div class="container">
             <div id="content">
    <div id="forum">

      <!-- Optional: breadcrumb (tweak as needed) -->
      <div class="nav">
        <div class="bc">
          <a href="https://internetmojster.com">Domov</a> &gt;
          <a href="https://internetmojster.com/uporabniki">Seznam članov</a> &gt;
          <span class="top">Coda</span>
        </div>
      </div>
        <div id="page-body">
            <form method="post" action="#" id="viewprofile">
                <div class="profile_row">
                    <div class="profile_panel">

                        <div class="fieldset ">

                            <h1 class="profile_info_name"> Coda</h1>

                            
                            
                                                    </div>

                        
                        <div class="fieldset">
                            <h3>Kontakt</h3>
                            <div class="details">
                                                                <div class="profile_info_row">
                                                                            <a href="https://internetmojster.com/prijava" class="button1">Prijava za pošiljanje</a>
                                                                    </div>
                            </div>
                        </div>

                        
                        <div class="fieldset">
                            <h3>Statistika</h3>

                            <div class="stats_info_row">
                                <div class="stats_info_label">Pridružen/a:</div>
                                <div class="stats_info_value">05 okt 2010, 12:40</div>
                            </div>
                            <div class="stats_info_row">
                                <div class="stats_info_label">Zadnjič aktiven:</div>
                                <div class="stats_info_value">13 avg 2026, 14:19</div>
                            </div>
                            <div class="stats_info_row">
                                <div class="stats_info_label">Prispevki:</div>
                                <div class="stats_info_value">
                                    423 |
                                    <strong><a href="https://internetmojster.com/uporabnik/Coda">Vsi prispevki</a></strong>
                                </div>
                            </div>
                            <div class="stats_info_row">
                                <div class="stats_info_label">Teme:</div>
                                <div class="stats_info_value">
                                    39 |
                                    <strong><a href="https://internetmojster.com/uporabnik/Coda/teme">Vse teme</a></strong>
                                </div>
                            </div>

                            <div class="stats_info_row_reactions" id="user-global-reactions-2371">
                                <div class="el">
                                    <div class="num tup">688</div>
                                    <div class="rate"><span class="tup"></span></div>
                                </div>
                                <div class="el">
                                    <div class="num tdn">244</div>
                                    <div class="rate"><span class="tdn"></span></div>
                                </div>
                                <div class="el">
                                    <div class="num spm">45</div>
                                    <div class="rate"><span class="spm"></span></div>
                                </div>
                            </div>
                        </div>

                        
                                                <div class="fieldset">
                            <div class="inner">
                                <h3>Podpis</h3>
                                <div class="profile_signature">
                                    Dej griz!  x ᴥ x Arguing on the internet is like running at the special olympics. Even if you win, you're still retarded. ;)<br />
<a href="https://www.degriz.net/" target="_blank" rel="noopener noreferrer">Izdelava spletnih trgovin Degriz.net</a>
                                </div>
                            </div>
                        </div>
                        
                    </div>

                    
                    <div class="profile_posts">
                        <div class="tabs">
                            <ul>
                                <li class="">
                                    <a href="https://internetmojster.com/uporabnik/Coda/teme">Vse teme</a>
                                </li>
                                <li class="active">
                                    <a href="https://internetmojster.com/uporabnik/Coda">Vsi prispevki</a>
                                </li>
                            </ul>
                        </div>
                        <div class="panel">
                            <div class="inner">
                                <div class="main_content">
                                    <div class="nav">
                                        <!-- Pagination -->
                                        <div class="page">
                                            stran 2 od 43
                                                                                            <a href="https://internetmojster.com/uporabnik/Coda?page=1" class="first">|&lt;</a>
                                                <a href="https://internetmojster.com/uporabnik/Coda?page=1" class="prev">&lt;</a>
                                            
                                            
                                            
                                                                                                                                                <a href="https://internetmojster.com/uporabnik/Coda?page=1" class="p">1</a>
                                                                                                                                                                                                <span class="p">2</span>
                                                                                                                                                                                                <a href="https://internetmojster.com/uporabnik/Coda?page=3" class="p">3</a>
                                                                                                                                                                                                <a href="https://internetmojster.com/uporabnik/Coda?page=4" class="p">4</a>
                                                                                                                                                                                                <a href="https://internetmojster.com/uporabnik/Coda?page=5" class="p">5</a>
                                                                                                                                                                                                <a href="https://internetmojster.com/uporabnik/Coda?page=6" class="p">6</a>
                                                                                                                                                                                                <a href="https://internetmojster.com/uporabnik/Coda?page=7" class="p">7</a>
                                                                                            
                                                                                                                                                <span class="dots">...</span>
                                                                                                <a href="https://internetmojster.com/uporabnik/Coda?page=43" class="p">43</a>
                                            
                                                                                            <a href="https://internetmojster.com/uporabnik/Coda?page=3" class="next">&gt;</a>
                                                <a href="https://internetmojster.com/uporabnik/Coda?page=43" class="last">&gt;|</a>
                                                                                    </div>
                                    </div>
                                    <div class="table forum" id="thread">
                                                                                                                                <div class="tr post" id="body298455">
                                                <div class="td content last">
                                                    <div class="inner" id="post298455">
                                                                                                                <a id="p298455" href="https://internetmojster.com/predstavitve-clanov/kaj-ste-poceli-zadnjih-10-let-1760429969?page=1#p298455" class="pnum">#3</a>

                                                        <div class="nav">
                                                            <div class="bc">
                                                                <a href="https://internetmojster.com/predstavitve-clanov" class="top">Predstavitve članov</a> &gt;
                                                                <a href="https://internetmojster.com/predstavitve-clanov/kaj-ste-poceli-zadnjih-10-let-1760429969" class="top">Kaj ste počeli zadnjih 10 let?</a>
                                                            </div>
                                                        </div>
                                                                                                                <div class="postbody">
                                                        <strong>Super tema! </strong>👍<br />
<br />
Sam že več kot 15 let delam <a href="https://www.degriz.net/" target="_blank" rel="noopener noreferrer">spletne trgovine na Magentu</a> in bom očitno ostal na njem, dokler AI ne prevzame dela. 😄 Nova verzija (Magento 2) je sicer precej kompleksna, ampak hej — 20$ je 20$.<br />
<br />
Sem pa pustil vse projekte oz. spletne trgovine, kjer sem bil zraven kot prodajalec, ker sem ugotovil, da so kupci v spletni trgovini kar pain in the ass. Še večji problem pa so inšpektorji, ki iščejo (včasih precej nelogične) napake, samo da imajo kaj za napisat. Se je že zgodilo, da so bile njihove zahteve med sabo nasprotujoče. 🤣<br />
<br />
Če bom še kdaj kaj prodajal, to sigurno ne bo fizičen artikel z možnostjo vračila.<br />
<br />
Verjetno se bom v prihodnje lotil kakšnega projekta v stilu AI wrapperja, samo še partnerja moram najti. 😉
                                                        </div>
                                                    </div>

                                                    <div class="rate"
                                                        data-user-id="2371"
                                                        data-post-id="298455"
                                                        data-thread="kaj-ste-poceli-zadnjih-10-let-1760429969"
                                                        data-category="predstavitve-clanov"
                                                        data-voted=""
                                                        >
                                                        <span class="tup vote " data-type="thumbup">všeč</span><small>(3)</small>
                                                        <span class="tdn vote " data-type="thumbdown">ni všeč</span><small>(0)</small>
                                                        <span class="spm vote " data-type="spam">spam</span><small>(0)</small>
                                                    </div>
                                                </div>
                                            </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </div>
                                    <div class="nav">
                                        <!-- Pagination -->
                                        <div class="page">
                                            stran 2 od 43
                                                                                            <a href="https://internetmojster.com/uporabnik/Coda?page=1" class="first">|&lt;</a>
                                                <a href="https://internetmojster.com/uporabnik/Coda?page=1" class="prev">&lt;</a>
                                            
                                            
                                            
                                                                                                                                                <a href="https://internetmojster.com/uporabnik/Coda?page=1" class="p">1</a>
                                                                                                                                                                                                <span class="p">2</span>
                                                                                                                                                                                                <a href="https://internetmojster.com/uporabnik/Coda?page=3" class="p">3</a>
                                                                                                                                                                                                <a href="https://internetmojster.com/uporabnik/Coda?page=4" class="p">4</a>
                                                                                                                                                                                                <a href="https://internetmojster.com/uporabnik/Coda?page=5" class="p">5</a>
                                                                                                                                                                                                <a href="https://internetmojster.com/uporabnik/Coda?page=6" class="p">6</a>
                                                                                                                                                                                                <a href="https://internetmojster.com/uporabnik/Coda?page=7" class="p">7</a>
                                                                                            
                                                                                                                                                <span class="dots">...</span>
                                                                                                <a href="https://internetmojster.com/uporabnik/Coda?page=43" class="p">43</a>
                                            
                                                                                            <a href="https://internetmojster.com/uporabnik/Coda?page=3" class="next">&gt;</a>
                                                <a href="https://internetmojster.com/uporabnik/Coda?page=43" class="last">&gt;|</a>
                                                                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
        </div>
    </div>
    
    <!-- Ad Spaces Above Footer -->
    <div id="footer-ads">
        <div id="topadsrepl">
            
                
        <div class="left">
            <div class="ad ad-space-1">
                                    <a href="https://internetmojster.com/zaposlitve" class="ad-job-fallback">
                        <div class="job-content">
                            <div class="job-title">Išči med razpoložljivimi zaposlitvami</div>
                            <div class="job-subtitle">Odkrijte priložnosti za delo v digitalni industriji</div>
                        </div>
                        <div class="job-arrow">→</div>
                    </a>
                            </div>
        </div>
        <div class="right">
            <div class="ad ad-space-2">
                                    <a href="https://internetmojster.com/zaposlitve" class="ad-job-fallback">
                        <div class="job-content">
                            <div class="job-title">Išči med razpoložljivimi zaposlitvami</div>
                            <div class="job-subtitle">Odkrijte priložnosti za delo v digitalni industriji</div>
                        </div>
                        <div class="job-arrow">→</div>
                    </a>
                            </div>
        </div>
    </div>
    </div>
    
    <div id="foot">
        powered by Internet Mojster © 2006-2026 :
        <a href="https://internetmojster.com/pravila">pravila obnašanja</a> :
        <a href="https://internetmojster.com/pogoji">pogoji uporabe</a> :
        <a href="https://internetmojster.com/kontakt">kontakt</a> :
        <a href="https://internetmojster.com/piskotki">piškotki</a>
    </div>

    <div id="popup_backdrop" class="popup_backdrop"></div>
	<div id="popup_auth" class="popup" >
		<div class="popup_header">
			<div id="popup_close" class="popup_close">× zapri</div>
		</div>
		<table>
			<tr>
                <td class="login">
                    <h2>Prijava</h2>
                    <form action="https://internetmojster.com/prijava" method="post">
                        <input type="hidden" name="_token" value="EOs0ICzgRiEV1CYW3gJp9NR6BG9TOaEFuUC07aC0" autocomplete="off">                                                <p><input class="text" type="text" name="username" placeholder="uporabniško ime"></p>
                        <p><input class="text" type="password" name="password" placeholder="geslo"></p>
                        <p class="options">
                            <label><input type="checkbox" name="remember"> zapomni si me</label>
                        </p>
                        <p style="text-align:right; margin-top:6px;">
                            <button type="submit">prijava</button>
                        </p>
                    </form>
                </td>
                <td class="reg">
                    <h2>Registracija</h2>
                    <p>Še nimate računa? <a href="https://internetmojster.com/registracija">Ustvari nov račun</a>.</p>
                </td>
			</tr>
		</table>
	</div>
	<div id="popup_search" class="popup" >
		<div class="popup_header">
			<div id="popup_close" class="popup_close">× zapri</div>
		</div>
		<table>
			<tr>
			<td>
				<h2>Iskanje</h2>
				<form action="https://internetmojster.com/iskanje" method="get">
                    <p><input class="text" type="text" name="q" placeholder="išči…" style="width:260px"></p>
                    <div class="submit_buttons">
                        <button type="submit" class="button1">išči</button>
                    </div>
				</form>
			</td>
			</tr>
		</table>
	</div>

    <div id="cookie-notice" class="cookie-notice hidden">
            <div class="cookie-content">
                <p>
                    🍪 Ta spletna stran uporablja piškotke za izboljšanje uporabniške izkušnje.
                    <a href="https://internetmojster.com/piskotki" target="_blank">Več o piškotkih</a>.
                </p>
                <div class="cookie-buttons">
                    <button id="cookie-accept" class="button1">Sprejmi</button>
                    <button id="cookie-decline" class="button2">Zavrni</button>
                </div>
            </div>
        </div>

    <script>/*
        // Initialize TinyMCE for content creation and editing
        document.addEventListener('DOMContentLoaded', function() {
            // Initialize WYSIWYG editor for thread content
            if (document.getElementById('content')) {
                // Remove required attribute to prevent validation issues
                document.getElementById('content').removeAttribute('required');
                
                tinymce.init({
                    selector: '#content',
                    height: 300,
                    menubar: false,
                    plugins: [
                        'advlist', 'autolink', 'lists', 'link', 'image', 'charmap',
                        'anchor', 'searchreplace', 'visualblocks', 'code', 'fullscreen',
                        'insertdatetime', 'media', 'table', 'preview', 'help', 'wordcount'
                    ],
                    toolbar: 'undo redo | blocks | ' +
                        'bold italic forecolor | alignleft aligncenter ' +
                        'alignright alignjustify | bullist numlist outdent indent | ' +
                        'smiley-btn | removeformat | help',
                    content_style: 'body { font-family: Arial, sans-serif; font-size: 14px; }',
                    setup: function(editor) {
                        // Add custom smiley button
                        editor.ui.registry.addButton('smiley-btn', {
                            text: '😊',
                            tooltip: 'Insert Smiley',
                            onAction: function() {
                                showSmileyPicker(editor);
                            }
                        });
                    }
                });
            }

            // Initialize WYSIWYG editor for reply content
            if (document.getElementById('reply-content')) {
                // Remove required attribute to prevent validation issues
                document.getElementById('reply-content').removeAttribute('required');
                
                tinymce.init({
                    selector: '#reply-content',
                    height: 200,
                    menubar: false,
                    plugins: [
                        'advlist', 'autolink', 'lists', 'link', 'charmap',
                        'anchor', 'searchreplace', 'visualblocks', 'code',
                        'insertdatetime', 'table', 'help', 'wordcount'
                    ],
                    toolbar: 'undo redo | blocks | ' +
                        'bold italic forecolor | alignleft aligncenter ' +
                        'alignright alignjustify | bullist numlist | ' +
                        'link | smiley-btn | removeformat | help',
                    content_style: 'body { font-family: Arial, sans-serif; font-size: 14px; }',
                    setup: function(editor) {
                        // Add custom smiley button
                        editor.ui.registry.addButton('smiley-btn', {
                            text: '😊',
                            tooltip: 'Insert Smiley',
                            onAction: function() {
                                showSmileyPicker(editor);
                            }
                        });
                    }
                });
            }
            
            // Handle all form submissions that might contain TinyMCE editors
            document.addEventListener('submit', function(e) {
                // Check if this form contains any TinyMCE editors
                const form = e.target;
                const textareas = form.querySelectorAll('textarea');
                let hasValidationErrors = false;
                
                textareas.forEach(function(textarea) {
                    // Check if this textarea has been replaced by TinyMCE
                    if (tinymce.get(textarea.id)) {
                        const editor = tinymce.get(textarea.id);
                        
                        // Sync the TinyMCE content back to the textarea
                        editor.save();
                        
                        // Check if content is required and empty
                        const content = editor.getContent({format: 'text'}).trim();
                        if (textarea.hasAttribute('data-required') && !content) {
                            e.preventDefault();
                            hasValidationErrors = true;
                            
                            // Show error message
                            alert('Please enter some content before submitting.');
                            
                            // Focus the editor
                            editor.focus();
                            
                            return false;
                        }
                    }
                });
                
                if (hasValidationErrors) {
                    return false;
                }
            });
            
            // Smiley picker functionality
            window.showSmileyPicker = function(editor) {
                // Define classic phpBB-style smileys
                const smileys = {
                    'Happy': [':)', ':D', ':P', ';)', ':lol:'],
                    'Sad': [':(', ":'(", ':cry:'],
                    'Other': [':o', ':shock:', '8)', ':cool:', ':|', ':oops:', ':mrgreen:']
                };
                
                let pickerHtml = '<div style="padding: 10px; max-width: 300px;">';
                pickerHtml += '<h4 style="margin: 0 0 10px 0; color: #333;">Insert Smiley</h4>';
                
                for (const [category, codes] of Object.entries(smileys)) {
                    pickerHtml += `<div style="margin-bottom: 10px;">`;
                    pickerHtml += `<strong style="font-size: 12px; color: #666; display: block; margin-bottom: 5px;">${category}</strong>`;
                    
                    codes.forEach(function(code) {
                        const unicode = getSmileyUnicode(code);
                        pickerHtml += `<span style="cursor: pointer; padding: 5px; margin: 2px; display: inline-block; border-radius: 3px; border: 1px solid #ddd; background: #f9f9f9; font-size: 16px;" onclick="insertSmiley('${code}', '${editor.id}')" title="${code}">${unicode}</span>`;
                    });
                    
                    pickerHtml += '</div>';
                }
                
                pickerHtml += '</div>';
                
                editor.windowManager.open({
                    title: 'Insert Smiley',
                    body: {
                        type: 'panel',
                        items: [{
                            type: 'htmlpanel',
                            html: pickerHtml
                        }]
                    },
                    buttons: [
                        {
                            type: 'cancel',
                            text: 'Close'
                        }
                    ]
                });
            };
            
            window.insertSmiley = function(code, editorId) {
                const editor = tinymce.get(editorId);
                if (editor) {
                    editor.insertContent(' ' + code + ' ');
                    editor.windowManager.close();
                }
            };
            
            window.getSmileyUnicode = function(code) {
                const unicodeMap = {
                    ':)': '🙂', ':D': '😀', ':P': '😛', ';)': '😉', ':lol:': '😂',
                    ':(': '🙁', ":'(": '😢', ':cry:': '😢',
                    ':o': '😮', ':shock:': '😱', '8)': '😎', ':cool:': '😎', 
                    ':|': '😐', ':oops:': '😳', ':mrgreen:': '😀'
                };
                return unicodeMap[code] || code;
            };
        });*/
    </script>
    <script>
document.addEventListener('DOMContentLoaded', function () {
    // Voting logic
    document.querySelectorAll('.rate').forEach(rateBox => {

        if (rateBox.dataset.disabled === 'true') return;

        const postId = rateBox.dataset.postId;
        const voted = rateBox.dataset.voted;

        const voteElements = rateBox.querySelectorAll('.vote');

        voteElements.forEach(btn => {
            if (voted) {
                if (btn.dataset.type === voted) {
                    btn.classList.add('active');
                } else {
                    btn.classList.add('inactive');
                }
            }

            btn.addEventListener('click', () => {
                const threadSlug = rateBox.dataset.thread;
                const categorySlug = rateBox.dataset.category;
                const userId = rateBox.dataset.userId;

                fetch(`/${categorySlug}/${threadSlug}/${postId}/glasuj`, {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                        'X-CSRF-TOKEN': 'EOs0ICzgRiEV1CYW3gJp9NR6BG9TOaEFuUC07aC0'
                    },
                    body: JSON.stringify({ type: btn.dataset.type })
                })
                .then(res => res.json())
                .then(data => {
                    if (data.success) {
                        voteElements.forEach(el => {
                            el.classList.remove('active', 'inactive');
                            if (data.current && el.dataset.type === data.current) {
                                el.classList.add('active');
                            } else if (data.current) {
                                el.classList.add('inactive');
                            }
                        });

                        rateBox.querySelector('.tup + small').textContent = `(${data.counts.thumbup})`;
                        rateBox.querySelector('.tdn + small').textContent = `(${data.counts.thumbdown})`;
                        rateBox.querySelector('.spm + small').textContent = `(${data.counts.spam})`;

                        const globalStats = document.querySelector(`#user-global-reactions-${userId}`);
                        if (globalStats && data.user_counts) {
                            globalStats.querySelector('.num.tup').textContent = data.user_counts.thumbup;
                            globalStats.querySelector('.num.tdn').textContent = data.user_counts.thumbdown;
                            globalStats.querySelector('.num.spm').textContent = data.user_counts.spam;
                        }
                    }
                });
            });
        });
    });
});
</script>
</body>
</html>