Finansije - Klix.ba

<!DOCTYPE html> <html lang="hr" class=""> <meta name="theme-color" content="#ffffff"> <script type="text/javascript"> function darkTheme() { document.documentElement.classList.add('dark'); document.documentElement.classList.remove('light'); document.querySelector('meta[name="theme-color"]').setAttribute('content', '#202124'); document.cookie = "theme=dark; max-age=31536000; path=/; SameSite=Strict"; // Save dark theme in cookie console.log('Dark theme applied and cookie set to dark.'); } function lightTheme() { document.documentElement.classList.add('light'); document.documentElement.classList.remove('dark'); document.querySelector('meta[name="theme-color"]').setAttribute('content', '#ffffff'); document.cookie = "theme=light; max-age=31536000; path=/; SameSite=Strict"; // Save light theme in cookie //console.log('Light theme applied and cookie set to light.'); } function applyThemeBasedOnSystem() { // Apply theme based on system preference and update the cookie accordingly if (window.matchMedia('(prefers-color-scheme: dark)').matches) { darkTheme(); } else { lightTheme(); } } // Function to toggle between dark and light theme function toggleTheme() { const isDarkMode = document.documentElement.classList.contains('dark'); if (isDarkMode) { lightTheme(); // If dark theme is active, switch to light theme } else { darkTheme(); // If light theme is active, switch to dark theme } } function setTheme(theme) { if (theme === 'dark') { darkTheme(); } else if (theme === 'light') { lightTheme(); } else { applyThemeBasedOnSystem(); // Apply system theme and set the respective cookie } } // Get saved theme from cookie function getSavedTheme() { return document.cookie.replace(/(?:(?:^|.*;\s*)theme\s*\=\s*([^;]*).*$)|^.*$/, "$1"); } document.addEventListener('DOMContentLoaded', () => { const savedTheme = getSavedTheme(); if (savedTheme === 'dark' || savedTheme === 'light') { setTheme(savedTheme); // Apply saved theme (dark or light) } else { applyThemeBasedOnSystem(); // Default to system preference if no user choice } }); // Add event listener to automatically apply and save the system theme change window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', event => { const savedTheme = getSavedTheme(); // Only update theme and cookie if user hasn't manually chosen a theme if (!savedTheme || savedTheme === 'system') { if (event.matches) { darkTheme(); // Apply dark theme if system switches to dark } else { lightTheme(); // Apply light theme if system switches to light } } }); </script> <head>  <meta charset="utf-8"> <title>Finansije - Klix.ba</title> <meta name="description" content="Kretanje novčanih tokova, krediti, monetarna politika, poslovi banaka, budžeti i kamate, troškovi, uštede i novac."> <meta name="keywords" content=""> <meta property="og:title" content="Finansije - Klix.ba"> <meta property="og:description" content="Kretanje novčanih tokova, krediti, monetarna politika, poslovi banaka, budžeti i kamate, troškovi, uštede i novac." /> <meta property="og:image" content=""> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta property="og:site_name" content="Klix.ba"/> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@"> <meta name="twitter:creator" content="Klix.ba"> <meta name="twitter:domain" content="klix.ba"> <meta name="twitter:title" content="Finansije - Klix.ba"> <meta name="twitter:description" content="Kretanje novčanih tokova, krediti, monetarna politika, poslovi banaka, budžeti i kamate, troškovi, uštede i novac."> <meta name="twitter:image" content=""> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" /> <meta name="google-signin-client_id" content="831696778835-kqr5934gf7gmbbanittdac7djtc0n76f.apps.googleusercontent.com"> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <link href="/css/app.css?id=8a2e102667c02d2b68d9" rel="stylesheet"> <script src="/js/app.js?id=cca5fc42acfc3b2a3bd8"></script>  <link rel="icon" type="image/png" sizes="16x16" href="https://static.klix.ba/favicon/favicon-16x16.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://static.klix.ba/favicon/favicon-32x32.png"> <link rel="icon" href="https://static.klix.ba/favicon/favicon.ico">  <link rel="apple-touch-icon" href="https://static.klix.ba/favicon/apple-touch-icon.png">  <link rel="icon" type="image/png" sizes="192x192" href="https://static.klix.ba/favicon/android-chrome-192x192.png"> <link rel="icon" type="image/png" sizes="512x512" href="https://static.klix.ba/favicon/android-chrome-512x512.png">  <link rel="manifest" href="https://static.klix.ba/favicon/site.webmanifest">  <link rel="preconnect" href="https://static.klix.ba" crossorigin> <link rel="dns-prefetch" href="https://static.klix.ba"> <link rel="preconnect" href="https://www.googletagmanager.com" crossorigin> <link rel="preconnect" href="https://adservice.google.com/"> <link rel="preconnect" href="https://googleads.g.doubleclick.net/"> <link rel="preconnect" href="https://www.googletagservices.com/"> <link rel="preconnect" href="https://tpc.googlesyndication.com/"> <link rel="preconnect" href="https://api.klix.ba" crossorigin> <meta property="fb:app_id" content="171222711838"> <meta name="csrf-token" content="ZlzVaAlpK2eJL8dnQB09MtIifjjy9Qnq6MZGAMhL">  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css" /> <script type="text/javascript"> /** * Add an event listener to get notified once Didomi has passed * the user consent status to Google * Important: this must be placed before the Didomi SDK gets embedded on your * website to guarantee that you do not miss any event */ window.didomiEventListeners = window.didomiEventListeners || []; window.didomiEventListeners.push({ event: 'integrations.consentpassedtodfp', listener: function (data) { // Consent has been passed to Google // Load or refresh ads as needed with Ad Manager, Prebid, etc. // `data.consentStatus` contains the current consent status of the user (true/false/undefined) // `data.index` contains the index of the event (integer) console.log("data.index: "+ data.index); if (data.index === 0) { // This is the very first event on the page that gets triggered on page load //googletag.pubads().refresh(); //initializeGoogletagRefreshWithPrebid(); } else { // This is an event that happens later on the page, after a user action (user giving consent or changing their preferences) googletag.pubads().refresh(); } } }); </script> <script type="text/javascript">window.gdprAppliesGlobally=false;(function(){function a(e){if(!window.frames[e]){if(document.body&&document.body.firstChild){var t=document.body;var n=document.createElement("iframe");n.style.display="none";n.name=e;n.title=e;t.insertBefore(n,t.firstChild)} else{setTimeout(function(){a(e)},5)}}}function e(n,r,o,c,s){function e(e,t,n,a){if(typeof n!=="function"){return}if(!window[r]){window[r]=[]}var i=false;if(s){i=s(e,t,n)}if(!i){window[r].push({command:e,parameter:t,callback:n,version:a})}}e.stub=true;function t(a){if(!window[n]||window[n].stub!==true){return}if(!a.data){return} var i=typeof a.data==="string";var e;try{e=i?JSON.parse(a.data):a.data}catch(t){return}if(e[o]){var r=e[o];window[n](r.command,r.parameter,function(e,t){var n={};n[c]={returnValue:e,success:t,callId:r.callId};a.source.postMessage(i?JSON.stringify(n):n,"*")},r.version)}} if(typeof window[n]!=="function"){window[n]=e;if(window.addEventListener){window.addEventListener("message",t,false)}else{window.attachEvent("onmessage",t)}}}e("__tcfapi","__tcfapiBuffer","__tcfapiCall","__tcfapiReturn");a("__tcfapiLocator");(function(e){ var t=document.createElement("script");t.id="spcloader";t.type="text/javascript";t.async=true;t.src="https://sdk.privacy-center.org/"+e+"/loader.js?target="+document.location.hostname;t.charset="utf-8";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n)})("76f2bacf-f777-4af7-9a2a-73e9e630ac7c")})();</script> <script type="text/javascript"> var PWT = {}; // Initialize Namespace var notifyId; var googletag = googletag || {}; googletag.cmd = googletag.cmd || []; var gptRan = false; var gptTimeout = setTimeout(loadGPT, 1000); // Store timeout reference // Add error handling PWT.jsLoaded = function() { try { clearTimeout(gptTimeout); // Prevent duplicate GPT calls loadGPT(); } catch (error) { console.error('Error in PWT.jsLoaded:', error); loadGPT(); } }; function loadGPT() { if (!gptRan) { gptRan = true; var gads = document.createElement('script'); gads.defer = true; gads.src = 'https://securepubads.g.doubleclick.net/tag/js/gpt.js'; gads.onerror = function() { console.error('Failed to load GPT script'); }; document.head.appendChild(gads); } } </script> <script type="text/javascript"> (function() { try { var purl = window.location.href; var url = 'https://ads.pubmatic.com/AdServer/js/pwt/160800/4518'; var profileVersionId = ''; // Improved profile version detection var matches = purl.match(/[?&]pwtv=([^&]*)/); if (matches && matches[1]) { profileVersionId = '/' + matches[1]; } var wtads = document.createElement('script'); wtads.defer = true; wtads.type = 'text/javascript'; wtads.src = url + profileVersionId + '/pwt.js'; // Add error handling for PubMatic script wtads.onerror = function() { console.error('Failed to load PubMatic script'); }; document.head.appendChild(wtads); } catch (error) { console.error('Error in PubMatic initialization:', error); } })(); </script> <script> //load the apstag.js library !function(a9,a,p,s,t,A,g){if(a[a9])return;function q(c,r){a[a9]._Q.push([c,r])}a[a9]={init:function(){q("i",arguments)},fetchBids:function(){q("f",arguments)},setDisplayBids:function(){},targetingKeys:function(){return[]},_Q:[]};A=p.createElement(s);A.async=!0;A.src=t;g=p.getElementsByTagName(s)[0];g.parentNode.insertBefore(A,g)}("apstag",window,document,"script","//c.amazon-adsystem.com/aax2/apstag.js"); //initialize the apstag.js library on the page to allow bidding apstag.init({ pubID: '948f8c76-6cb2-49d2-aef8-03f115c39dbc', //enter your pub ID here as shown above, it must within quotes adServer: 'googletag', //simplerGPT: true }); window.__tcfapi('addEventListener', 2, function(tcData, listenerSuccess) { if (listenerSuccess) { // check the eventstatus if (tcData.eventStatus === 'useractioncomplete' || tcData.eventStatus === 'tcloaded') { // Execute things here that rely on the TC string being available (fetchBids request) //console.log("tcloaded"); var width = window.innerWidth; apstag.fetchBids({ slots: [ { slotID: 'ads_rectangle', slotName: '/1000270/Rectangle', sizes: [[300,600],[300,250]] }, { slotID: 'ads_leaderboard', slotName: '/1000270/Leaderboard', sizes: [[970,100],[970,250],[728,90],[336,280],[300,250],[300,100]] }, { slotID: 'ads_footer', slotName: '/1000270/Footer', sizes: (width >= 1024) ? [[970,100],[970,250],[728,90]] : [[336,280],[300,250],[300,100],[300,600]] }, { slotID: 'ads_intext', slotName: '/1000270/Banner-InText', sizes: [[300,250], [336,280]] }, ], timeout: 2e3 }, function(bids) { // set apstag targeting on googletag, then trigger the first GAM request in googletag's disableInitialLoad integration googletag.cmd.push(function(){ apstag.setDisplayBids(); //googletag.pubads().refresh(); window.OWT.notifyExternalBiddingComplete(notifyId); // This will tell OpenWrap that all the external bidders have returned bid. }); }); } } }); </script> <script type="text/javascript"> </script> <script> var anchorSlot, interstitialSlot, staticSlot; var slot0,slot1,slot2,slot3; googletag.cmd.push(function() { var REFRESH_KEY = 'refresh'; var REFRESH_VALUE = 'true'; var SECONDS_TO_WAIT_AFTER_VIEWABILITY = 40; //size mappings var leaderboardsMapping = googletag.sizeMapping() .addSize([1200, 0], [[970, 500], [970, 250], [640,480], [640,440], [970, 100], [970, 90], [960, 250], [960, 100], [960, 100], [960, 90], [1,1],'fluid']) .addSize([1024, 0], [[970, 250], [970, 100], [970, 90], [960, 250], [960, 100], [960, 100], [960, 90], [1,1],'fluid']) .addSize([768, 0], [[728, 90], [1,1],'fluid']) .addSize([360, 0], [[320,100],[300,250],[336,280], [1,1],'fluid']) .addSize([0, 0], [[300, 250],[320,100], [1,1],'fluid']) .build(); var fixniMapping = googletag.sizeMapping() .addSize([1200, 0], [[970, 500], [970, 250], [640,480], [640,440], [970, 100],'fluid']) .addSize([1024, 0], [[970, 250], [960, 100], [960, 90],[728, 90],'fluid']) .addSize([768, 0], [[728, 90],'fluid']) .addSize([360, 0], [[320,100],[300,250],[336,280],[300,600],'fluid']) .addSize([0, 0], [[300, 250],[320,100],'fluid']) .build(); var rectangleMapping = googletag.sizeMapping() .addSize([1180, 0], [[300,600],[300,250] ,'fluid']) .addSize([740, 0], [[160,600] ,'fluid']) .addSize([360, 0], [[300, 250],[336, 280],[300,600] ,'fluid']) //mobile .addSize([0, 0], [300, 250]) .build(); var skyscraperMapping = googletag.sizeMapping() .addSize([1200, 0], [[160, 600],[120, 600],'fluid']) .addSize([1024, 0], [[120, 600],'fluid']) .addSize([768, 0], [[160, 600],[120, 600],'fluid']) .addSize([0, 0], []) .build(); var intextMapping = googletag.sizeMapping(). addSize([1250, 0], [[300, 250],[336, 280], [640,480], [640,440], [500,400], [1,1]]). //desktop addSize([1024, 0], [[300, 250],[336, 280], [500,400], [1,1]]). //desktop addSize([360, 0], [[300, 250],[336, 280], [1,1],'fluid']). //mobile addSize([0, 0], [[300, 250], [1,1],'fluid']). //others - mobile small screen build(); var midtextMapping = googletag.sizeMapping(). addSize([1250, 0], [[300, 250],[336, 280], [1,1]]). //desktop addSize([1024, 0], [[300, 250],[336, 280], [1,1]]). //desktop addSize([360, 0], [[300, 250],[336, 280],[300, 600], [1,1], 'fluid']). //mobile addSize([0, 0], [[300, 250],'fluid']). //others - mobile small screen build(); var nativeMapping = googletag.sizeMapping(). addSize([1250, 0], [[208,230], 'fluid']). //desktop addSize([1024, 0], [[208,230], 'fluid']). //desktop addSize([0, 0], ['fluid']). //[179,199], others - mobile small screen build(); var btMapping = googletag.sizeMapping(). addSize([1250, 0], [[300, 250],[336, 280],[640,480],[640,440], 'fluid']). //desktop addSize([1024, 0], [[300, 250],[336, 280], 'fluid']). //desktop addSize([360, 0], [[300, 250],[336, 280],[300,600],'fluid']). //mobile addSize([0, 0], [[300, 250],'fluid']). //others - mobile small screen build(); var skiesMapping = googletag.sizeMapping(). addSize([1900, 0], [[300, 600],[160, 600],'fluid']). // large desktop addSize([1620, 0], [[160, 600],'fluid']). //desktop addSize([0, 0], []). //others - mobile small screen build(); googletag.defineSlot('/1000270/Leaderboard', [[970, 500],[970,100],[970,250],[728,90],[336,280],[300,250],[300,100],[1,1]], 'ads_leaderboard') .setForceSafeFrame(false) .defineSizeMapping(leaderboardsMapping) .addService(googletag.pubads()); googletag.defineSlot('/1000270/Rectangle', [[970, 250],[970, 250], [728,90], [300,250],'fluid'], 'ads_rectangle') //.setTargeting(REFRESH_KEY, REFRESH_VALUE) .setForceSafeFrame(false) .defineSizeMapping(rectangleMapping) .addService(googletag.pubads()); googletag.defineSlot('/1000270/Desktop_Skyscraper_Left', [[160, 600], [300, 600]], 'desktop_skyscraper_left') //.setTargeting(REFRESH_KEY, REFRESH_VALUE) .defineSizeMapping(skiesMapping) .addService(googletag.pubads()); googletag.defineSlot('/1000270/Desktop_Skyscraper_Right', [[160, 600], [300, 600]], 'desktop_skyscraper_right') .defineSizeMapping(skiesMapping) //.setTargeting(REFRESH_KEY, REFRESH_VALUE) .addService(googletag.pubads()); googletag.defineSlot('/1000270/Banner-InText', [[1,1],[640,480],[640,440],[500,400],[336,280],[300,250],[300,100]], 'ads_intext') .setForceSafeFrame(false) .defineSizeMapping(intextMapping) .addService(googletag.pubads()); googletag.defineSlot('/1000270/Footer', [[970, 500],[970,100],[970,250],[728,90],[336,280],[300,250],[300,100],'fluid'], 'ads_footer') .setForceSafeFrame(false) .defineSizeMapping(fixniMapping) .addService(googletag.pubads()); interstitialSlot = googletag.defineOutOfPageSlot( '/1000270/WebInterstitial', googletag.enums.OutOfPageFormat.INTERSTITIAL); // Slot returns null if the page or device does not support interstitials. if (interstitialSlot) { interstitialSlot.addService(googletag.pubads()); //console.log('Interstitial is loading...'); // Add event listener to enable navigation once the interstitial loads. // If this event doesn't fire, try clearing local storage and refreshing // the page. googletag.pubads().addEventListener('slotOnload', function(event) { if (interstitialSlot === event.slot) { console.log('Interstitial is loaded'); } }); } googletag.defineOutOfPageSlot('/1000270/Out-Of-Page', 'ads_outofpage').addService(googletag.pubads()); anchorSlot = googletag.defineOutOfPageSlot( '/1000270/Bottom', googletag.enums.OutOfPageFormat.BOTTOM_ANCHOR); if (anchorSlot) { anchorSlot.addService(googletag.pubads()); } /* // Define static ad slots. staticSlot = googletag.defineSlot( '/6355419/Travel/Europe', [100, 100], 'static-ad-1') .addService(googletag.pubads()); */ // Register event handlers to observe lazy loading behavior. googletag.pubads().addEventListener('slotRequested', function(event) { //console.log(event.slot.getSlotElementId() + ' fetched.'); }); googletag.pubads().addEventListener('slotOnload', function(event) { //console.log(event.slot.getSlotElementId() + ' rendered.'); }); googletag.pubads().addEventListener('impressionViewable', function(event) { var slot = event.slot; if (slot.getTargeting(REFRESH_KEY).indexOf(REFRESH_VALUE) > -1) { setTimeout(function() { googletag.pubads().refresh([slot]); console.log("refreshing slot" + slot.getAdUnitPath()) }, SECONDS_TO_WAIT_AFTER_VIEWABILITY * 1000); } }); //promo==true & google_ads=off googletag.pubads().setTargeting('Podkategorija', 'Finansije'); googletag.pubads().setTargeting('Stranica', 'Podkategorija'); googletag.pubads().setTargeting('theme', 'light'); googletag.pubads().setTargeting('Platform', getVersion()); if (isFacebookApp()) { googletag.pubads().setTargeting('FBInAppBrowser', ['Yes']); } else { googletag.pubads().setTargeting('FBInAppBrowser', ['No']); } notifyId = window.OWT.registerExternalBidders(['ads_leaderboard', 'ads_rectangle','ads_leaderboard_0','ads_leaderboard_1','ads_leaderboard_2','ads_leaderboard_3']); // Notifies OpenWrap that there are some external bidders for which it has to wait before calling GAM. googletag.pubads().setTargeting("design", "normalni-clanak"); googletag.pubads().collapseEmptyDivs(); googletag.pubads().setForceSafeFrame(false); googletag.pubads().setCentering(true); googletag.pubads().enableSingleRequest(); googletag.pubads().addEventListener('slotRenderEnded', renderEnded); googletag.enableServices(); }); function renderEnded(e){ /* if (e.slot.getSlotElementId() == "ads_rectangle") { if (e.isEmpty) { //document.getElementById("ads_rectangle").style.minHeight = "0"; //document.getElementById("ads_rectangle").style.display = "none"; document.getElementById("rectangle_container").classList.remove("md:min-h-250"); document.getElementById("rectangle_container").classList.remove("min-h-250"); } }*/ if (e.slot.getSlotElementId() == "ads_widget_native") { if (!e.isEmpty) { //console.log("widget"); document.getElementsByClassName("xwidget")[0].style.display = "none"; document.getElementsByClassName("xwidget")[0].classList.remove('opacity-0'); } else { document.getElementsByClassName("xwidget")[0].style.display = "block"; document.getElementsByClassName("xwidget")[0].classList.remove('opacity-0'); } } } function getVersion() { var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; if(width >= 980) { return 'Desktop'; } else if(width >= 740) { return 'Tablet'; } else { return 'Mobile'; } } function isFacebookApp() { var ua = navigator.userAgent || navigator.vendor || window.opera; return (ua.indexOf("FBAN") > -1) || (ua.indexOf("FBAV") > -1); } </script>   <script async src="https://www.googletagmanager.com/gtag/js?id=G-C1R3FZH249"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-C1R3FZH249', { }); </script> <script async type="text/javascript"> /* <![CDATA[ */ (function() { window.dm=window.dm||{AjaxData:[]},window.dm.AjaxEvent=function(et,d){dm.AjaxData.push({et:et,d:d}),window.DotMetricsObj&&DotMetricsObj.onAjaxDataUpdate()}; var d=document, h=d.getElementsByTagName('head')[0], s=d.createElement('script'); s.type='text/javascript'; s.async=true; s.src=document.location.protocol + '//script.dotmetrics.net/door.js?id=1299'; h.appendChild(s); }()); /* ]]> */ </script> <meta name="csrf-token" content="ZlzVaAlpK2eJL8dnQB09MtIifjjy9Qnq6MZGAMhL"> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Organization", "url": "https://www.klix.ba", "logo": "https://static.klix.ba/images/klix-logo2020.png" } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebSite", "url": "https://www.klix.ba/", "potentialAction": { "@type": "SearchAction", "target": "https://www.klix.ba/pretraga?q={search_term_string}", "query-input": "required name=search_term_string" } } </script> </head> <body class="antialiased text-gray-900 bg-gray-100 dark:bg-dark_light"> <header class="fixed z-50 w-full bg-white dark:bg-dark items-center px-3 xl:px-0 py-1 md:py-2 border-b border-gray-200 dark:border-dark_light text-sm"> <div class="flex items-center max-w-7xl mx-auto lg:px-5"> <div class="w-20 md:w-auto ml-0 flex-none md:order-last flex justify-items-center"> <button onclick="toggleNav()" type="button" id="sidebar-open" class="p-3 pl-0 xl:pr-0 m-0 flex items-center text-gray-600 dark:text-gray-300 focus:outline-none focus:text-gray-800" aria-label="Open site navigation"><svg class="fill-current w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"></path></svg></button> <button onclick="toggleNav()" type="button" id="sidebar-close" class="p-3 pl-0 xl:pr-0 m-0 flex items-center text-gray-600 dark:text-gray-300 focus:outline-none focus:text-gray-800 hidden" aria-label="Close site navigation"><svg class="fill-current w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M10 8.586L2.929 1.515 1.515 2.929 8.586 10l-7.071 7.071 1.414 1.414L10 11.414l7.071 7.071 1.414-1.414L11.414 10l7.071-7.071-1.414-1.414L10 8.586z"></path></svg></button> <div class="flex md:hidden w-20 items-center"> <label class="sr-only">Theme</label> <button type="button" onclick="toggleTheme();" class="focus:outline-none"> <span class="text-gray-500 icon_light"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5"> <path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386l-1.591 1.591M21 12h-2.25m-.386 6.364l-1.591-1.591M12 18.75V21m-4.773-4.227l-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z" /> </svg> </span> <span class="hidden text-gray-100 icon_moon"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5"> <path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.718 9.718 0 0118 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 003 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 009.002-5.998z" /> </svg> </span> </button> </div> </div> <div class="flex-grow"> <div class="mx-auto flex items-center md:mx-0 md:pb-0"> <a href="/" id="logo" class="flex mx-auto md:mx-0 md:inline-block" title="Klix.ba"> <svg class="h-logo w-logo lg:w-logolg lg:h-logolg xl:mr-2" id="logo" data-name="logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 57.93 24"><defs></defs><title>Klix.ba</title><polygon class="cls-1" points="42.81 4.37 38.48 8.69 43.98 14.18 38.48 19.68 42.81 24 52.63 14.18 42.81 4.37"/><rect class="cls-2" x="29.44" y="4.74" width="6.32" height="18.95"/><rect class="cls-2" x="20.33" width="6.32" height="23.68"/><rect class="cls-2" width="6.32" height="23.68"/><polygon class="cls-3" points="17.86 8.76 13.58 4.47 8.08 9.97 3.8 14.25 8.08 18.54 13.24 23.7 17.53 23.7 17.53 19.41 12.37 14.25 17.86 8.76"/><polygon class="cls-2" points="57.93 8.69 53.18 13.56 48.86 9.24 53.6 4.37 57.93 8.69"/><polygon class="cls-2" points="48.86 19.12 53.6 24 57.93 19.68 53.18 14.8 48.86 19.12"/></svg> </a> <form id="search" action="/pretraga " method="GET" role="search" class="hidden px-2 inline mx-auto"> <div class="px-2 flex items-center bg-gray-200 dark:bg-dark rounded-md"> <button type="submit" class="pointer-events-none dark:bg-dark "><svg class="fill-current pointer-events-none text-gray-600 dark:text-gray-300 w-3 h-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M12.9 14.32a8 8 0 1 1 1.41-1.41l5.35 5.33-1.42 1.42-5.33-5.34zM8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12z"></path></svg></button> <input type="text" class="w-32 md:w-full dark:text-white px-2 py-1 m-0 border-0 focus:ring-0 text-gray-700 bg-gray-200 dark:bg-dark placeholder-gray-600" name="q" placeholder="pretraži vijesti" value="" /> </div> </form> <div id="nav_items" class="hidden md:block ml-4 items-center text-center text-sm lg:text-base dark:text-gray-300"> <ul class="mx-1 flex items-center space-x-1.5 lg:space-x-5"> <li><div class="flex flex-row items-center"><a class="py-1 flex hover:underline items-center" href="https://www.klix.ba/vijesti"><span class="w-3 h-3 lg:w-3 lg:h-3 bg-vijesti inline-block rounded-sm mr-2 lg:mr-3"></span>Vijesti</a></div> </li> <li><div class="flex flex-row items-center"><a class="py-1 flex hover:underline items-center" href="https://www.klix.ba/biznis"><span class="w-3 h-3 lg:w-3 lg:h-3 bg-biznis inline-block rounded-sm mr-2 lg:mr-3"></span>Biznis</a></div> </li> <li><div class="flex flex-row items-center"><a class="py-1 flex hover:underline items-center" href="https://www.klix.ba/sport"><span class="w-3 h-3 lg:w-3 lg:h-3 bg-sport inline-block rounded-sm mr-2 lg:mr-3"></span>Sport</a></div> </li> <li><div class="flex flex-row items-center"><a class="py-1 flex hover:underline items-center" href="https://www.klix.ba/magazin"><span class="w-3 h-3 lg:w-3 lg:h-3 bg-magazin inline-block rounded-sm mr-2 lg:mr-3"></span>Magazin</a></div> </li> <li><div class="flex flex-row items-center"><a class="py-1 flex hover:underline items-center" href="https://www.klix.ba/lifestyle"><span class="w-3 h-3 lg:w-3 lg:h-3 bg-lifestyle inline-block rounded-sm mr-2 lg:mr-3"></span>Lifestyle</a></div> </li> <li><div class="flex flex-row items-center"><a class="py-1 flex hover:underline items-center" href="https://www.klix.ba/scitech"><span class="w-3 h-3 lg:w-3 lg:h-3 bg-scitech inline-block rounded-sm mr-2 lg:mr-3"></span>Scitech</a></div> </li> <li><div class="flex flex-row items-center"><a class="py-1 flex hover:underline items-center" href="https://www.klix.ba/auto"><span class="w-3 h-3 lg:w-3 lg:h-3 bg-auto inline-block rounded-sm mr-2 lg:mr-3"></span>Auto</a></div> </li> <li class="hidden xl:inline"> <a class="inline-block py-1 hover:underline" href="https://www.klix.ba/krizaljka"><span class="w-3 h-3 bg-gray-400 inline-block rounded-sm mr-2"></span>Križaljka</a></li> <li class="hidden"> <a class="inline-block py-1 hover:underline text-jobs" href="https://posao.klix.ba"><span class="w-3 h-3 bg-jobs inline-block rounded-sm mr-2"></span>Posao</a></li> <li class="hidden xl:hidden"> <a class="inline-block py-1 hover:underline" href="https://www.klix.ba/dojavi-vijest"><span class="w-3 h-3 bg-gray-400 inline-block rounded-sm mr-2"></span>Dojave</a></li> <li class="hidden xl:inline"> <a class="inline-block py-1 hover:underline" href="https://forum.klix.ba"><span class="w-3 h-3 bg-gray-400 inline-block rounded-sm mr-2"></span>Forum</a></li> <li class="hidden md:inline-block"> <div class="flex items-center border-l border-gray-300 dark:border-dark_border ml-0 pl-4"> <label class="sr-only">Theme</label> <button type="button" onclick="toggleTheme();" class="focus:outline-none"> <span class="text-gray-600 icon_light"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386l-1.591 1.591M21 12h-2.25m-.386 6.364l-1.591-1.591M12 18.75V21m-4.773-4.227l-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z" /> </svg> </span> <span class="hidden text-gray-100 icon_moon"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-5"> <path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.718 9.718 0 0118 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 003 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 009.002-5.998z" /> </svg> </span> </button> </div> </li> </ul> </div> </div> </div> <div class="w-20 ml-0 md:w-auto md:pr-6 flex items-right "> <button onclick="toggleSearch()" type="button" id="search-open" class="p-3 m-0 flex items-center text-gray-600 dark:text-gray-300 focus:outline-none focus:text-gray-800" aria-label="Open search"><svg class="fill-current pointer-events-none w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M12.9 14.32a8 8 0 1 1 1.41-1.41l5.35 5.33-1.42 1.42-5.33-5.34zM8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12z"></path></svg></button> <button onclick="toggleSearch()" type="button" id="search-close" class="hidden p-3 m-0 flex items-center text-gray-600 dark:text-gray-300 focus:outline-none focus:text-gray-800" aria-label="Close search"><svg class="fill-current w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M10 8.586L2.929 1.515 1.515 2.929 8.586 10l-7.071 7.071 1.414 1.414L10 11.414l7.071 7.071 1.414-1.414L11.414 10l7.071-7.071-1.414-1.414L10 8.586z"></path></svg></button> <button id="user" data-modal-target="authentication-modal" data-modal-toggle="authentication-modal" title="Prijava korisnika" class="inline text-gray-600 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-900 rounded-full focus:outline-none focus:ring-0"> <div class="w-7 h-7 flex text-gray-600 items-center justify-center dark:text-gray-300 rounded-full"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5"> <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z" /> </svg> </div> </button> </div> </div> </header> <div class="pt-ssm w-full md:pt-smdp "></div> <div class=" lg:py-1 flex max-w-7xl mx-auto "> <div id='ads_leaderboard' class="mx-auto" style="display: none;"> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('ads_leaderboard'); }); </script> </div> </div> <div> <div class="fixed top-24" style="margin-right:650px; right:50%;">  <div id='desktop_skyscraper_left' style='min-width: 160px; min-height: 600px;'> <script> googletag.cmd.push(function() { googletag.display('desktop_skyscraper_left'); }); </script> </div> </div> <div class=" container mx-auto max-w-7xl bg-gray-100 dark:bg-dark_light lg:px-5 xl:px-0 "> <div id="sidebar" class="p-0 hidden mb-5"> <div class="container text-base bg-white dark:bg-dark mx-auto max-w-7xl leading-7 p-2 md:grid md:grid-cols-4"> <ul class="mx-1 dark:text-white"> <li class="bg-gray-50 dark:bg-dark_light"> <a class="block font-semibold py-1 hover:bg-gray-200 dark:hover:bg-gray-500 px-3" href="/"><span class="w-3 h-3 bg-gray-500 inline-block rounded-sm mr-3"></span>Naslovnica</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/najnovije"><span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>Najnovije</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/najcitanije"><span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>Najčitanije</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/popularne"><span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>Popularne</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/krizaljka"><span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>Križaljka</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/vremenska-prognoza"><span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>Vremenska prognoza</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/kursna-lista"><span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>Kursna lista</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/dojavi-vijest"><span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>Dojavi vijest</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://forum.klix.ba"><span class="w-3 h-3 bg-gray-200 inline-block rounded-sm mr-3"></span>Forum</a></li> </ul> <ul class="mx-1 dark:text-white"> <li class="bg-gray-50 dark:bg-gray-600"> <a class="block font-semibold py-1 hover:bg-gray-200 dark:hover:bg-gray-500 px-3" href="https://www.klix.ba/vijesti"><span class="w-3 h-3 bg-vijesti inline-block rounded-sm mr-3"></span>Vijesti</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/vijesti/bih"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>BiH</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/vijesti/regija"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Regija</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/vijesti/svijet"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Svijet</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/vijesti/dijaspora"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Dijaspora</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/vijesti/crna-hronika"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Crna hronika</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/vijesti/humanitarne-akcije"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Humanitarne akcije</a></li> </ul> <ul class="mx-1 dark:text-white"> <li class="bg-gray-50 dark:bg-gray-600"> <a class="block font-semibold py-1 hover:bg-gray-200 dark:hover:bg-gray-500 px-3" href="https://www.klix.ba/biznis"><span class="w-3 h-3 bg-biznis inline-block rounded-sm mr-3"></span>Biznis</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/biznis/privreda"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Privreda</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/biznis/finansije"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Finansije</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/biznis/investicije"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Investicije</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/biznis/smart-cash"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Smart Cash</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/biznis/berza"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Berza</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/biznis/startupi"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Startupi</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/biznis/posao"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Posao</a></li> </ul> <ul class="mx-1 dark:text-white"> <li class="bg-gray-50 dark:bg-gray-600"> <a class="block font-semibold py-1 hover:bg-gray-200 dark:hover:bg-gray-500 px-3" href="https://www.klix.ba/sport"><span class="w-3 h-3 bg-sport inline-block rounded-sm mr-3"></span>Sport</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/sport/nogomet"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Nogomet</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/sport/kosarka"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Košarka</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/sport/tenis"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Tenis</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/sport/rukomet"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Rukomet</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/sport/formula1"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Formula 1</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/sport/skijanje"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Skijanje</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/sport/atletika"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Atletika</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/sport/borilacki-sportovi"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Borilački sportovi</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/sport/plivanje"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Plivanje</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/sport/ostali-sportovi"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Ostali sportovi</a></li> </ul> <ul class="mx-1 dark:text-white"> <li class="bg-gray-50 dark:bg-gray-600"> <a class="block font-semibold py-1 hover:bg-gray-200 dark:hover:bg-gray-500 px-3" href="https://www.klix.ba/magazin"><span class="w-3 h-3 bg-magazin inline-block rounded-sm mr-3"></span>Magazin</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/magazin/kultura"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Kultura</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/magazin/muzika"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Muzika</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/magazin/film-tv"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Film/TV</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/magazin/showbiz"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Showbiz</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/magazin/zanimljivosti"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Zanimljivosti</a></li> </ul> <ul class="mx-1 dark:text-white"> <li class="bg-gray-50 dark:bg-gray-600"> <a class="block font-semibold py-1 hover:bg-gray-200 dark:hover:bg-gray-500 px-3" href="https://www.klix.ba/lifestyle"><span class="w-3 h-3 bg-lifestyle inline-block rounded-sm mr-3"></span>Lifestyle</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/lifestyle/modailjepota"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Moda i ljepota</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/lifestyle/zdravlje"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Zdravlje</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/lifestyle/recepti"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Recepti</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/lifestyle/gastro"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Gastro</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/lifestyle/kucaiured"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Kuća i ured</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/lifestyle/putovanja"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Putovanja</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/lifestyle/bebe"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Bebe</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/lifestyle/fitness"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Fitness</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/lifestyle/ljubimci"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Ljubimci</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/lifestyle/ljubav_i_veze"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Ljubav i veze</a></li> </ul> <ul class="mx-1 dark:text-white"> <li class="bg-gray-50 dark:bg-gray-600"> <a class="block font-semibold py-1 hover:bg-gray-200 dark:hover:bg-gray-500 px-3" href="https://www.klix.ba/scitech"><span class="w-3 h-3 bg-scitech inline-block rounded-sm mr-3"></span>Scitech</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/scitech/nauka"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Nauka</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/scitech/tehnologija"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Tehnologija</a></li> </ul> <ul class="mx-1 dark:text-white"> <li class="bg-gray-50 dark:bg-gray-600"> <a class="block font-semibold py-1 hover:bg-gray-200 dark:hover:bg-gray-500 px-3" href="https://www.klix.ba/auto"><span class="w-3 h-3 bg-auto inline-block rounded-sm mr-3"></span>Auto</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/auto/testovi"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Testovi</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/auto/noviteti"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Noviteti</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/auto/koncepti"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Koncepti</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/auto/tuning"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Tuning</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/auto/elektricni"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Električni</a></li> <li> <a class="block py-1 hover:bg-gray-100 dark:hover:bg-gray-600 px-3" href="https://www.klix.ba/auto/savjeti"><span class="w-3 h-3 bg-gray-200 dark:bg-gray-600 inline-block rounded-sm mr-3"></span>Savjeti</a></li> </ul> </div> </div> <div class="md:grid md:grid-cols-11 md:gap-0.5 mb-1 bg-white dark:bg-dark"> <div class="md:col-span-7 xl:col-span-8 md:border-r dark:border-gray-600"> <nav id="breadcrumb" class="px-3 py-2 border-b dark:border-gray-600 md:py-2 px-2 md:px-4 xl:px-4 w-full mb-0.5 text-base md:text-xl font-title text-gray-600 dark:text-white"> <ol class="flex flex-row items-center space-x-3"> <li><a href="https://www.klix.ba" class="hover:text-gray-600">Početna</a></li> <span class="text-gray-400 text-xl">›</span> <li><a href="https://www.klix.ba/biznis" class="hover:underline">Biznis</a></li> <span class="text-gray-400 text-xl">›</span> <li>Finansije</li> </ol> </nav> <div> <div class="mb-0 bg-white dark:bg-transparent divide-gray-200 divide-y border-b dark:divide-gray-700 dark:border-gray-800 news_display"> <div class="px-3 py-2 md:px-4 xl:px-2 md:py-3"> <article class="relative overflow-hidden h-full flex space-x-2 md:space-x-3 space-y-0 md:space-y-1"> <div class="w-1/4"> <div class="relative pb-1/1 lg:pb-2/3 bg-gray-200 dark:bg-gray-900"> <a href="/biznis/finansije/veliki-udarac-za-budzet-njemacke-bundesbanka-prijavila-gubitak-prvi-put-od-1979-godine/250225081" title="Veliki udarac za budžet Njemačke: Bundesbanka prijavila gubitak prvi put od 1979. godine" onclick="gtag('event', 'klix_najlists_click', { 'event_category' : 'internal', 'event_label' : 'Veliki udarac za budžet Njemačke: Bundesbanka prijavila gubitak prvi put od 1979. godine' });"> <picture class="absolute w-full h-full ">  <source data-srcset=" https://static.klix.ba/media/images/vijesti/m32_250225081.jpg?v=2 " media="(min-width: 1024px)" />  <img class="lazyload absolute w-full h-full" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="https://static.klix.ba/media/images/vijesti/m11_250225081.jpg?v=2" alt="Veliki udarac za budžet Njemačke: Bundesbanka prijavila gubitak prvi put od 1979. godine" /> </picture> </a> </div> </div> <div class="w-3/4 px-0 pt-0 flex-1 flex flex-col flex-grow"> <div class="font-title uppercase inline text-xs mb-0 md:mb-1 text-biznis ">Otkrili i razlog</div> <a class="hover:text-gray-600" href="/biznis/finansije/veliki-udarac-za-budzet-njemacke-bundesbanka-prijavila-gubitak-prvi-put-od-1979-godine/250225081" onclick="gtag('event', 'klix_najlists_click', { 'event_category' : 'internal', 'event_label' : 'Veliki udarac za budžet Njemačke: Bundesbanka prijavila gubitak prvi put od 1979. godine' });"> <h2 class="font-title text-tiny lg:text-base xl:text-lg leading-tight md:leading-tight dark:text-gray-300 dark:hover:text-white">Veliki udarac za budžet Njemačke: Bundesbanka prijavila gubitak prvi put od 1979. godine</h2> </a> <p class="hidden md:block text-base mt-2 text-gray-500 truncate">Njemačka Bundesbanka objavila je kako je prvi put još od 1979. godine zabilježila gubitak, a kao razlog za to su naveli rast ključnih kamatnih stopa Evropske centralne banke.</p> <div class="flex-grow-0 mt-auto align-text-bottom pt-1 md:pt-2"> <div class="flex justify-between items-center mt-0 text-sm text-gray-400 md:text-gray-400"> <div class="flex-1 text-sm"> <span> 1 dan </span> </div> <div class="text-right text-xs uppercase "> <svg class="inline h-3 w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> <path d="M2 5a2 2 0 012-2h7a2 2 0 012 2v4a2 2 0 01-2 2H9l-3 3v-3H4a2 2 0 01-2-2V5z" /> <path d="M15 7v2a4 4 0 01-4 4H9.828l-1.766 1.767c.28.149.599.233.938.233h2l3 3v-3h2a2 2 0 002-2V9a2 2 0 00-2-2h-1z" /> </svg> 18 <svg class="ml-1 inline h-3 w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> <path d="M15 8a3 3 0 10-2.977-2.63l-4.94 2.47a3 3 0 100 4.319l4.94 2.47a3 3 0 10.895-1.789l-4.94-2.47a3.027 3.027 0 000-.74l4.94-2.47C13.456 7.68 14.19 8 15 8z" /> </svg> 13 </div> </div> </div> </div> </article> </div> <div class="px-3 py-2 md:px-4 xl:px-2 md:py-3"> <article class="relative overflow-hidden h-full flex space-x-2 md:space-x-3 space-y-0 md:space-y-1"> <div class="w-1/4"> <div class="relative pb-1/1 lg:pb-2/3 bg-gray-200 dark:bg-gray-900"> <a href="/biznis/finansije/vlada-fbih-smanjuje-doprinose-koji-se-obracunavaju-na-teret-poslodavca-sa-10-na-45-posto/250225079" title="Vlada FBiH smanjuje doprinose koji se obračunavaju na teret poslodavca sa 10 na 4,5 posto" onclick="gtag('event', 'klix_najlists_click', { 'event_category' : 'internal', 'event_label' : 'Vlada FBiH smanjuje doprinose koji se obračunavaju na teret poslodavca sa 10 na 4,5 posto' });"> <picture class="absolute w-full h-full ">  <source data-srcset=" https://static.klix.ba/media/images/vijesti/m32_250225079.jpg?v=1 " media="(min-width: 1024px)" />  <img class="lazyload absolute w-full h-full" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="https://static.klix.ba/media/images/vijesti/m11_250225079.jpg?v=1" alt="Vlada FBiH smanjuje doprinose koji se obračunavaju na teret poslodavca sa 10 na 4,5 posto" /> </picture> </a> </div> </div> <div class="w-3/4 px-0 pt-0 flex-1 flex flex-col flex-grow"> <div class="font-title uppercase inline text-xs mb-0 md:mb-1 text-biznis ">Od 1. jula 2025.</div> <a class="hover:text-gray-600" href="/biznis/finansije/vlada-fbih-smanjuje-doprinose-koji-se-obracunavaju-na-teret-poslodavca-sa-10-na-45-posto/250225079" onclick="gtag('event', 'klix_najlists_click', { 'event_category' : 'internal', 'event_label' : 'Vlada FBiH smanjuje doprinose koji se obračunavaju na teret poslodavca sa 10 na 4,5 posto' });"> <h2 class="font-title text-tiny lg:text-base xl:text-lg leading-tight md:leading-tight dark:text-gray-300 dark:hover:text-white">Vlada FBiH smanjuje doprinose koji se obračunavaju na teret poslodavca sa 10 na 4,5 posto</h2> </a> <p class="hidden md:block text-base mt-2 text-gray-500 truncate">Ministar obrta i poduzetništva FBiH Vojin Mijatović najavio je da će Vlada FBiH danas smanjiti doprinose na teret poslodavaca sa 10 posto na 4,5 posto od 1. jula ove godine.</p> <div class="flex-grow-0 mt-auto align-text-bottom pt-1 md:pt-2"> <div class="flex justify-between items-center mt-0 text-sm text-gray-400 md:text-gray-400"> <div class="flex-1 text-sm"> <span> 1 dan </span> </div> <div class="text-right text-xs uppercase "> <svg class="inline h-3 w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> <path d="M2 5a2 2 0 012-2h7a2 2 0 012 2v4a2 2 0 01-2 2H9l-3 3v-3H4a2 2 0 01-2-2V5z" /> <path d="M15 7v2a4 4 0 01-4 4H9.828l-1.766 1.767c.28.149.599.233.938.233h2l3 3v-3h2a2 2 0 002-2V9a2 2 0 00-2-2h-1z" /> </svg> 144 <svg class="ml-1 inline h-3 w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> <path d="M15 8a3 3 0 10-2.977-2.63l-4.94 2.47a3 3 0 100 4.319l4.94 2.47a3 3 0 10.895-1.789l-4.94-2.47a3.027 3.027 0 000-.74l4.94-2.47C13.456 7.68 14.19 8 15 8z" /> </svg> 291 </div> </div> </div> </div> </article> </div> <div class="px-3 py-2 md:px-4 xl:px-2 md:py-3"> <div id='ads_intext' class="mx-auto py-1" style="display:none; "> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('ads_intext'); }); </script> </div> <article class="relative overflow-hidden h-full flex space-x-2 md:space-x-3 space-y-0 md:space-y-1"> <div class="w-1/4"> <div class="relative pb-1/1 lg:pb-2/3 bg-gray-200 dark:bg-gray-900"> <a href="/biznis/finansije/umjetna-inteligencija-ce-zamijeniti-4000-radnih-mjesta-u-poznatoj-azijskoj-banci-najavljene-i-nove-pozicije/250225049" title="Umjetna inteligencija će zamijeniti 4.000 radnih mjesta u poznatoj azijskoj banci, najavljene i nove pozicije" onclick="gtag('event', 'klix_najlists_click', { 'event_category' : 'internal', 'event_label' : 'Umjetna inteligencija će zamijeniti 4.000 radnih mjesta u poznatoj azijskoj banci, najavljene i nove pozicije' });"> <picture class="absolute w-full h-full ">  <source data-srcset=" https://static.klix.ba/media/images/vijesti/m32_250225049.jpg?v=1 " media="(min-width: 1024px)" />  <img class="lazyload absolute w-full h-full" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="https://static.klix.ba/media/images/vijesti/m11_250225049.jpg?v=1" alt="Umjetna inteligencija će zamijeniti 4.000 radnih mjesta u poznatoj azijskoj banci, najavljene i nove pozicije" /> </picture> </a> </div> </div> <div class="w-3/4 px-0 pt-0 flex-1 flex flex-col flex-grow"> <div class="font-title uppercase inline text-xs mb-0 md:mb-1 text-biznis ">Otvoreno govorili o tome</div> <a class="hover:text-gray-600" href="/biznis/finansije/umjetna-inteligencija-ce-zamijeniti-4000-radnih-mjesta-u-poznatoj-azijskoj-banci-najavljene-i-nove-pozicije/250225049" onclick="gtag('event', 'klix_najlists_click', { 'event_category' : 'internal', 'event_label' : 'Umjetna inteligencija će zamijeniti 4.000 radnih mjesta u poznatoj azijskoj banci, najavljene i nove pozicije' });"> <h2 class="font-title text-tiny lg:text-base xl:text-lg leading-tight md:leading-tight dark:text-gray-300 dark:hover:text-white">Umjetna inteligencija će zamijeniti 4.000 radnih mjesta u poznatoj azijskoj banci, najavljene i nove pozicije</h2> </a> <p class="hidden md:block text-base mt-2 text-gray-500 truncate">Najveća banka u Singapuru očekuje smanjenje od 4.000 radnih mjesta u naredne tri godine jer umjetna inteligencija (AI) preuzima taj posao koji trenutno obavljaju ljudi.</p> <div class="flex-grow-0 mt-auto align-text-bottom pt-1 md:pt-2"> <div class="flex justify-between items-center mt-0 text-sm text-gray-400 md:text-gray-400"> <div class="flex-1 text-sm"> <span> 1 dan </span> </div> <div class="text-right text-xs uppercase "> <svg class="inline h-3 w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> <path d="M2 5a2 2 0 012-2h7a2 2 0 012 2v4a2 2 0 01-2 2H9l-3 3v-3H4a2 2 0 01-2-2V5z" /> <path d="M15 7v2a4 4 0 01-4 4H9.828l-1.766 1.767c.28.149.599.233.938.233h2l3 3v-3h2a2 2 0 002-2V9a2 2 0 00-2-2h-1z" /> </svg> 9 <svg class="ml-1 inline h-3 w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> <path d="M15 8a3 3 0 10-2.977-2.63l-4.94 2.47a3 3 0 100 4.319l4.94 2.47a3 3 0 10.895-1.789l-4.94-2.47a3.027 3.027 0 000-.74l4.94-2.47C13.456 7.68 14.19 8 15 8z" /> </svg> 2 </div> </div> </div> </div> </article> </div> <div class="px-3 py-2 md:px-4 xl:px-2 md:py-3"> <article class="relative overflow-hidden h-full flex space-x-2 md:space-x-3 space-y-0 md:space-y-1"> <div class="w-1/4"> <div class="relative pb-1/1 lg:pb-2/3 bg-gray-200 dark:bg-gray-900"> <a href="/biznis/finansije/prosjecna-plata-u-brcko-distriktu-u-2024-godini-1329-km/250224150" title="Prosječna plata u Brčko distriktu u 2024. godini 1.329 KM" onclick="gtag('event', 'klix_najlists_click', { 'event_category' : 'internal', 'event_label' : 'Prosječna plata u Brčko distriktu u 2024. godini 1.329 KM' });"> <picture class="absolute w-full h-full ">  <source data-srcset=" https://static.klix.ba/media/images/vijesti/m32_250224150.jpg?v=1 " media="(min-width: 1024px)" />  <img class="lazyload absolute w-full h-full" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="https://static.klix.ba/media/images/vijesti/m11_250224150.jpg?v=1" alt="Prosječna plata u Brčko distriktu u 2024. godini 1.329 KM" /> </picture> </a> </div> </div> <div class="w-3/4 px-0 pt-0 flex-1 flex flex-col flex-grow"> <div class="font-title uppercase inline text-xs mb-0 md:mb-1 text-biznis ">Statistički podaci</div> <a class="hover:text-gray-600" href="/biznis/finansije/prosjecna-plata-u-brcko-distriktu-u-2024-godini-1329-km/250224150" onclick="gtag('event', 'klix_najlists_click', { 'event_category' : 'internal', 'event_label' : 'Prosječna plata u Brčko distriktu u 2024. godini 1.329 KM' });"> <h2 class="font-title text-tiny lg:text-base xl:text-lg leading-tight md:leading-tight dark:text-gray-300 dark:hover:text-white">Prosječna plata u Brčko distriktu u 2024. godini 1.329 KM</h2> </a> <p class="hidden md:block text-base mt-2 text-gray-500 truncate">Prosječna neto plata, na nivou svih djelatnosti, u Brčko distriktu BiH u 2024. godini iznosila je 1.329,06 konvertibilnih maraka, podaci su Agencije za statistiku BiH, podružnice u Brčkom.</p> <div class="flex-grow-0 mt-auto align-text-bottom pt-1 md:pt-2"> <div class="flex justify-between items-center mt-0 text-sm text-gray-400 md:text-gray-400"> <div class="flex-1 text-sm"> <span> 2 dana </span> </div> <div class="text-right text-xs uppercase "> <svg class="inline h-3 w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> <path d="M2 5a2 2 0 012-2h7a2 2 0 012 2v4a2 2 0 01-2 2H9l-3 3v-3H4a2 2 0 01-2-2V5z" /> <path d="M15 7v2a4 4 0 01-4 4H9.828l-1.766 1.767c.28.149.599.233.938.233h2l3 3v-3h2a2 2 0 002-2V9a2 2 0 00-2-2h-1z" /> </svg> 13 <svg class="ml-1 inline h-3 w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> <path d="M15 8a3 3 0 10-2.977-2.63l-4.94 2.47a3 3 0 100 4.319l4.94 2.47a3 3 0 10.895-1.789l-4.94-2.47a3.027 3.027 0 000-.74l4.94-2.47C13.456 7.68 14.19 8 15 8z" /> </svg> 0 </div> </div> </div> </div> </article> </div> <div class="px-3 py-2 md:px-4 xl:px-2 md:py-3">  <div id='ads_native' style="display:none; margin-bottom:10px;"> <script> googletag.cmd.push(function() { googletag.display('ads_native'); }); </script> </div> <article class="relative overflow-hidden h-full flex space-x-2 md:space-x-3 space-y-0 md:space-y-1"> <div class="w-1/4"> <div class="relative pb-1/1 lg:pb-2/3 bg-gray-200 dark:bg-gray-900"> <a href="/biznis/finansije/dobit-bh-telecoma-u-2024-porasla-za-20-miliona-km-ostvareni-najveci-prihodi-u-posljednjih-10-godina/250224129" title="Dobit BH Telecoma u 2024. porasla za 20 miliona KM, ostvareni najveći prihodi u posljednjih 10 godina" onclick="gtag('event', 'klix_najlists_click', { 'event_category' : 'internal', 'event_label' : 'Dobit BH Telecoma u 2024. porasla za 20 miliona KM, ostvareni najveći prihodi u posljednjih 10 godina' });"> <picture class="absolute w-full h-full ">  <source data-srcset=" https://static.klix.ba/media/images/vijesti/m32_250224129.jpg?v=1 " media="(min-width: 1024px)" />  <img class="lazyload absolute w-full h-full" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="https://static.klix.ba/media/images/vijesti/m11_250224129.jpg?v=1" alt="Dobit BH Telecoma u 2024. porasla za 20 miliona KM, ostvareni najveći prihodi u posljednjih 10 godina" /> </picture> </a> </div> </div> <div class="w-3/4 px-0 pt-0 flex-1 flex flex-col flex-grow"> <div class="font-title uppercase inline text-xs mb-0 md:mb-1 text-biznis ">Finansijski pokazatelji</div> <a class="hover:text-gray-600" href="/biznis/finansije/dobit-bh-telecoma-u-2024-porasla-za-20-miliona-km-ostvareni-najveci-prihodi-u-posljednjih-10-godina/250224129" onclick="gtag('event', 'klix_najlists_click', { 'event_category' : 'internal', 'event_label' : 'Dobit BH Telecoma u 2024. porasla za 20 miliona KM, ostvareni najveći prihodi u posljednjih 10 godina' });"> <h2 class="font-title text-tiny lg:text-base xl:text-lg leading-tight md:leading-tight dark:text-gray-300 dark:hover:text-white">Dobit BH Telecoma u 2024. porasla za 20 miliona KM, ostvareni najveći prihodi u posljednjih 10 godina</h2> </a> <p class="hidden md:block text-base mt-2 text-gray-500 truncate">Iz BH Telecoma su saopćili da su u 2024. godini imali ukupne prihode od 556 miliona KM – što su najveći prihodi u posljednjih deset godina ove kompanije.</p> <div class="flex-grow-0 mt-auto align-text-bottom pt-1 md:pt-2"> <div class="flex justify-between items-center mt-0 text-sm text-gray-400 md:text-gray-400"> <div class="flex-1 text-sm"> <span> 2 dana </span> </div> <div class="text-right text-xs uppercase "> <svg class="inline h-3 w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> <path d="M2 5a2 2 0 012-2h7a2 2 0 012 2v4a2 2 0 01-2 2H9l-3 3v-3H4a2 2 0 01-2-2V5z" /> <path d="M15 7v2a4 4 0 01-4 4H9.828l-1.766 1.767c.28.149.599.233.938.233h2l3 3v-3h2a2 2 0 002-2V9a2 2 0 00-2-2h-1z" /> </svg> 197 <svg class="ml-1 inline h-3 w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> <path d="M15 8a3 3 0 10-2.977-2.63l-4.94 2.47a3 3 0 100 4.319l4.94 2.47a3 3 0 10.895-1.789l-4.94-2.47a3.027 3.027 0 000-.74l4.94-2.47C13.456 7.68 14.19 8 15 8z" /> </svg> 520 </div> </div> </div> </div> </article> </div> <div class="px-3 py-2 md:px-4 xl:px-2 md:py-3"> <article class="relative overflow-hidden h-full flex space-x-2 md:space-x-3 space-y-0 md:space-y-1"> <div class="w-1/4"> <div class="relative pb-1/1 lg:pb-2/3 bg-gray-200 dark:bg-gray-900"> <a href="/biznis/finansije/ulaganja-eib-dostigla-gotovo-700-miliona-eura-na-zapadnom-balkanu-u-2024-godini/250224100" title="Ulaganja EIB dostigla gotovo 700 miliona eura na Zapadnom Balkanu u 2024. godini" onclick="gtag('event', 'klix_najlists_click', { 'event_category' : 'internal', 'event_label' : 'Ulaganja EIB dostigla gotovo 700 miliona eura na Zapadnom Balkanu u 2024. godini' });"> <picture class="absolute w-full h-full ">  <source data-srcset=" https://static.klix.ba/media/images/vijesti/m32_250224100.jpg?v=1 " media="(min-width: 1024px)" />  <img class="lazyload absolute w-full h-full" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="https://static.klix.ba/media/images/vijesti/m11_250224100.jpg?v=1" alt="Ulaganja EIB dostigla gotovo 700 miliona eura na Zapadnom Balkanu u 2024. godini" /> </picture> </a> </div> </div> <div class="w-3/4 px-0 pt-0 flex-1 flex flex-col flex-grow"> <div class="font-title uppercase inline text-xs mb-0 md:mb-1 text-biznis ">Ulaganje u autoput 5C</div> <a class="hover:text-gray-600" href="/biznis/finansije/ulaganja-eib-dostigla-gotovo-700-miliona-eura-na-zapadnom-balkanu-u-2024-godini/250224100" onclick="gtag('event', 'klix_najlists_click', { 'event_category' : 'internal', 'event_label' : 'Ulaganja EIB dostigla gotovo 700 miliona eura na Zapadnom Balkanu u 2024. godini' });"> <h2 class="font-title text-tiny lg:text-base xl:text-lg leading-tight md:leading-tight dark:text-gray-300 dark:hover:text-white">Ulaganja EIB dostigla gotovo 700 miliona eura na Zapadnom Balkanu u 2024. godini</h2> </a> <p class="hidden md:block text-base mt-2 text-gray-500 truncate">Tokom 2024. godine izdvajanja Grupe Evropske investicijske banke na Zapadnom Balkanu (EIB Global) za nove projekte u području energetske sigurnosti, održivog transporta, klimatskih aktivnosti te razvoja digitalnog i ljudskog kapitala su dostigla vrijednost od 693 miliona eura.</p> <div class="flex-grow-0 mt-auto align-text-bottom pt-1 md:pt-2"> <div class="flex justify-between items-center mt-0 text-sm text-gray-400 md:text-gray-400"> <div class="flex-1 text-sm"> <span> 2 dana </span> </div> <div class="text-right text-xs uppercase "> <svg class="inline h-3 w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> <path d="M2 5a2 2 0 012-2h7a2 2 0 012 2v4a2 2 0 01-2 2H9l-3 3v-3H4a2 2 0 01-2-2V5z" /> <path d="M15 7v2a4 4 0 01-4 4H9.828l-1.766 1.767c.28.149.599.233.938.233h2l3 3v-3h2a2 2 0 002-2V9a2 2 0 00-2-2h-1z" /> </svg> 0 <svg class="ml-1 inline h-3 w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> <path d="M15 8a3 3 0 10-2.977-2.63l-4.94 2.47a3 3 0 100 4.319l4.94 2.47a3 3 0 10.895-1.789l-4.94-2.47a3.027 3.027 0 000-.74l4.94-2.47C13.456 7.68 14.19 8 15 8z" /> </svg> 36 </div> </div> </div> </div> </article> </div> <div class="px-3 py-2 md:px-4 xl:px-2 md:py-3"> <article class="relative overflow-hidden h-full flex space-x-2 md:space-x-3 space-y-0 md:space-y-1"> <div class="w-1/4"> <div class="relative pb-1/1 lg:pb-2/3 bg-gray-200 dark:bg-gray-900"> <a href="/biznis/finansije/slika-dva-razlicita-svijeta-2000-godine-amerika-je-trgovacki-dominirala-planetom-2024-nisu-ni-blizu-kini/250223082" title="Slika dva različita svijeta: 2000. godine Amerika je trgovački dominirala planetom, 2024. nisu ni blizu Kini" onclick="gtag('event', 'klix_najlists_click', { 'event_category' : 'internal', 'event_label' : 'Slika dva različita svijeta: 2000. godine Amerika je trgovački dominirala planetom, 2024. nisu ni blizu Kini' });"> <picture class="absolute w-full h-full ">  <source data-srcset=" https://static.klix.ba/media/images/vijesti/m32_250223082.jpg?v=1 " media="(min-width: 1024px)" />  <img class="lazyload absolute w-full h-full" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="https://static.klix.ba/media/images/vijesti/m11_250223082.jpg?v=1" alt="Slika dva različita svijeta: 2000. godine Amerika je trgovački dominirala planetom, 2024. nisu ni blizu Kini" /> </picture> </a> </div> </div> <div class="w-3/4 px-0 pt-0 flex-1 flex flex-col flex-grow"> <div class="font-title uppercase inline text-xs mb-0 md:mb-1 text-biznis ">Gdje je u svemu BiH</div> <a class="hover:text-gray-600" href="/biznis/finansije/slika-dva-razlicita-svijeta-2000-godine-amerika-je-trgovacki-dominirala-planetom-2024-nisu-ni-blizu-kini/250223082" onclick="gtag('event', 'klix_najlists_click', { 'event_category' : 'internal', 'event_label' : 'Slika dva različita svijeta: 2000. godine Amerika je trgovački dominirala planetom, 2024. nisu ni blizu Kini' });"> <h2 class="font-title text-tiny lg:text-base xl:text-lg leading-tight md:leading-tight dark:text-gray-300 dark:hover:text-white">Slika dva različita svijeta: 2000. godine Amerika je trgovački dominirala planetom, 2024. nisu ni blizu Kini</h2> </a> <p class="hidden md:block text-base mt-2 text-gray-500 truncate">Kina je 2024. godine postala dominantna sila u globalnoj trgovini, pretekavši Sjedinjene Američke Države (SAD) kao najvažnijeg trgovinskog partnera većine zemalja svijeta. Ovaj trend označava dramatičan preokret u odnosu na 2000. godinu, kada su SAD bile nesporni lider u globalnoj trgovini.</p> <div class="flex-grow-0 mt-auto align-text-bottom pt-1 md:pt-2"> <div class="flex justify-between items-center mt-0 text-sm text-gray-400 md:text-gray-400"> <div class="flex-1 text-sm"> <span> 2 dana </span> </div> <div class="text-right text-xs uppercase "> <svg class="inline h-3 w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> <path d="M2 5a2 2 0 012-2h7a2 2 0 012 2v4a2 2 0 01-2 2H9l-3 3v-3H4a2 2 0 01-2-2V5z" /> <path d="M15 7v2a4 4 0 01-4 4H9.828l-1.766 1.767c.28.149.599.233.938.233h2l3 3v-3h2a2 2 0 002-2V9a2 2 0 00-2-2h-1z" /> </svg> 44 <svg class="ml-1 inline h-3 w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> <path d="M15 8a3 3 0 10-2.977-2.63l-4.94 2.47a3 3 0 100 4.319l4.94 2.47a3 3 0 10.895-1.789l-4.94-2.47a3.027 3.027 0 000-.74l4.94-2.47C13.456 7.68 14.19 8 15 8z" /> </svg> 49 </div> </div> </div> </div> </article> </div> <div class="px-3 py-2 md:px-4 xl:px-2 md:py-3"> <article class="relative overflow-hidden h-full flex space-x-2 md:space-x-3 space-y-0 md:space-y-1"> <div class="w-1/4"> <div class="relative pb-1/1 lg:pb-2/3 bg-gray-200 dark:bg-gray-900"> <a href="/biznis/finansije/saudijska-arabija-predstavila-novi-simbol-svoje-valute-potice-iz-arapske-kaligrafije/250222064" title="Saudijska Arabija predstavila novi simbol svoje valute, potiče iz arapske kaligrafije" onclick="gtag('event', 'klix_najlists_click', { 'event_category' : 'internal', 'event_label' : 'Saudijska Arabija predstavila novi simbol svoje valute, potiče iz arapske kaligrafije' });"> <picture class="absolute w-full h-full ">  <source data-srcset=" https://static.klix.ba/media/images/vijesti/m32_250222064.jpg?v=1 " media="(min-width: 1024px)" />  <img class="lazyload absolute w-full h-full" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="https://static.klix.ba/media/images/vijesti/m11_250222064.jpg?v=1" alt="Saudijska Arabija predstavila novi simbol svoje valute, potiče iz arapske kaligrafije" /> </picture> </a> </div> </div> <div class="w-3/4 px-0 pt-0 flex-1 flex flex-col flex-grow"> <div class="font-title uppercase inline text-xs mb-0 md:mb-1 text-biznis ">Finansijski identitet</div> <a class="hover:text-gray-600" href="/biznis/finansije/saudijska-arabija-predstavila-novi-simbol-svoje-valute-potice-iz-arapske-kaligrafije/250222064" onclick="gtag('event', 'klix_najlists_click', { 'event_category' : 'internal', 'event_label' : 'Saudijska Arabija predstavila novi simbol svoje valute, potiče iz arapske kaligrafije' });"> <h2 class="font-title text-tiny lg:text-base xl:text-lg leading-tight md:leading-tight dark:text-gray-300 dark:hover:text-white">Saudijska Arabija predstavila novi simbol svoje valute, potiče iz arapske kaligrafije</h2> </a> <p class="hidden md:block text-base mt-2 text-gray-500 truncate">Saudijska Arabija je ranije ove sedmice predstavila novi simbol za svoju valutu rijal.</p> <div class="flex-grow-0 mt-auto align-text-bottom pt-1 md:pt-2"> <div class="flex justify-between items-center mt-0 text-sm text-gray-400 md:text-gray-400"> <div class="flex-1 text-sm"> <span> 22.02.2025. u 15:15 </span> </div> <div class="text-right text-xs uppercase "> <svg class="inline h-3 w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> <path d="M2 5a2 2 0 012-2h7a2 2 0 012 2v4a2 2 0 01-2 2H9l-3 3v-3H4a2 2 0 01-2-2V5z" /> <path d="M15 7v2a4 4 0 01-4 4H9.828l-1.766 1.767c.28.149.599.233.938.233h2l3 3v-3h2a2 2 0 002-2V9a2 2 0 00-2-2h-1z" /> </svg> 31 <svg class="ml-1 inline h-3 w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> <path d="M15 8a3 3 0 10-2.977-2.63l-4.94 2.47a3 3 0 100 4.319l4.94 2.47a3 3 0 10.895-1.789l-4.94-2.47a3.027 3.027 0 000-.74l4.94-2.47C13.456 7.68 14.19 8 15 8z" /> </svg> 78 </div> </div> </div> </div> </article> </div> <div class="px-3 py-2 md:px-4 xl:px-2 md:py-3"> <article class="relative overflow-hidden h-full flex space-x-2 md:space-x-3 space-y-0 md:space-y-1"> <div class="w-1/4"> <div class="relative pb-1/1 lg:pb-2/3 bg-gray-200 dark:bg-gray-900"> <a href="/biznis/finansije/vlada-fbih-potpisala-odluku-odobreno-zaduzivanje-entiteta-za-635-miliona-km/250221158" title="Vlada FBIH potpisala odluku: Odobreno zaduživanje entiteta za 635 miliona KM" onclick="gtag('event', 'klix_najlists_click', { 'event_category' : 'internal', 'event_label' : 'Vlada FBIH potpisala odluku: Odobreno zaduživanje entiteta za 635 miliona KM' });"> <picture class="absolute w-full h-full ">  <source data-srcset=" https://static.klix.ba/media/images/vijesti/m32_250221158.jpg?v=2 " media="(min-width: 1024px)" />  <img class="lazyload absolute w-full h-full" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="https://static.klix.ba/media/images/vijesti/m11_250221158.jpg?v=2" alt="Vlada FBIH potpisala odluku: Odobreno zaduživanje entiteta za 635 miliona KM" /> </picture> <div class="absolute w-full h-full flex items-end justify-items-end"> <svg class="ml-auto mr-2.5 mb-2.5 w-4 h-4 md:w-4 md:h-4 fill-current text-white" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9 12c0-.552.448-1 1.001-1s.999.448.999 1-.446 1-.999 1-1.001-.448-1.001-1zm6.2 0l-1.7 2.6-1.3-1.6-3.2 4h10l-3.8-5zm8.8-5v14h-20v-3h-4v-15h21v4h3zm-20 9v-9h15v-2h-17v11h2zm18-7h-16v10h16v-10z"/></svg> </div> </a> </div> </div> <div class="w-3/4 px-0 pt-0 flex-1 flex flex-col flex-grow"> <div class="font-title uppercase inline text-xs mb-0 md:mb-1 text-biznis ">Krediti, obveznice...</div> <a class="hover:text-gray-600" href="/biznis/finansije/vlada-fbih-potpisala-odluku-odobreno-zaduzivanje-entiteta-za-635-miliona-km/250221158" onclick="gtag('event', 'klix_najlists_click', { 'event_category' : 'internal', 'event_label' : 'Vlada FBIH potpisala odluku: Odobreno zaduživanje entiteta za 635 miliona KM' });"> <h2 class="font-title text-tiny lg:text-base xl:text-lg leading-tight md:leading-tight dark:text-gray-300 dark:hover:text-white">Vlada FBIH potpisala odluku: Odobreno zaduživanje entiteta za 635 miliona KM</h2> </a> <p class="hidden md:block text-base mt-2 text-gray-500 truncate">Vlada Federacije Bosne i Hercegovine donijela je odluku o novim zaduženjima i to putem kratkoročnih kredita, ali i emisije obveznica i trezorskih zapisa.</p> <div class="flex-grow-0 mt-auto align-text-bottom pt-1 md:pt-2"> <div class="flex justify-between items-center mt-0 text-sm text-gray-400 md:text-gray-400"> <div class="flex-1 text-sm"> <span> 21.02.2025. u 17:33 </span> </div> <div class="text-right text-xs uppercase "> <svg class="inline h-3 w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> <path d="M2 5a2 2 0 012-2h7a2 2 0 012 2v4a2 2 0 01-2 2H9l-3 3v-3H4a2 2 0 01-2-2V5z" /> <path d="M15 7v2a4 4 0 01-4 4H9.828l-1.766 1.767c.28.149.599.233.938.233h2l3 3v-3h2a2 2 0 002-2V9a2 2 0 00-2-2h-1z" /> </svg> 321 <svg class="ml-1 inline h-3 w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> <path d="M15 8a3 3 0 10-2.977-2.63l-4.94 2.47a3 3 0 100 4.319l4.94 2.47a3 3 0 10.895-1.789l-4.94-2.47a3.027 3.027 0 000-.74l4.94-2.47C13.456 7.68 14.19 8 15 8z" /> </svg> 1.1k </div> </div> </div> </div> </article> </div> <div class="px-3 py-2 md:px-4 xl:px-2 md:py-3"> <article class="relative overflow-hidden h-full flex space-x-2 md:space-x-3 space-y-0 md:space-y-1"> <div class="w-1/4"> <div class="relative pb-1/1 lg:pb-2/3 bg-gray-200 dark:bg-gray-900"> <a href="/biznis/finansije/u-utorak-tematska-sjednica-u-federalnom-parlamentu-o-fiskalnim-reformama/250221044" title="U utorak tematska sjednica u Federalnom parlamentu o fiskalnim reformama" onclick="gtag('event', 'klix_najlists_click', { 'event_category' : 'internal', 'event_label' : 'U utorak tematska sjednica u Federalnom parlamentu o fiskalnim reformama' });"> <picture class="absolute w-full h-full ">  <source data-srcset=" https://static.klix.ba/media/images/vijesti/m32_250221044.jpg?v=1 " media="(min-width: 1024px)" />  <img class="lazyload absolute w-full h-full" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="https://static.klix.ba/media/images/vijesti/m11_250221044.jpg?v=1" alt="U utorak tematska sjednica u Federalnom parlamentu o fiskalnim reformama" /> </picture> </a> </div> </div> <div class="w-3/4 px-0 pt-0 flex-1 flex flex-col flex-grow"> <div class="font-title uppercase inline text-xs mb-0 md:mb-1 text-biznis ">O privremenim rješenjima</div> <a class="hover:text-gray-600" href="/biznis/finansije/u-utorak-tematska-sjednica-u-federalnom-parlamentu-o-fiskalnim-reformama/250221044" onclick="gtag('event', 'klix_najlists_click', { 'event_category' : 'internal', 'event_label' : 'U utorak tematska sjednica u Federalnom parlamentu o fiskalnim reformama' });"> <h2 class="font-title text-tiny lg:text-base xl:text-lg leading-tight md:leading-tight dark:text-gray-300 dark:hover:text-white">U utorak tematska sjednica u Federalnom parlamentu o fiskalnim reformama</h2> </a> <p class="hidden md:block text-base mt-2 text-gray-500 truncate">Tematska sjednica Odbora za ekonomsku i finansijsku politiku u saradnji s predsjedavajućim Predstavničkog doma Parlamenta Federacije Bosne i Hercegovine (PFBiH) Draganom Miokovićem (NS) održat će u utorak, 25. februara, tematsku sjednicu o fiskalnim reformama.</p> <div class="flex-grow-0 mt-auto align-text-bottom pt-1 md:pt-2"> <div class="flex justify-between items-center mt-0 text-sm text-gray-400 md:text-gray-400"> <div class="flex-1 text-sm"> <span> 21.02.2025. u 10:03 </span> </div> <div class="text-right text-xs uppercase "> <svg class="inline h-3 w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> <path d="M2 5a2 2 0 012-2h7a2 2 0 012 2v4a2 2 0 01-2 2H9l-3 3v-3H4a2 2 0 01-2-2V5z" /> <path d="M15 7v2a4 4 0 01-4 4H9.828l-1.766 1.767c.28.149.599.233.938.233h2l3 3v-3h2a2 2 0 002-2V9a2 2 0 00-2-2h-1z" /> </svg> 12 <svg class="ml-1 inline h-3 w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> <path d="M15 8a3 3 0 10-2.977-2.63l-4.94 2.47a3 3 0 100 4.319l4.94 2.47a3 3 0 10.895-1.789l-4.94-2.47a3.027 3.027 0 000-.74l4.94-2.47C13.456 7.68 14.19 8 15 8z" /> </svg> 19 </div> </div> </div> </div> </article> </div> </div> <nav class="bg-white dark:bg-transparent px-2 py-3 flex items-center justify-between" aria-label="Pagination"> <div class="hidden sm:block"> </div> <div class="flex-1 flex justify-between sm:justify-end"> <div> </div> <div> <a href="https://www.klix.ba/biznis/finansije?str=1" class="ml-3 relative inline-flex items-center px-4 py-2 border border-gray-300 text-tiny lg:text-base rounded-md text-gray-700 bg-white hover:bg-gray-50 dark:border-gray-500 dark:bg-dark dark:hover:bg-gray-900 dark:text-white "> Sljedeća </a> </div> </div> </nav> </div> </div> <div class="md:col-span-4 xl:col-span-3 md:bg-white md:dark:bg-dark lg:h-auto sm:mt-2 md:mt-0 "> <div class="md:flex md:flex-wrap md:flex-col md:w-full md:h-full"> <div class="sticky top-16 md:pt-0 lg:pt-3"> <div id="rectangle_container" class="flex"> <div id='ads_rectangle' class="mx-auto my-0 md:my-0 xl:mb-5" style="display: none;"> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('ads_rectangle'); }); </script> </div> </div> </div> <div class="hidden md:inline-block h-270 md:h-auto md:flex-1 relative"> <div class="overflow-y-auto absolute top-0 right-0 bottom-0 left-0 divide-y space-y-2"> </div> </div> </div> </div> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script type="text/javascript"> $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, }); </script> </div> <div class="fixed top-24" style="margin-left:650px; left:50%;">  <div id='desktop_skyscraper_right' style='min-width: 160px; min-height: 600px;'> <script> googletag.cmd.push(function() { googletag.display('desktop_skyscraper_right'); }); </script> </div> </div> </div> <div class="container py-1 max-w-7xl mx-auto"> <div id='ads_footer' class="mx-auto my-1" style="display: none;"> <script type='text/javascript'> googletag.cmd.push(function() { googletag.display('ads_footer'); }); </script> </div> </div> <footer> <div class="max-w-7xl mx-auto py-1 px-2 overflow-hidden sm:px-6 lg:px-8 lg:py-6"> <nav class="grid grid-cols-2 md:grid-cols-none md:flex md:items-center md:justify-center inline-block" aria-label="Footer"> <div class="px-4 py-2"> <a href="https://www.klix.ba" class="text-tiny md:text-tiny text-gray-500 hover:text-gray-900">Početna</a> </div> <div class="px-4 py-2"> <a href="https://www.klix.ba/dojavi-vijest" class="text-tiny md:text-base text-gray-500 hover:text-gray-900 dark:hover:text-gray-50">Dojavite vijest</a> </div> <div class="px-4 py-2"> <a href="https://www.klix.ba/impressum" class="text-tiny md:text-base text-gray-500 hover:text-gray-900 dark:hover:text-gray-50"> Impressum </a> </div> <div class="px-4 py-2"> <a href="https://www.klix.ba/komentari" class="text-tiny md:text-base text-gray-500 hover:text-gray-900 dark:hover:text-gray-50"> Komentari </a> </div> <div class="px-4 py-2"> <a href="https://www.klix.ba/kontakt" class="text-tiny md:text-base text-gray-500 hover:text-gray-900 dark:hover:text-gray-50"> Kontakt </a> </div> <div class="px-4 py-2"> <a href="https://www.klix.ba/o-nama" class="text-tiny md:text-base text-gray-500 hover:text-gray-900 dark:hover:text-gray-50"> O nama </a> </div> <div class="px-4 py-2"> <a href="https://www.klix.ba/marketing" class="text-tiny md:text-base text-gray-500 hover:text-gray-900 dark:hover:text-gray-50"> Oglašavanje </a> </div> <div class="px-4 py-2"> <a href="https://www.klix.ba/politika-privatnosti" class="text-tiny md:text-base text-gray-500 hover:text-gray-900 dark:hover:text-gray-50"> Privatnost </a> </div> <div class="px-4 py-2"> <a href="https://www.klix.ba/sigurnost-placanja" class="text-tiny md:text-base text-gray-500 hover:text-gray-900 dark:hover:text-gray-50"> Sigurnost </a> </div> </nav> <div class="mt-8 flex justify-center items-center space-x-6 text-tiny"> <div class="hidden md:inline-block text-gray-500"> Pratite nas </div> <a href="https://www.facebook.com/Klix.ba" class="text-gray-400 hover:text-gray-700"> <span class="sr-only">Facebook</span> <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd" /> </svg> </a> <a href="https://twitter.com/klixba" class="text-gray-400 hover:text-gray-700 dark:hover:text-gray-50"> <span class="sr-only">Twitter</span> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="21px" height="21px" viewBox="0 0 21 21" version="1.1"> <g id="surface1"> <path style=" stroke:#888;fill-rule:nonzero;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 12.496094 8.886719 L 20.316406 0 L 18.464844 0 L 11.675781 7.71875 L 6.253906 0 L 0 0 L 8.199219 11.667969 L 0 20.988281 L 1.851562 20.988281 L 9.019531 12.839844 L 14.746094 20.988281 L 21 20.988281 Z M 9.960938 11.773438 L 9.128906 10.609375 L 2.519531 1.363281 L 5.367188 1.363281 L 10.699219 8.824219 L 11.53125 9.988281 L 18.464844 19.6875 L 15.617188 19.6875 Z M 9.960938 11.773438 "/> </g> </svg> </a> <a href="https://www.instagram.com/klixba/" class="text-gray-400 hover:text-gray-700 dark:hover:text-gray-50"> <span class="sr-only">Instagram</span> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="currentColor" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg> </a> <a href="https://www.youtube.com/@klixportal" class="text-gray-400 hover:text-gray-700 dark:hover:text-gray-50"> <span class="sr-only">YouTube</span> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="currentColor" width="24" height="24" viewBox="0 0 24 24"><path d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z"/></svg> </a> <a href="https://www.linkedin.com/company/klixba/" class="text-gray-400 hover:text-gray-700 dark:hover:text-gray-50"> <span class="sr-only">YouTube</span> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/></svg> </a> <a href="https://www.klix.ba/rss" class="text-tiny md:text-base text-gray-500 hover:text-gray-900 dark:hover:text-gray-50">RSS</a> </div> <p class="mt-8 text-center text-xs md:text-sm text-gray-400"> Copyright 2000-2023 InterSoft d.o.o. Sarajevo. ISSN 2566-3771. Sva prava zadržana. Zabranjeno preuzimanje sadržaja bez dozvole izdavača. </p> </div> </footer>  <script src='https://www.google.com/recaptcha/api.js'></script>  <div id="authentication-modal" tabindex="-1" aria-hidden="true" class="fixed top-12 md:top-12 left-0 right-0 z-50 hidden w-full p-4 overflow-x-hidden overflow-y-auto md:inset-0 h-[calc(100%-1rem)] md:h-full"> <div class="relative w-full h-full max-w-md md:h-auto">  <div class="relative bg-white rounded-lg shadow dark:bg-dark_light"> <button type="button" class="absolute top-3 right-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-800 dark:hover:text-white" data-modal-hide="authentication-modal"> <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg> <span class="sr-only">Close modal</span> </button> <div id="logindiv" class="px-6 py-6 lg:px-8"> <h3 class="mb-4 text-xl font-medium text-gray-900 dark:text-white">Prijavite se</h3> <div id="errorlogindiv" class="hidden text-center bg-red-100 text-tiny rounded p-2 text-red-600 font-semibold"></div> <script src="https://accounts.google.com/gsi/client" async defer></script> <div class="text-sm"> <div class="text-center mx-auto"> <div id="g_id_onload" data-client_id="831696778835-kqr5934gf7gmbbanittdac7djtc0n76f.apps.googleusercontent.com" data-context="signin" data-ux_mode="popup" data-callback="handleCredentialResponse" data-nonce="" data-auto_prompt="false"> </div> <div class="g_id_signin" data-type="standard" data-shape="pill" data-theme="outline" data-text="signin_with" data-size="large" data-logo_alignment="left"> </div> </div> <div class="mt-3"> <button onclick="fbLogin()" class="items-center mx-auto focus:ring-0 focus:outline-none inline-flex justify-center py-1.5 px-3 border border-gray-300 rounded-full bg-white text-blue-700 hover:bg-gray-50"> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true"> <path fill-rule="evenodd" d="M20 10c0-5.523-4.477-10-10-10S0 4.477 0 10c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V10h2.54V7.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V10h2.773l-.443 2.89h-2.33v6.988C16.343 19.128 20 14.991 20 10z" clip-rule="evenodd" /> </svg> <div class="ml-3 text-tiny text-gray-900">Sign in with Facebook</div> </button> </div> </div> <div class="relative my-5"> <div class="absolute inset-0 flex items-center"> <div class="w-full border-t border-gray-300 dark:border-gray-400"></div> </div> <div class="relative flex justify-center text-sm"> <span class="px-2 bg-white dark:bg-gray-600 text-gray-500 dark:text-gray-300"> ili nastavite sa </span> </div> </div> <form id="signinForm" class="space-y-6" action="/prijava" method="POST"> <input type="hidden" name="_token" value="ZlzVaAlpK2eJL8dnQB09MtIifjjy9Qnq6MZGAMhL" autocomplete="off"> <input type="hidden" name="modal" value="1"> <div> <label for="email" class="block text-sm font-medium text-gray-700 dark:text-gray-300"> E-mail adresa (ili username) </label> <div class="mt-1"> <input name="username" type="username" autocomplete="username" placeholder="ime.prezime@vasafirma.ba" required class="appearance-none block w-full px-3 py-2 border border-gray-300 dark:bg-gray-500 dark:border-gray-500 dark:text-white rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-blue-500 dark:focus:ring-gray-500 focus:border-blue-500 dark:focus:border-gray-500 sm:text-sm"> </div> </div> <div> <label for="password" class="block text-sm font-medium text-gray-700 dark:text-gray-300"> Lozinka </label> <div class="mt-1 relative"> <input id="lpassword" name="password" type="password" placeholder="" autocomplete="current-password" required class="appearance-none block w-full px-3 py-2 border border-gray-300 dark:bg-gray-500 dark:border-gray-500 dark:text-white rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-blue-500 dark:focus:ring-gray-500 focus:border-blue-500 dark:focus:border-gray-500 sm:text-sm"> <button id="toggle-password" type="button" class="absolute focus:outline-none focus:ring-0 top-0 right-0 mt-3 mr-3 text-gray-500" > <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4"> <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178z" /> <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" /> </svg> </button> </div> </div> <div class="flex items-center justify-between"> <div class="flex items-center"> <input id="remember_me" name="remember_me" type="checkbox" class="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded"> <label for="remember_me" class="ml-2 block text-sm text-gray-900 dark:text-gray-300"> Zapamti me </label> </div> </div> <div> <button type="submit" class="w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 dark:bg-gray-800 hover:bg-blue-700 focus:outline-none focus:ring-0 dark:hover:bg-gray-900 shadow-md"> Prijavi se </button> </div> </form> <div class="mt-5 text-tiny text-center"> Niste registrovani, <button id="registerbtn" class="underline focus:outline-none focus:ring-0 hover:no-underline font-semibold text-blue-700 hover:text-blue-500 dark:text-gray-300"> registrujte se </button>? </div> <div class="text-sm mt-5 text-center"> <button id="resetpassbtn" class="underline focus:outline-none focus:ring-0 hover:no-underline font-semibold text-gray-600 hover:text-blue-500 dark:text-gray-300"> Zaboravljena lozinka? </button> </div> </div> <div id="resetpassdiv" class="hidden px-6 py-6 lg:px-8"> <h3 class="mb-4 text-xl font-medium text-gray-900 dark:text-white">Resetujte šifru</h3> <div id="errorresetdiv" class="hidden text-center bg-red-100 text-tiny rounded p-2 text-red-600 font-semibold"></div> <div id="successresetdiv" class="hidden text-center bg-green-100 text-tiny rounded p-2 text-green-600 font-semibold"></div> <form id="resetPassForm" class="space-y-6" action="/resetpass" method="POST"> <input type="hidden" name="_token" value="ZlzVaAlpK2eJL8dnQB09MtIifjjy9Qnq6MZGAMhL" autocomplete="off"> <input type="hidden" name="modal" value="1"> <div> <label for="email" class="block text-sm font-medium text-gray-700"> Korisničko ime ili e-mail adresa </label> <div class="mt-1"> <input name="email" type="email" autocomplete="email" required class="appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm"> </div> </div> <div> <div class="g-recaptcha" data-callback="recaptchaCallback" data-sitekey="6Lc_kYwUAAAAANuWMnAnP6pMKlkChb888UuRayO2"></div> <br> </div> <div> <button id="resetbutton" type="submit" class="w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500" disabled> Resetuj </button> </div> </form> <div class="text-sm mt-5 text-center"> <button id="loginbtn" class="underline focus:outline-none focus:ring-0 hover:no-underline font-medium text-gray-600 hover:text-blue-500 dark:text-gray-300"> Povratak na prijavu </button> </div> </div> <div id="registerdiv" class="hidden px-6 py-6 lg:px-8"> <h3 class="mb-4 text-xl font-medium text-gray-900 dark:text-white">Registrujte se</h3> <div id="errorregisterdiv" class="hidden text-center bg-red-100 text-tiny rounded p-2 text-red-600 font-semibold"></div> <form id="registerForm" class="space-y-3" action="/registracija" method="POST" onSubmit="document.getElementById('registerbutton').disabled=true;"> <input type="hidden" name="_token" value="ZlzVaAlpK2eJL8dnQB09MtIifjjy9Qnq6MZGAMhL" autocomplete="off"> <div> <input type="hidden" name="modal" value="1"> <label for="email" class="block text-sm font-medium text-gray-700 hidden"> Username </label> <div class="mt-1"> <input autocomplete="off" placeholder="username" name="username" type="username" autocomplete="username" value="" required class="appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm"> <div class="text-xs text-gray-500 pt-1">Samo slova i brojevi, bez razmaka i bez specijalnih karaktera</div> </div> </div> <div> <label for="email" autocomplete="off" class="hidden text-sm font-medium text-gray-700"> E-mail adresa </label> <div class="mt-1"> <input name="email" type="email" placeholder="vaš e-mail" autocomplete="email" value="" required class="appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm"> <div class="text-xs text-gray-500 pt-1">Poslovna ili privatna e-mail adresa</div> </div> </div> <div> <label for="password" autocomplete="off" class="hidden text-sm font-medium text-gray-700"> Šifra </label> <div class="mt-1"> <input name="password" type="password" placeholder="šifra" autocomplete="password" required class="appearance-none block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm"> <div class="text-xs text-gray-500 pt-1">Minimalno 8 karaktera, minimalno 2 mala slova, najmanje 1 broj.</div> </div> </div> <div> <label for="password" class="block text-sm font-medium text-gray-700"> Spol </label> <div class="flex mt-2"> <div class="flex items-center mr-4"> <input name="spol" value="m" checked type="radio" class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300"> <label for="spol" class="ml-3 block text-sm font-medium text-gray-700 dark:text-white"> Muški </label> </div> <div class="flex items-center"> <input name="spol" value="f" type="radio" class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300"> <label for="spol" class="ml-3 block text-sm font-medium text-gray-700 dark:text-white"> Ženski </label> </div> </div> </div> <div> <div class="g-recaptcha" data-callback="recaptchaCallback" data-sitekey="6Lc_kYwUAAAAANuWMnAnP6pMKlkChb888UuRayO2"></div> </div> <div> <button id="registerbutton" type="submit" class="w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-30" disabled> Registruj se </button> </div> </form> <div class="text-sm mt-5 text-center"> <button id="loginbtn2" class="loginbtn underline focus:outline-none focus:ring-0 hover:no-underline font-medium text-gray-600 hover:text-blue-500 dark:text-gray-300"> Povratak na prijavu </button> </div> </div> </div> </div> </div> <script type="text/javascript"> $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } }); </script> <script> // set the modal menu element const $targetEl = document.querySelector('#authentication-modal'); // options with default values const options = { placement: 'center', backdrop: 'dynamic', backdropClasses: 'bg-gray-900 bg-opacity-50 dark:bg-dark_light dark:bg-opacity-80 fixed inset-0 z-40', closable: true, onHide: () => { console.log('modal is hidden'); }, onShow: () => { console.log('modal is shown'); }, onToggle: () => { console.log('modal has been toggled'); } }; const modal = new Modal($targetEl,options); </script> <script type="text/javascript"> function jwt_decode (token) { var base64Url = token.split('.')[1]; var base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/'); var jsonPayload = decodeURIComponent(window.atob(base64).split('').map(function(c) { return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2); }).join('')); return JSON.parse(jsonPayload); } window.handleCredentialResponse = (response) => { //console.log("handleCredentialResponse: " + response); // decodeJwtResponse() is a custom function defined by you // to decode the credential response. responsePayload = jwt_decode(response.credential); //console.log("response.credential: " + response.credential); //console.log("responsePayload: " + JSON.stringify(responsePayload)); $.post('/prijava', $.param({ googletoken: response.credential, platform: 1, modal:1 }), function(response){ //console.log ("response"+response); //var data = JSON.parse( response ); //console.log("data"+data); if(response.success===true){ //window.location = '/'; modal.hide(); location.reload(); } else { alert('Google prijava nije uspješna'); } }); } </script> <script type="text/javascript"> window.fbAsyncInit = function() { FB.init({ appId : '171222711838', xfbml : true, version : 'v3.2' }); }; (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); function fbLogin(){ FB.getLoginStatus(function(response) { //console.log("fBlogin: "+ response); if (response.status === 'connected') { //console.log("fbtoken: "+response.authResponse.accessToken); $.post('/prijava', $.param({ fbtoken: response.authResponse.accessToken, platform: 1, modal:1 }), function(response){ //console.log ("response"+response); //var data = JSON.parse( response ); //console.log("data"+data); if(response.success===true){ //window.location = '/'; modal.hide(); location.reload(); } else { alert('Facebook prijava nije bila uspjesna, provjerite da li ste dozvolili Klix aplikaciji pristup Vašem profilu'); } }); } else { // FAIL FB.login(function(response) { if (response.status === 'connected') { // Logged into your app and Facebook. $.post('/prijava', $.param({ fbtoken: response.authResponse.accessToken, platform: 1, modal:1 }), function(response){ console.log (response); //var data = JSON.parse( response ); if(response.success===true){ modal.hide(); location.reload(); } else { alert('Facebook prijava nije bila uspjesna, provjerite da li ste dozvolili Klix aplikaciji pristup Vašem profilu'); } }); } else { // The person is not logged into this app or we are unable to tell. } },{scope: 'public_profile,email'}); } }); } </script> <script> function recaptchaCallback() { console.log('recaptchaCallback'); document.getElementById("registerbutton").disabled=false; document.getElementById("resetbutton").disabled=false; document.getElementById("posalji").disabled=false; } const registerbtn = document.querySelector('#registerbtn'); const resetpassbtn = document.querySelector('#resetpassbtn'); const loginbtn = document.querySelector('#loginbtn'); const loginbtn2 = document.querySelector('#loginbtn2'); const logindiv = document.querySelector('#logindiv'); const registerdiv = document.querySelector('#registerdiv'); const resetpassdiv = document.querySelector('#resetpassdiv'); registerbtn.addEventListener('click', () => { registerdiv.classList.remove("hidden"); logindiv.classList.add("hidden"); resetpassdiv.classList.add("hidden"); }); resetpassbtn.addEventListener('click', () => { resetpassdiv.classList.remove("hidden"); logindiv.classList.add("hidden"); registerdiv.classList.add("hidden"); }); loginbtn.addEventListener('click', () => { logindiv.classList.remove("hidden"); resetpassdiv.classList.add("hidden"); registerdiv.classList.add("hidden"); }); loginbtn2.addEventListener('click', () => { logindiv.classList.remove("hidden"); resetpassdiv.classList.add("hidden"); registerdiv.classList.add("hidden"); }); </script> <script> //const modal = new Flowbite.Modal('#signin-modal'); const signinForm = document.querySelector('form#signinForm'); const resetPassForm = document.querySelector('form#resetPassForm'); const registerForm = document.querySelector('form#registerForm'); const errorlogindiv = document.querySelector('#authentication-modal #errorlogindiv'); const errorresetdiv = document.querySelector('#authentication-modal #errorresetdiv'); const errorregisterdiv = document.querySelector('#authentication-modal #errorregisterdiv'); signinForm.addEventListener('submit', async (event) => { event.preventDefault(); const formData = new FormData(signinForm); const response = await fetch('/prijava', { method: 'POST', body: formData, }); const data = await response.json(); console.log(data); if (data.success) { console.log("Sign-in succeeded"); modal.hide(); location.reload(); } else { // Sign-in failed errorlogindiv.innerText = "Greška: " + data.message; errorlogindiv.classList.remove('hidden'); } }); registerForm.addEventListener('submit', async (event) => { event.preventDefault(); const formData = new FormData(registerForm); const response = await fetch('/registracija', { method: 'POST', body: formData, }); console.log("registerForm submitted"); //console.log(response.text()); const data = await response.json(); console.log(data); if (data.success) { console.log("registracija succeeded"); modal.hide(); location.reload(); // Sign-in succeeded // Redirect to the dashboard or home page } else { // Sign-in failed errorregisterdiv.innerText = "Greška: " + data.message; errorregisterdiv.classList.remove('hidden'); document.getElementById('registerbutton').disabled=false; } }); resetPassForm.addEventListener('submit', async (event) => { event.preventDefault(); const formData = new FormData(resetPassForm); const response = await fetch('/resetpass', { method: 'POST', body: formData, }); const data = await response.json(); console.log(data); if (data.success) { successresetdiv.innerText = "Uspješno: " + data.message; successresetdiv.classList.remove('hidden'); } else { errorresetdiv.innerText = "Greška: " + data.message; errorresetdiv.classList.remove('hidden'); } }); const togglePasswordButton = document.querySelector('#toggle-password'); const passwordInput = document.querySelector('#lpassword'); togglePasswordButton.addEventListener('click', () => { const type = passwordInput.getAttribute('type') === 'password' ? 'text' : 'password'; passwordInput.setAttribute('type', type); togglePasswordButton.classList.toggle('text-gray-500'); togglePasswordButton.classList.toggle('text-gray-700'); }); </script> <script type="text/javascript"> !function(t){var e={};function n(r){if(e[r])return e[r].exports;var i=e[r]={i:r,l:!1,exports:{}};return t[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}n.m=t,n.c=e,n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var i in t)n.d(r,i,function(e){return t[e]}.bind(null,i));return r},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="/",n(n.s=2)}({2:function(t,e,n){t.exports=n("3Fk9")},"3Fk9":function(t,e,n){"use strict";n.r(e);n("s+lh"),n("pcBj"),n("v1EE"),n("CS5W")},CS5W:function(t,e,n){var r,i,a;!function(o,s){s=s.bind(null,o,o.document),t.exports?s(n("s+lh")):(i=[n("s+lh")],void 0===(a="function"==typeof(r=s)?r.apply(e,i):r)||(t.exports=a))}(window,(function(t,e,n){"use strict";var r,i,a={};function o(t,n,r){if(!a[t]){var i=e.createElement(n?"link":"script"),o=e.getElementsByTagName("script")[0];n?(i.rel="stylesheet",i.href=t):(i.onload=function(){i.onerror=null,i.onload=null,r()},i.onerror=i.onload,i.src=t),a[t]=!0,a[i.src||i.href]=!0,o.parentNode.insertBefore(i,o)}}e.addEventListener&&(i=/$|$|\s|'/,r=function(t,n){var r=e.createElement("img");r.onload=function(){r.onload=null,r.onerror=null,r=null,n()},r.onerror=r.onload,r.src=t,r&&r.complete&&r.onload&&r.onload()},addEventListener("lazybeforeunveil",(function(t){var e,a,s;if(t.detail.instance==n&&!t.defaultPrevented){var l=t.target;if("none"==l.preload&&(l.preload=l.getAttribute("data-preload")||"auto"),null!=l.getAttribute("data-autoplay"))if(l.getAttribute("data-expand")&&!l.autoplay)try{l.play()}catch(t){}else requestAnimationFrame((function(){l.setAttribute("data-expand","-10"),n.aC(l,n.cfg.lazyClass)}));(e=l.getAttribute("data-link"))&&o(e,!0),(e=l.getAttribute("data-script"))&&(t.detail.firesLoad=!0,o(e,null,(function(){t.detail.firesLoad=!1,n.fire(l,"_lazyloaded",{},!0,!0)}))),(e=l.getAttribute("data-require"))&&(n.cfg.requireJs?n.cfg.requireJs([e]):o(e)),(a=l.getAttribute("data-bg"))&&(t.detail.firesLoad=!0,r(a,(function(){l.style.backgroundImage="url("+(i.test(a)?JSON.stringify(a):a)+")",t.detail.firesLoad=!1,n.fire(l,"_lazyloaded",{},!0,!0)}))),(s=l.getAttribute("data-poster"))&&(t.detail.firesLoad=!0,r(s,(function(){l.poster=s,t.detail.firesLoad=!1,n.fire(l,"_lazyloaded",{},!0,!0)})))}}),!1))}))},pcBj:function(t,e,n){var r,i,a;!function(o,s){if(o){s=s.bind(null,o,o.document),t.exports?s(n("s+lh")):(i=[n("s+lh")],void 0===(a="function"==typeof(r=s)?r.apply(e,i):r)||(t.exports=a))}}("undefined"!=typeof window?window:0,(function(t,e,n){"use strict";var r,i,a,o,s,l,u,c,d,f,p,g,m,y,h,v,b=n.cfg,z=e.createElement("img"),A="sizes"in z&&"srcset"in z,E=/\s+\d+h/g,C=(i=/\s+(\d+)(w|h)\s+(\d+)(w|h)/,a=Array.prototype.forEach,function(){var t=e.createElement("img"),r=function(t){var e,n,r=t.getAttribute(b.srcsetAttr);r&&(n=r.match(i))&&((e="w"==n[2]?n[1]/n[3]:n[3]/n[1])&&t.setAttribute("data-aspectratio",e),t.setAttribute(b.srcsetAttr,r.replace(E,"")))},o=function(t){if(t.detail.instance==n){var e=t.target.parentNode;e&&"PICTURE"==e.nodeName&&a.call(e.getElementsByTagName("source"),r),r(t.target)}},s=function(){t.currentSrc&&e.removeEventListener("lazybeforeunveil",o)};e.addEventListener("lazybeforeunveil",o),t.onload=s,t.onerror=s,t.srcset="data:,a 1w 1h",t.complete&&s()});(b.supportsType||(b.supportsType=function(t){return!t}),t.HTMLPictureElement&&A)?!n.hasHDescriptorFix&&e.msElementsFromPoint&&(n.hasHDescriptorFix=!0,C()):t.picturefill||b.pf||(b.pf=function(e){var n,i;if(!t.picturefill)for(n=0,i=e.elements.length;n<i;n++)r(e.elements[n])},c=function(t,e){return t.w-e.w},d=/^\s*\d+\.*\d*px\s*$/,s=/(([^,\s].[^\s]+)\s+(\d+)w)/g,l=/\s/,u=function(t,e,n,r){o.push({c:e,u:n,w:1*r})},p=function(){var t,n,i;p.init||(p.init=!0,addEventListener("resize",(n=e.getElementsByClassName("lazymatchmedia"),i=function(){var t,e;for(t=0,e=n.length;t<e;t++)r(n[t])},function(){clearTimeout(t),t=setTimeout(i,66)})))},g=function(e,r){var i,a=e.getAttribute("srcset")||e.getAttribute(b.srcsetAttr);!a&&r&&(a=e._lazypolyfill?e._lazypolyfill._set:e.getAttribute(b.srcAttr)||e.getAttribute("src")),e._lazypolyfill&&e._lazypolyfill._set==a||(i=f(a||""),r&&e.parentNode&&(i.isPicture="PICTURE"==e.parentNode.nodeName.toUpperCase(),i.isPicture&&t.matchMedia&&(n.aC(e,"lazymatchmedia"),p())),i._set=a,Object.defineProperty(e,"_lazypolyfill",{value:i,writable:!0}))},m=function(e){return t.matchMedia?(m=function(t){return!t||(matchMedia(t)||{}).matches})(e):!e},y=function(e){var r,i,a,o,s,l,u;if(g(o=e,!0),(s=o._lazypolyfill).isPicture)for(i=0,a=(r=e.parentNode.getElementsByTagName("source")).length;i<a;i++)if(b.supportsType(r[i].getAttribute("type"),e)&&m(r[i].getAttribute("media"))){o=r[i],g(o),s=o._lazypolyfill;break}return s.length>1?(u=o.getAttribute("sizes")||"",u=d.test(u)&&parseInt(u,10)||n.gW(e,e.parentNode),s.d=function(e){var r=t.devicePixelRatio||1,i=n.getX&&n.getX(e);return Math.min(i||r,2.5,r)}(e),!s.src||!s.w||s.w<u?(s.w=u,l=function(t){for(var e,n,r=t.length,i=t[r-1],a=0;a<r;a++)if((i=t[a]).d=i.w/t.w,i.d>=t.d){!i.cached&&(e=t[a-1])&&e.d>t.d-.13*Math.pow(t.d,2.2)&&(n=Math.pow(e.d-.6,1.6),e.cached&&(e.d+=.15*n),e.d+(i.d-t.d)*n>t.d&&(i=e));break}return i}(s.sort(c)),s.src=l):l=s.src):l=s[0],l},(h=function(t){if(!A||!t.parentNode||"PICTURE"==t.parentNode.nodeName.toUpperCase()){var e=y(t);e&&e.u&&t._lazypolyfill.cur!=e.u&&(t._lazypolyfill.cur=e.u,e.cached=!0,t.setAttribute(b.srcAttr,e.u),t.setAttribute("src",e.u))}}).parse=f=function(t){return o=[],(t=t.trim()).replace(E,"").replace(s,u),o.length||!t||l.test(t)||o.push({c:t,u:t,w:99}),o},r=h,b.loadedClass&&b.loadingClass&&(v=[],['img[sizes$="px"][srcset].',"picture > img:not([srcset])."].forEach((function(t){v.push(t+b.loadedClass),v.push(t+b.loadingClass)})),b.pf({elements:e.querySelectorAll(v.join(", "))})))}))},"s+lh":function(t,e,n){!function(e,n){var r=function(t,e,n){"use strict";var r,i;if(function(){var e,n={lazyClass:"lazyload",loadedClass:"lazyloaded",loadingClass:"lazyloading",preloadClass:"lazypreload",errorClass:"lazyerror",autosizesClass:"lazyautosizes",fastLoadedClass:"ls-is-cached",iframeLoadMode:0,srcAttr:"data-src",srcsetAttr:"data-srcset",sizesAttr:"data-sizes",minSize:40,customMedia:{},init:!0,expFactor:1.5,hFac:.8,loadMode:2,loadHidden:!0,ricTimeout:0,throttleDelay:125};for(e in i=t.lazySizesConfig||t.lazysizesConfig||{},n)e in i||(i[e]=n[e])}(),!e||!e.getElementsByClassName)return{init:function(){},cfg:i,noSupport:!0};var a=e.documentElement,o=t.HTMLPictureElement,s=t.addEventListener.bind(t),l=t.setTimeout,u=t.requestAnimationFrame||l,c=t.requestIdleCallback,d=/^picture$/i,f=["load","error","lazyincluded","_lazyloaded"],p={},g=Array.prototype.forEach,m=function(t,e){return p[e]||(p[e]=new RegExp("(\\s|^)"+e+"(\\s|$)")),p[e].test(t.getAttribute("class")||"")&&p[e]},y=function(t,e){m(t,e)||t.setAttribute("class",(t.getAttribute("class")||"").trim()+" "+e)},h=function(t,e){var n;(n=m(t,e))&&t.setAttribute("class",(t.getAttribute("class")||"").replace(n," "))},v=function(t,e,n){var r=n?"addEventListener":"removeEventListener";n&&v(t,e),f.forEach((function(n){t[r](n,e)}))},b=function(t,n,i,a,o){var s=e.createEvent("Event");return i||(i={}),i.instance=r,s.initEvent(n,!a,!o),s.detail=i,t.dispatchEvent(s),s},z=function(e,n){var r;!o&&(r=t.picturefill||i.pf)?(n&&n.src&&!e.getAttribute("srcset")&&e.setAttribute("srcset",n.src),r({reevaluate:!0,elements:[e]})):n&&n.src&&(e.src=n.src)},A=function(t,e){return(getComputedStyle(t,null)||{})[e]},E=function(t,e,n){for(n=n||t.offsetWidth;n<i.minSize&&e&&!t._lazysizesWidth;)n=e.offsetWidth,e=e.parentNode;return n},C=(pt=[],gt=[],mt=pt,yt=function(){var t=mt;for(mt=pt.length?gt:pt,dt=!0,ft=!1;t.length;)t.shift()();dt=!1},ht=function(t,n){dt&&!n?t.apply(this,arguments):(mt.push(t),ft||(ft=!0,(e.hidden?l:u)(yt)))},ht._lsFlush=yt,ht),w=function(t,e){return e?function(){C(t)}:function(){var e=this,n=arguments;C((function(){t.apply(e,n)}))}},_=function(t){var e,r,i=function(){e=null,t()},a=function(){var t=n.now()-r;t<99?l(a,99-t):(c||i)(i)};return function(){r=n.now(),e||(e=l(a,99))}},N=(U=/^img$/i,J=/^iframe$/i,Q="onscroll"in t&&!/(gle|ing)bot/.test(navigator.userAgent),X=0,G=0,K=-1,V=function(t){G--,(!t||G<0||!t.target)&&(G=0)},Y=function(t){return null==D&&(D="hidden"==A(e.body,"visibility")),D||!("hidden"==A(t.parentNode,"visibility")&&"hidden"==A(t,"visibility"))},Z=function(t,n){var r,i=t,o=Y(t);for(I-=n,$+=n,q-=n,H+=n;o&&(i=i.offsetParent)&&i!=e.body&&i!=a;)(o=(A(i,"opacity")||1)>0)&&"visible"!=A(i,"overflow")&&(r=i.getBoundingClientRect(),o=H>r.left&&q<r.right&&$>r.top-1&&I<r.bottom+1);return o},tt=function(){var t,n,o,s,l,u,c,d,f,p,g,m,y=r.elements;if((j=i.loadMode)&&G<8&&(t=y.length)){for(n=0,K++;n<t;n++)if(y[n]&&!y[n]._lazyRace)if(!Q||r.prematureUnveil&&r.prematureUnveil(y[n]))st(y[n]);else if((d=y[n].getAttribute("data-expand"))&&(u=1*d)||(u=X),p||(p=!i.expand||i.expand<1?a.clientHeight>500&&a.clientWidth>500?500:370:i.expand,r._defEx=p,g=p*i.expFactor,m=i.hFac,D=null,X<g&&G<1&&K>2&&j>2&&!e.hidden?(X=g,K=0):X=j>1&&K>1&&G<6?p:0),f!==u&&(R=innerWidth+u*m,k=innerHeight+u,c=-1*u,f=u),o=y[n].getBoundingClientRect(),($=o.bottom)>=c&&(I=o.top)<=k&&(H=o.right)>=c*m&&(q=o.left)<=R&&($||H||q||I)&&(i.loadHidden||Y(y[n]))&&(B&&G<3&&!d&&(j<3||K<4)||Z(y[n],u))){if(st(y[n]),l=!0,G>9)break}else!l&&B&&!s&&G<4&&K<4&&j>2&&(F[0]||i.preloadAfterLoad)&&(F[0]||!d&&($||H||q||I||"auto"!=y[n].getAttribute(i.sizesAttr)))&&(s=F[0]||y[n]);s&&!l&&st(s)}},et=function(t){var e,r=0,a=i.throttleDelay,o=i.ricTimeout,s=function(){e=!1,r=n.now(),t()},u=c&&o>49?function(){c(s,{timeout:o}),o!==i.ricTimeout&&(o=i.ricTimeout)}:w((function(){l(s)}),!0);return function(t){var i;(t=!0===t)&&(o=33),e||(e=!0,(i=a-(n.now()-r))<0&&(i=0),t||i<9?u():l(u,i))}}(tt),nt=function(t){var e=t.target;e._lazyCache?delete e._lazyCache:(V(t),y(e,i.loadedClass),h(e,i.loadingClass),v(e,it),b(e,"lazyloaded"))},rt=w(nt),it=function(t){rt({target:t.target})},at=function(t){var e,n=t.getAttribute(i.srcsetAttr);(e=i.customMedia[t.getAttribute("data-media")||t.getAttribute("media")])&&t.setAttribute("media",e),n&&t.setAttribute("srcset",n)},ot=w((function(t,e,n,r,a){var o,s,u,c,f,p;(f=b(t,"lazybeforeunveil",e)).defaultPrevented||(r&&(n?y(t,i.autosizesClass):t.setAttribute("sizes",r)),s=t.getAttribute(i.srcsetAttr),o=t.getAttribute(i.srcAttr),a&&(c=(u=t.parentNode)&&d.test(u.nodeName||"")),p=e.firesLoad||"src"in t&&(s||o||c),f={target:t},y(t,i.loadingClass),p&&(clearTimeout(W),W=l(V,2500),v(t,it,!0)),c&&g.call(u.getElementsByTagName("source"),at),s?t.setAttribute("srcset",s):o&&!c&&(J.test(t.nodeName)?function(t,e){var n=t.getAttribute("data-load-mode")||i.iframeLoadMode;0==n?t.contentWindow.location.replace(e):1==n&&(t.src=e)}(t,o):t.src=o),a&&(s||c)&&z(t,{src:o})),t._lazyRace&&delete t._lazyRace,h(t,i.lazyClass),C((function(){var e=t.complete&&t.naturalWidth>1;p&&!e||(e&&y(t,i.fastLoadedClass),nt(f),t._lazyCache=!0,l((function(){"_lazyCache"in t&&delete t._lazyCache}),9)),"lazy"==t.loading&&G--}),!0)})),st=function(t){if(!t._lazyRace){var e,n=U.test(t.nodeName),r=n&&(t.getAttribute(i.sizesAttr)||t.getAttribute("sizes")),a="auto"==r;(!a&&B||!n||!t.getAttribute("src")&&!t.srcset||t.complete||m(t,i.errorClass)||!m(t,i.lazyClass))&&(e=b(t,"lazyunveilread").detail,a&&L.updateElem(t,!0,t.offsetWidth),t._lazyRace=!0,G++,ot(t,e,a,r,n))}},lt=_((function(){i.loadMode=3,et()})),ut=function(){3==i.loadMode&&(i.loadMode=2),lt()},ct=function(){B||(n.now()-O<999?l(ct,999):(B=!0,i.loadMode=3,et(),s("scroll",ut,!0)))},{_:function(){O=n.now(),r.elements=e.getElementsByClassName(i.lazyClass),F=e.getElementsByClassName(i.lazyClass+" "+i.preloadClass),s("scroll",et,!0),s("resize",et,!0),s("pageshow",(function(t){if(t.persisted){var n=e.querySelectorAll("."+i.loadingClass);n.length&&n.forEach&&u((function(){n.forEach((function(t){t.complete&&st(t)}))}))}})),t.MutationObserver?new MutationObserver(et).observe(a,{childList:!0,subtree:!0,attributes:!0}):(a.addEventListener("DOMNodeInserted",et,!0),a.addEventListener("DOMAttrModified",et,!0),setInterval(et,999)),s("hashchange",et,!0),["focus","mouseover","click","load","transitionend","animationend"].forEach((function(t){e.addEventListener(t,et,!0)})),/d$|^c/.test(e.readyState)?ct():(s("load",ct),e.addEventListener("DOMContentLoaded",et),l(ct,2e4)),r.elements.length?(tt(),C._lsFlush()):et()},checkElems:et,unveil:st,_aLSL:ut}),L=(P=w((function(t,e,n,r){var i,a,o;if(t._lazysizesWidth=r,r+="px",t.setAttribute("sizes",r),d.test(e.nodeName||""))for(a=0,o=(i=e.getElementsByTagName("source")).length;a<o;a++)i[a].setAttribute("sizes",r);n.detail.dataAttr||z(t,n.detail)})),S=function(t,e,n){var r,i=t.parentNode;i&&(n=E(t,i,n),(r=b(t,"lazybeforesizes",{width:n,dataAttr:!!e})).defaultPrevented||(n=r.detail.width)&&n!==t._lazysizesWidth&&P(t,i,r,n))},T=_((function(){var t,e=x.length;if(e)for(t=0;t<e;t++)S(x[t])})),{_:function(){x=e.getElementsByClassName(i.autosizesClass),s("resize",T)},checkElems:T,updateElem:S}),M=function(){!M.i&&e.getElementsByClassName&&(M.i=!0,L._(),N._())};var x,P,S,T;var F,B,W,j,O,R,k,I,q,H,$,D,U,J,Q,X,G,K,V,Y,Z,tt,et,nt,rt,it,at,ot,st,lt,ut,ct;var dt,ft,pt,gt,mt,yt,ht;return l((function(){i.init&&M()})),r={cfg:i,autoSizer:L,loader:N,init:M,uP:z,aC:y,rC:h,hC:m,fire:b,gW:E,rAF:C}}(e,e.document,Date);e.lazySizes=r,t.exports&&(t.exports=r)}("undefined"!=typeof window?window:{})},v1EE:function(t,e,n){var r,i,a;!function(o,s){if(o){s=s.bind(null,o,o.document),t.exports?s(n("s+lh")):(i=[n("s+lh")],void 0===(a="function"==typeof(r=s)?r.apply(e,i):r)||(t.exports=a))}}("undefined"!=typeof window?window:0,(function(t,e,n){"use strict";if(t.addEventListener){var r=/\s+(\d+)(w|h)\s+(\d+)(w|h)/,i=/parent-fit["']*\s*:\s*["']*(contain|cover|width)/,a=/parent-container["']*\s*:\s*["']*(.+?)(?=(\s|$|,|'|"|;))/,o=/^picture$/i,s=n.cfg,l={getParent:function(e,n){var r=e,i=e.parentNode;return n&&"prev"!=n||!i||!o.test(i.nodeName||"")||(i=i.parentNode),"self"!=n&&(r="prev"==n?e.previousElementSibling:n&&(i.closest||t.jQuery)&&(i.closest?i.closest(n):jQuery(i).closest(n)[0])||i),r},getFit:function(t){var e,n,r=getComputedStyle(t,null)||{},o=r.content||r.fontFamily,s={fit:t._lazysizesParentFit||t.getAttribute("data-parent-fit")};return!s.fit&&o&&(e=o.match(i))&&(s.fit=e[1]),s.fit?(!(n=t._lazysizesParentContainer||t.getAttribute("data-parent-container"))&&o&&(e=o.match(a))&&(n=e[1]),s.parent=l.getParent(t,n)):s.fit=r.objectFit,s},getImageRatio:function(e){var n,i,a,l,u,c,d,f=e.parentNode,p=f&&o.test(f.nodeName||"")?f.querySelectorAll("source, img"):[e];for(n=0;n<p.length;n++)if(i=(e=p[n]).getAttribute(s.srcsetAttr)||e.getAttribute("srcset")||e.getAttribute("data-pfsrcset")||e.getAttribute("data-risrcset")||"",a=e._lsMedia||e.getAttribute("media"),a=s.customMedia[e.getAttribute("data-media")||a]||a,i&&(!a||(t.matchMedia&&matchMedia(a)||{}).matches)){(l=parseFloat(e.getAttribute("data-aspectratio")))||((u=i.match(r))?"w"==u[2]?(c=u[1],d=u[3]):(c=u[3],d=u[1]):(c=e.getAttribute("width"),d=e.getAttribute("height")),l=c/d);break}return l},calculateSize:function(t,e){var n,r,i,a=this.getFit(t),o=a.fit,s=a.parent;return"width"==o||("contain"==o||"cover"==o)&&(r=this.getImageRatio(t))?(s?e=s.clientWidth:s=t,i=e,"width"==o?i=e:(n=e/s.clientHeight)&&("cover"==o&&n<r||"contain"==o&&n>r)&&(i=e*(r/n)),i):e}};n.parentFit=l,e.addEventListener("lazybeforesizes",(function(t){if(!t.defaultPrevented&&t.detail.instance==n){var e=t.target;t.detail.width=l.calculateSize(e,t.detail.width)}}))}}))}}); </script> <script type="text/javascript"> lazySizes.init(); </script> <script type="text/javascript"> function toggleNav() { //var element = document.getElementById("sidebar"); document.getElementById("sidebar").classList.toggle("hidden"); document.getElementById("sidebar-open").classList.toggle("hidden"); document.getElementById("sidebar-close").classList.toggle("hidden"); window.scrollTo({ top: 0, behavior: 'smooth' }); } function toggleSearch() { //var element = document.getElementById("sidebar"); document.getElementById("search").classList.toggle("hidden"); document.getElementById("logo").classList.toggle("hidden"); //document.getElementById("nav_items").classList.toggle("hidden"); //document.getElementById("user").classList.toggle("hidden"); document.getElementById("nav_items").classList.toggle("md:block"); document.getElementById("search-open").classList.toggle("hidden"); document.getElementById("search-close").classList.toggle("hidden"); } </script>  <div id='ads_outofpage'> <script> googletag.cmd.push(function() { googletag.display('ads_outofpage'); }); </script> </div>  <script src="//ap.lijit.com/www/sovrn_beacon_standalone/sovrn_standalone_beacon.js?iid=13499048" id="sBeacon"></script> <script type="text/javascript"> </script>  <link rel="manifest" href="/manifest.json"> <script type="module"> // Import the functions you need from the SDKs you need import { initializeApp } from "https://www.gstatic.com/firebasejs/9.10.0/firebase-app.js"; import { getAnalytics } from "https://www.gstatic.com/firebasejs/9.10.0/firebase-analytics.js"; import { getMessaging, getToken } from "https://www.gstatic.com/firebasejs/9.10.0/firebase-messaging.js"; // TODO: Add SDKs for Firebase products that you want to use // https://firebase.google.com/docs/web/setup#available-libraries // Your web app's Firebase configuration // For Firebase JS SDK v7.20.0 and later, measurementId is optional const firebaseConfig = { apiKey: "AIzaSyA9ZMJ4jDHUEmbXHqoskWTno6fm4mSgHf0", authDomain: "klixba-e14fb.firebaseapp.com", databaseURL: "https://klixba-e14fb.firebaseio.com", projectId: "klixba-e14fb", storageBucket: "klixba-e14fb.appspot.com", messagingSenderId: "907491235204", appId: "1:907491235204:web:aecf507560cd0de21079d1", //measurementId: "G-ZTF3J5JBDN" }; // Initialize Firebase const app = initializeApp(firebaseConfig); //const analytics = getAnalytics(app); const messaging = getMessaging(app); // Get registration token. Initially this makes a network call, once retrieved // subsequent calls to getToken will return from cache. getToken(messaging, { vapidKey: 'BDoRRJzTH_McfoM3YlurujbqMnGMk0dn3BTW3ax6AFLSHaLV35cuMV8Oca_CKTFY8sVnHRyZeR4XdkuhHKTAI6Y' }).then((currentToken) => { if (currentToken) { // Send the token to your server and update the UI if necessary // ... //console.log(currentToken); sendTokenToServer(currentToken); } else { // Show permission request UI console.log('No registration token available. Request permission to generate one.'); // ... setTokenSentToServer(false); requestPermission(); } }).catch((err) => { console.log('An error occurred while retrieving token. ', err); setTokenSentToServer(false); // ... }); // Send the registration token your application server, so that it can: // - send messages back to this app // - subscribe/unsubscribe the token from topics function sendTokenToServer(currentToken) { if (!isTokenSentToServer()) { //console.log('Sending token to server...'+currentToken); // TODO(developer): Send the current token to your server. var http = new XMLHttpRequest(); var url = '/iid'; var params = 'currentToken='+currentToken+'&topic=Breaking'; http.open('POST', url, true); //Send the proper header information along with the request http.setRequestHeader('Content-type', 'application/x-www-form-urlencoded'); http.setRequestHeader('X-CSRF-TOKEN', 'ZlzVaAlpK2eJL8dnQB09MtIifjjy9Qnq6MZGAMhL'); http.onreadystatechange = function() {//Call a function when the state changes. if(http.readyState == 4 && http.status == 200) { console.log(http.responseText); } } http.send(params); //gtag('event', 'Web Push Subscribe', { 'event_category' : 'Web Push Subscribe', 'event_label' : currentToken }); setTokenSentToServer(true); } else { //console.log('Token already sent to server so won\'t send it again ' + 'unless it changes'); } } function requestPermission() { console.log('Requesting permission...'); Notification.requestPermission().then((permission) => { if (permission === 'granted') { console.log('Notification permission granted.'); // TODO(developer): Retrieve a registration token for use with FCM. // In many cases once an app has been granted notification permission, // it should update its UI reflecting this. //resetUI(); } else { console.log('Unable to get permission to notify.'); setTokenSentToServer(false); } }); } function deleteToken() { // Delete registration token. messaging.getToken().then((currentToken) => { messaging.deleteToken(currentToken).then(() => { console.log('Token deleted.'); setTokenSentToServer(false); // Once token is deleted update UI. //resetUI(); }).catch((err) => { console.log('Unable to delete token. ', err); }); }).catch((err) => { console.log('Error retrieving registration token. ', err); //showToken('Error retrieving registration token. ', err); }); } </script> <script type="text/javascript"> function isTokenSentToServer() { return window.localStorage.getItem('fcmtokenSentToServer') === '1'; } function setTokenSentToServer(sent) { window.localStorage.setItem('fcmtokenSentToServer', sent ? '1' : '0'); } var hours = 1; // to clear the localStorage fcmtokenSentToServer after 1 hour var now = new Date().getTime(); var tokenSentTime = localStorage.getItem('tokenSentTime'); if (tokenSentTime == null) { localStorage.setItem('tokenSentTime', now) } else { if(now-tokenSentTime > hours*60*60*1000) { //console.log('removing fcmtokenSentToServer'); localStorage.removeItem('fcmtokenSentToServer'); localStorage.setItem('tokenSentTime', now); } } </script>  </body> </html>

CINXE.COM

Finansije - Klix.ba