Image Added   Lae alla kaughaldustarkvara

Image Added   Sinu arvuti IP aadress

<!-- Chat Button -->
<button id="openChatBtn" style="position: fixed; bottom: 20px; right: 20px; cursor: pointer; border: none; background: none; z-index: 1000;">
    <img id="chatAvatar" alt="Chat Avatar" width="auto" height="84" />
</button>

<!-- Chat Container -->
<div id="chatContainer" style="position: fixed; bottom: 0; right: 0; width: 100%; max-width: 500px; height: 80vh; border: 1px solid #ccc; background-color: white; z-index: 1000; display: none; border-radius: 20px 20px 0px 0px;">
    <!-- Chat Header with Close Button -->
    <div style="background-color: #2C569B; padding: 10px; text-align: right; height: 50px; border-radius: 20px 20px 0 0; display: flex; align-items: center; justify-content: space-between;">
        <div style="display: flex; align-items: center; justify-content: start; gap: 12px;">
            <img src="https://portal.tehisintellekt.ee/ut/tiksu.svg" alt="Logo" style="height: 46px; margin-left: 12px;">
            <div style="display: flex; flex-direction: column; align-items: start;">
                <span style="font-size: 20px; font-weight:700; color:white; font-family: system-ui, sans-serif;">Tiksu</span>
                <span id="tiksuSubtitle" style="font-size: 12px; font-weight:400; color:white; font-family: system-ui, sans-serif;"></span>
            </div>
        </div>
        <button id="closeChatBtn" style="border: none; background: none; cursor: pointer; padding-right: 12px; display: flex; align-items: center;">
            <img src="https://portal.tehisintellekt.ee/ut/close_button.svg" alt="Close" />
        </button>
    </div>
    <!-- Chat iFrame -->
    <iframe id="chatIframe" src="https://portal.tehisintellekt.ee/ut" style="width: 100%; height: calc(100% - 70px); border: none; border-radius: 0 0 20px 20px;"></iframe>
</div>

<script>
    // Language resources
    const resources = {
        english: {
            avatar: "https://portal.tehisintellekt.ee/ut/need_some_help.svg",
            lang: "en",
            text: "IT-helpdesk virtual assistant responds instantly"
        },
        estonian: {
            avatar: "https://portal.tehisintellekt.ee/ut/kas_vajad_abi.svg",
            lang: "et",
            text: "Arvutiabi virtuaalne assistent vastab kohe"
        },
    };

    // Get elements
    const chatAvatar = document.getElementById('chatAvatar');
    const chatIframe = document.getElementById('chatIframe');
    const tiksuSubtitle = document.getElementById('tiksuSubtitle');

    // Function to set language based on referrer URL
    function setLanguage() {
        if (typeof window !== "undefined") {
            console.log("Referrer URL:", document.referrer);
            let selectedLang;
            if (window.location.href.startsWith("https://wiki.ut.ee/spaces/IT/overview") || 
                window.location.href.startsWith("https://wiki-test.ut.ee/spaces/IT/overview") ||
                window.location.href.startsWith("https://wiki.ut.ee/spaces/IT/pages/199673373/Helpdesk") ||
                window.location.href.startsWith("https://wiki-test.ut.ee/spaces/IT/pages/199673373/Helpdesk")) {
                // Set English
                chatAvatar.src = resources.english.avatar;
                tiksuSubtitle.textContent = resources.english.text;
                selectedLang = resources.english.lang;
            } else {
                // Set Estonian
                chatAvatar.src = resources.estonian.avatar;
                tiksuSubtitle.textContent = resources.estonian.text;
                selectedLang = resources.estonian.lang;
            }

            // Update the iframe src with the language parameter
            const currentSrc = new URL(chatIframe.src);
            currentSrc.searchParams.set('lang', selectedLang);
            chatIframe.src = currentSrc.toString();
        }
    }

    // Initialize the language
    setLanguage();

    // Open Chat
    document.getElementById('openChatBtn').addEventListener('click', function() {
        document.getElementById('chatContainer').style.display = 'block';
    });

    // Close Chat
    document.getElementById('closeChatBtn').addEventListener('click', function() {
        document.getElementById('chatContainer').style.display = 'none';
    });
</script>