PageSourceSearch

https://dereta.rs/korpa.aspx

html dereta.rs collected 2026-10-02 12:00:16 UTC 88,882 bytes, 2,323 lines download raw bytes

1
2
3<!DOCTYPE html>
4<html class="loading" lang="sr" data-textdirection="ltr">
5
6<head>
7    
8
9        
10        <meta name="viewport"
11            content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
12
13        <link rel="manifest" href="/manifest.json" />
14        
15        
15<script src="/sw.js"></script>
15
16
17        <link rel="apple-touch-icon" sizes="180x180"
18            href="/templates/B2C/skins/main/images/favicons/apple-touch-icon.png">
19        <link rel="icon" href="/templates/B2C/skins/main/images/favicons/icon.png">
20        <link rel="shortcut icon" href="/templates/B2C/skins/main/images/favicons/favicon.ico"
21            type="image/x-icon">
22        <link rel="icon" type="image/png" sizes="32x32"
23            href="/templates/B2C/skins/main/images/favicons/icon.png">
24        <link rel="icon" type="image/png" sizes="16x16"
25            href="/templates/B2C/skins/main/images/favicons/icon.png">
26        <link rel="icon" type="image/png" sizes="32x32"
27            href="/templates/B2C/skins/main/images/favicons/favicon-32x32.png">
28        <link rel="icon" type="image/png" sizes="16x16"
29            href="/templates/B2C/skins/main/images/favicons/favicon-16x16.png">
30
31        
32        <link rel="stylesheet"
33            href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
34
35        
36        <link rel="stylesheet"
37            href="https://cdn.jsdelivr.net/gh/orestbida/[email protected]/dist/cookieconsent.css"
38            media="print" onload="this.media='all'">
39
40        <link rel="stylesheet"
41            href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css" />
42        
42<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"
43            defer></script>
43
44
45        
45<script
46            src='https://cdn-test.b2bee.rs/new1/library/jquery/jquery-3.5.1.min.js'></script>
46
47
48        <!-- PNotify ? -->
49        
49<script
50            src='https://cdn-test.b2bee.rs/new2/template/app/vendors/pnotify/dist/pnotify.js'></script>
50
51        
51<script
52            src='https://cdn-test.b2bee.rs/new2/template/app/vendors/pnotify/dist/pnotify.buttons.js'></script>
52
53        
53<script
54            src='https://cdn-test.b2bee.rs/new2/template/app/vendors/pnotify/dist/pnotify.nonblock.js'></script>
54
55
56        
56<script src="/templates/B2C/skins/main/js/core-scripts-local.js"></script>
56
57
58        
59        
60        
60<script src="https://cdn.jsdelivr.net/gh/orestbida/[email protected]/dist/cookieconsent.js"></script>
60
61        
62        
63        
63<script>
64            var cc = initCookieConsent();
65
66            if (window.gtag === undefined) {
67                window.dataLayer = window.dataLayer || [];
68                function gtag() { dataLayer.push(arguments); }
69                gtag('js', new Date());
70            }
71
72            gtag('consent', 'default', {
73                'analytics_storage': 'denied',
74                'wait_for_update': 2000
75            });
76
77            // Check if user already has consent saved
78            var cookieStr = document.cookie;
79            var ccCookieMatch = cookieStr.match(/cc_cookie=([^;]+)/);
80            
81            if (ccCookieMatch) {
82                try {
83                    var ccCookie = JSON.parse(decodeURIComponent(ccCookieMatch[1]));
84                    if (ccCookie.categories && ccCookie.categories.includes('analytics')) {
85                        gtag('consent', 'update', {
86                            'analytics_storage': 'granted',
87                        });
88                    }
89                } catch (e) {
90                    console.log('cookie match failed', e);
91                }
92            }
93        </script>
93
94
95        
96        
97    
98<link href="templates/B2C/skins/main/cashed-skin.css?58db124617bb4fd89d5818645f1420a9" type="text/css" rel="stylesheet" /><link rel="canonical" href="https://dereta.rs/korpa.aspx" />
98<script>var MasterJson = {
99  "ECommerceAPIProductsGetUrl": "https://RSDERETA-API-kzczjbhb7d44s-test.azurewebsites.net/Products/Get",
100  "ECommerceAPIProductsGetForLocalItemsUrl": "https://RSDERETA-API-kzczjbhb7d44s-test.azurewebsites.net/Products/GetItemsForLocalDB",
101  "ECommerceAPIGetSearchResultsUrl": "https://RSDERETA-API-kzczjbhb7d44s-test.azurewebsites.net/Products/GetSearchResults",
102  "ECommerceAPIGetClientSalesPriceGroupUidUrl": "https://RSDERETA-API-kzczjbhb7d44s-test.azurewebsites.net/Products/GetClientSalesPriceGroupUid",
103  "SalesPriceGroupUid": "CEE91746-1A95-47DC-89C0-D15D35336607",
104  "showCategory": "true",
105  "BasketTerms": "/v/d02256bf-0f5d-487f-901f-594bab1d8345/Kupovina-i-dostava.aspx"
106} </script>
106<meta name="facebook-domain-verification" content="iku9ypiczxxuyp0w986sxln3fro2ah" />
107    <meta name="google-site-verification" content="-4hWH1d1lfNEYUGMaUDlFR_F-hlpiLTfoZOo4WNOa8s" />
108    <!-- Meta Pixel Code -->
109    
109<script>
vendor: 444 bytes, lines 109-118
109
110    !function(f,b,e,v,n,t,s)
111    {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
112    n.callMethod.apply(n,arguments):n.queue.push(arguments)};
113    if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
114    n.queue=[];t=b.createElement(e);t.async=!0;
115    t.src=v;s=b.getElementsByTagName(e)[0];
116    s.parentNode.insertBefore(t,s)}(window, document,'script',
117    'https://connect.facebook.net/en_US/fbevents.js');
118    fbq('init', '
1181010075483418507
vendor: 40 bytes, lines 118-120
118');
119    fbq('track', 'PageView');
120    
120</script>
120
121    <noscript><img height="1" width="1" style="display:none"
122    src="https://www.facebook.com/tr?id=1010075483418507&ev=PageView&noscript=1"
123    /></noscript>
124    <!-- End Meta Pixel Code -->
vendor: 73 bytes, lines 124-127
124
125
126
127    <script async src="https://www.googletagmanager.com/gtag/js?id=
127UA-44924383-1
vendor: 17 bytes, lines 127-128
127"></script>
128    
128<!-- Google Tag Manager -->
129<script>
vendor: 331 bytes, lines 129-133
129(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
130new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
131j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
132'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
133})(window,document,'script','dataLayer','
133GTM-NVLQW2W
vendor: 3 bytes, line 133
133');
133</script>
133
134<!-- End Google Tag Manager -->
134<script>var CheckoutItems = {"event":"begin_checkout","ecommerce":{"currency":null,"value":0.0,"items":[]}}</script>
134<title>
135	Dereta - Knjižara i izdavačka kuća - Beograd
136</title><style type="text/css">
137	.ctl00_ctl00_ContentPlaceHolder1_HelpZone_0 { border-color:Black;border-width:1px;border-style:Solid; }
138	.ctl00_ctl00_ContentPlaceHolder1_FooterZone21_0 { border-color:Black;border-width:1px;border-style:Solid; }
139	.ctl00_ctl00_ContentPlaceHolder1_FooterZone22_0 { border-color:Black;border-width:1px;border-style:Solid; }
140	.ctl00_ctl00_ContentPlaceHolder1_CustomLoaderZone_0 { border-color:Black;border-width:1px;border-style:Solid; }
141	.ctl00_ctl00_ContentPlaceHolder1_HeaderZone_0 { border-color:Black;border-width:1px;border-style:Solid; }
142	.ctl00_ctl00_ContentPlaceHolder1_SearchZone_0 { border-color:Black;border-width:1px;border-style:Solid; }
143	.ctl00_ctl00_ContentPlaceHolder1_LoginZone_0 { border-color:Black;border-width:1px;border-style:Solid; }
144	.ctl00_ctl00_ContentPlaceHolder1_HorizontalMenuZone_0 { border-color:Black;border-width:1px;border-style:Solid; }
145	.ctl00_ctl00_ContentPlaceHolder1_MenuZone_0 { border-color:Black;border-width:1px;border-style:Solid; }
146	.ctl00_ctl00_ContentPlaceHolder1_LocationsZone_0 { border-color:Black;border-width:1px;border-style:Solid; }
147	.ctl00_ctl00_ContentPlaceHolder1_BasketZone_0 { border-color:Black;border-width:1px;border-style:Solid; }
148	.ctl00_ctl00_ContentPlaceHolder1_WideTopZone_0 { border-color:Black;border-width:1px;border-style:Solid; }
149	.ctl00_ctl00_ContentPlaceHolder1_LeftZone_0 { border-color:Black;border-width:1px;border-style:Solid; }
150	.ctl00_ctl00_ContentPlaceHolder1_RightZone_0 { border-color:Black;border-width:1px;border-style:Solid; }
151	.ctl00_ctl00_ContentPlaceHolder1_LeftZoneV1_0 { border-color:Black;border-width:1px;border-style:Solid; }
152	.ctl00_ctl00_ContentPlaceHolder1_RightZoneV1_0 { border-color:Black;border-width:1px;border-style:Solid; }
153	.ctl00_ctl00_ContentPlaceHolder1_WideBottomZone_0 { border-color:Black;border-width:1px;border-style:Solid; }
154	.ctl00_ctl00_ContentPlaceHolder1_FooterContactZone_0 { border-color:Black;border-width:1px;border-style:Solid; }
155	.ctl00_ctl00_ContentPlaceHolder1_FooterZone_0 { border-color:Black;border-width:1px;border-style:Solid; }
156	.ctl00_ctl00_ContentPlaceHolder1_LegalZone_0 { border-color:Black;border-width:1px;border-style:Solid; }
157	.ctl00_ctl00_ContentPlaceHolder1_SocialZone_0 { border-color:Black;border-width:1px;border-style:Solid; }
158	.ctl00_ctl00_ContentPlaceHolder1_CreditCardsZone_0 { border-color:Black;border-width:1px;border-style:Solid; }
159	.ctl00_ctl00_ContentPlaceHolder1_ModalZone_0 { border-color:Black;border-width:1px;border-style:Solid; }
160
161</style></head>
162
163<!-- for dark mode: .dark-layout  -->
164<body class="vertical-layout vertical-menu-modern content-detached-left-sidebar ecommerce-application navbar-floating footer-static" data-open="click" data-menu="vertical-menu-modern" data-col="content-detached-left-sidebar">
165    
166    <form name="aspnetForm" method="post" action="/korpa.aspx" id="aspnetForm">
167<div>
168<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="vH3pyNxAXwPubw1eg/d9QYN5eR4fnIbguw28RBNl16I/qsjnVGRP7VWYWXO9TDmCYVJsSCtF//6MBsKxu9m8u7LC16yFL1SFu+pogO66/bQ=" />
169</div>
170
171																																											<div>
172
173																																												<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="31E13CCC" />
174																																											</div>
175        <div>
176            
177            
178            
179
180    <div style="display: none;">
181        <div id="HelpZone" class="contentcontainer">
182		<div class="ver-item">
183
184				<div class="module ver" IsTemplateWide="True">
185
186				</div>
187					<div class="module ver" IsTemplateWide="True">
188						
189
190					</div>
191					</div>
192				</div>
193			
194        <div id="FooterZone21" class="contentcontainer">
195					<div class="ver-item">
196
197							<div class="module ver" IsTemplateWide="True">
198								
199<div id="ctl00_ctl00_CMSWebPartManager_Copyright1_Copyright1title_ctl00_Panel1" class="main-content">
200									
201    <div id="ctl00_ctl00_CMSWebPartManager_Copyright1_Copyright1title_ctl00_cr1">
202										
203    
204									</div>
205
206								</div>
207							</div>
208							</div>
209						</div>
210					
211        <div id="FooterZone22" class="contentcontainer">
212							<div class="ver-item">
213
214									<div class="module ver" IsTemplateWide="True">
215										
216<div id="ctl00_ctl00_CMSWebPartManager_Copyright2_Copyright2title_ctl00_Panel1" class="main-content">
217											
218    <div id="ctl00_ctl00_CMSWebPartManager_Copyright2_Copyright2title_ctl00_cr2">
219												
220    
221											</div>
222
223										</div>
224									</div>
225									</div>
226								</div>
227							
228    </div>
229
230    <div id="CustomLoaderZone" class="contentcontainer">
231									<div class="ver-item">
232
233											<div class="module ver" IsTemplateWide="False">
234												<div class="custom-loader">
235    <img src="/templates/B2C/skins/main/images/Ripple-1s-200px.svg" alt="custom loader" style="aspect-ratio: 1 / 1;">
236</div>
237
238<style>
239    .custom-loader {
240        position: fixed;
241        width: 100%;
242        height: 100%;
243        z-index: 99999;
244        background-color: #fff;
245        display: flex;
246        align-items: center;
247        justify-content: center;
248    }
249    .custom-loader img {
250        max-width: 200px;
251    }
252</style>
253											</div>
254											</div>
255										</div>
256									
257
258    <!-- TM -->
259
260    <div class="fixed-header-compensation"></div>
261    <div class="body-overlay"></div>
262
263    <header>
264        <div class="buttons-search">
265            <div class="container">
266                <button type="button" class="btn header-btn itemmenu" id="main-menu-open"
267                    aria-label="Main menu open">
268                    <i class="bi bi-list"></i>
269                </button>
270
271                <div class="itemmenu">
272                    <div id="HeaderZone" class="contentcontainer">
273											<div class="ver-item">
274
275													<div class="module ver" IsTemplateWide="True">
276														<div id="ctl00_ctl00_CMSWebPartManager_Logo_LogoTitle_ctl00_pnlBanner" class="logo-zone">
277															
278    <a id="ctl00_ctl00_CMSWebPartManager_Logo_LogoTitle_ctl00_lnkBanner" title="B2C" href="/"><img title="B2C" src="Uploads/B2C/logo.png" alt="B2C" style="border-width:0px;" /></a>
279
280														</div>
281
282													</div>
283													</div>
284												</div>
285											
286                </div>
287
288                <div class="search-menu itemmenu">
289                    <div class="container">
290                        <div id="SearchZone" class="contentcontainer">
291													<div class="ver-item">
292
293															<div class="module ver" IsTemplateWide="True">
294																<div class="search-inner">
295    <input placeholder='Unesite pojam za pretragu' type="search" name="search" id="txtSearch" autocomplete="off">
296    <span class="new-search-loader" style="display: none;">
297        <img src="/templates/B2C/skins/main/images/Rolling-1s-200px.svg" alt="loader" />
298    </span>
299    <i class="bi bi-search"></i>
300    
301</div>
302 
303<div id="autocompleteNew" style="display: none;">
304    <span id="close-btn">
305        <span class="bi bi-x" aria-hidden="true"></span>
306    </span>
307    <div id="products-container">
308        <div class="title">Proizvodi</div>
309        <div class="data"></div>
310        <div class="pager"></div>
311        
312    </div>
313    <div id="categories-container">
314        <div class="title">Kategorije</div>
315        <div class="data"></div>
316    </div>
317    <div class="big-search-loader" style="display: none;">
318        <img src="/templates/B2C/skins/main/images/Ripple-1s-200px.svg" alt="loader" />
319    </div>
320</div>
321
322<style>
323    #txtSearch, #txtSearch::placeholder {
324        color: var(--bs-gray-600);
325    }
326</style>
327
328<script>
329    const numberOfResults = 6;
330    const textArea = document.getElementById("txtSearch");
331    let searchRequest = null;
332
333    function getResults(query, page) {
334        // console.log('getResults called');
335        if (query.length > 2) {
336            $('.new-search-loader').fadeIn(150);
337            $('.big-search-loader').fadeIn(150);
338            query = encodeURL(query);
339            // console.log('start search for:', query);
340    
341            searchRequest = $.ajax(MasterJson.ECommerceAPIGetSearchResultsUrl + `?query=${query}&page=${page}&take=${numberOfResults}&UseIdentity=true&SalesPriceGroupUid=${MasterJson.SalesPriceGroupUid}`)
342                .done(function (data) {
343                    // console.log(data);
344                    
345                    if (data) {
346                        // Products:
347                        if (data.Products && data.Products.length) {
348                            const productsHtml = data.Products.map(item => {
349                                let fpf = item.FullPrice?.toLocaleString('sr-RS', {
350                                    style: 'currency',
351                                    currency: MasterJson.SearchCurrencyISO ? MasterJson.SearchCurrencyISO : 'RSD',
352                                    maximumFractionDigits: 0,
353                                });
354                                let spf = item.SalesPrice?.toLocaleString('sr-RS', {
355                                    style: 'currency',
356                                    currency: MasterJson.SearchCurrencyISO ? MasterJson.SearchCurrencyISO : 'RSD',
357                                    maximumFractionDigits: 0,
358                                });
359                                return `
360                                    <a class="product" href="${item.LinkUrl}">
361                                        <img src="${item.ImagePath || '/Assets/no_image.png'}" alt="${item.Name}" title="${item.Name}" onerror="this.onerror=null;this.src='/Assets/no_image.png';" />
362                                        <span class="name">${item.Name}</span>
363                                        <div class="prices">
364                                            ${item.FullPrice > item.SalesPrice ? '<span class="full">' + fpf + '</span>' : ''}
365                                            <span class="sales">${spf || ''}</span>
366                                        </div>
367                                    </a>
368                                `;
369                            }).join('');
370                            document.querySelector('#autocompleteNew #products-container .data').innerHTML = productsHtml;
371                            document.querySelector('#autocompleteNew #products-container .data').setAttribute('data-query', query);
372
373                            $('#autocompleteNew #products-container .pager').show();
374                            $('#autocompleteNew #products-container').show();
375                            $('#autocompleteNew #categories-container').css('grid-column', 'span 1');
376                            $('#autocompleteNew #categories-container .data').css('grid-template-columns', 'auto');
377                        } else {
378                            // document.querySelector('#autocompleteNew #products-container .data').innerHTML = '<div class="no-products">Za traženi termin nije pronađen nijedan proizvod</div>';
379                            $('#autocompleteNew #products-container').hide();
380                            $('#autocompleteNew #categories-container').css('grid-column', 'span 2');
381                            // $('#autocompleteNew #categories-container .data').css('grid-template-columns', '1fr 1fr 1fr');
382                            $('#autocompleteNew #categories-container .data').css('grid-template-columns', 'repeat(auto-fill, 300px)');
383                        }
384
385                        // Categories:
386                        if (data.Groups && data.Groups.length) {
387                            const groupsHtml = data.Groups.map(item => {
388                                return `
389                                    <a href="/g/${item.Url.replaceAll('_', ' ')}" class="category">${item.Name.replaceAll('->', ' <span class="bi bi-chevron-right" aria-hidden="true"></span> ').replace(new RegExp(query, 'gi'), match => `<mark>${match}</mark>`)}</a>
390                                `;
391                            }).join('');
392                            document.querySelector('#autocompleteNew #categories-container .data').innerHTML = groupsHtml;
393                            $('#autocompleteNew #categories-container').show();
394                            // $('#autocompleteNew #products-container').css({
395                            //     'border-right': '1px solid #ededed',
396                            //     'grid-column': 'span 1'
397                            // });
398                        } else {
399                            // document.querySelector('#autocompleteNew #categories-container .data').innerHTML = '<div class="no-products">Za traženi termin nije pronađena nijedna kategorija</div>';
400                            $('#autocompleteNew #categories-container .data').html('').
400closest('#categories-container').hide();
401                            // $('#autocompleteNew #products-container').css({
402                            //     'border-right': 'none',
403                            //     'border-bottom': 'none',
404                            //     'grid-column': 'span 2'
405                            // });
406                        }
407
408                        // No results in either sections:
409                        if (!data.Products?.length && !data.Groups?.length) {
410                            // $('#autocompleteNew #products-container .data').html('<div class="no-products">No results found for this search term</div>');
411                            $('#autocompleteNew #products-container').css('grid-column', 'span 2');
412                            $('#autocompleteNew #products-container .data').html('<div class="no-products">Za tra&#382;eni termin nisu prona&#273;eni rezultati</div>');
413                            $('#autocompleteNew #products-container .pager').hide();
414                            $('#autocompleteNew #products-container').show();
415                        } else {
416                            $('#autocompleteNew #products-container').css('grid-column', 'span 1');
417                        }
418
419                        // Pager:
420                        if (data.NbPages && data.NbPages > 1) {
421                            const pages = [];
422                            for (let i = 0; i < data.NbPages; i++) {
423                                pages.push(i);                            
424                            }
425
426                            if (pages.length > 7) {
427                                let startIndex = page - 4;
428                                let newPages = pages;
429
430                                // Pager's left side (start index):
431                                if (startIndex > 0) {
432                                    if (page > pages.length - 3) {
433                                        newPages = pages.slice(pages.length - 7, pages.length);
434                                    } else {
435                                        newPages = pages.slice(startIndex, startIndex + 7);
436                                    }
437                                } else {
438                                    newPages = pages.slice(0, 7);
439                                }
440
441                                // Next pager skip button:
442                                let nextPager = '';
443                                if (page < pages.length - 3) {
444                                    nextPager = `
445                                        <span class="page" title="Slede&cacute;ih 5" data-page="${page + 5 > pages.length ? pages.length : page + 5}">
446                                            <span class="bi bi-chevron-double-right" aria-hidden="true"></span>
447                                        </span>
448                                    `;
449                                }
450                                // Prev pager skip button
451                                let prevPager = '';
452                                if (page > 4) {
453                                    prevPager = `
454                                        <span class="page" title="Prethodnih 5" data-page="${page - 5 < 1 ? 1 : page - 5}">
455                                            <span class="bi bi-chevron-double-left" aria-hidden="true"></span>
456                                        </span>
457                                    `;
458                                }
459                                // Final pager's HTML to be rendered:
460                                const advPagerHtml = `
461                                    ${prevPager}
462                                    ${
463                                        newPages.map(item => {
464                                            return `
465                                            <span class="page ${page == item + 1 ? 'current' : ''}" data-page="${item + 1}">${item + 1}</span>
466                                            `;
467                                        }).join('')
468                                    }
469                                    ${nextPager}
470                                `;
471                                document.querySelector('#autocompleteNew #products-container .pager').innerHTML = advPagerHtml;
472                            } else {
473                                const pagerHtml = pages.map(item => {
474                                    return `
475                                        <span class="page ${page == item + 1 ? 'current' : ''}" data-page="${item + 1}">${item + 1}</span>
476                                    `;
477                                }).join('');
478                                document.querySelector('#autocompleteNew #products-container .pager').innerHTML = pagerHtml;
479                            }
480                        } else {
481                            document.querySelector('#autocompleteNew #products-container .pager').innerHTML = '';
482                        }
483
484                        // SHOW THE AUTOCOMPLETE DROPDOWN (END)
485                        $('#autocompleteNew').show();
486                    }
487                })
488                .fail(function (err) {
489                    console.log(err);
490                    console.log(err.responseJSON.Message);
491                })
492                .always(function () {
493                    // console.log('always triggered');
494                    $('.new-search-loader').fadeOut(150);
495                    $('.big-search-loader').fadeOut(150);
496                });
497        }
498    }
499
500    function clearAutocomplete() {
501        $('#autocompleteNew').hide();
502        $(textArea).val('');
503        document.querySelector('#autocompleteNew #products-container .pager').innerHTML = '';
504        document.querySelector('#autocompleteNew .data').innerHTML = '';
505        if (searchRequest) { searchRequest.abort(); }
506    }
507
508    function addSearchDelay(textArea, callback, delay) {
509        var timer = null;
510        textArea.onkeyup = function (event) {
511            var textInput = this;
512            if (event.key == 'Escape' || event.keyCode == 27) {
513                clearAutocomplete();
514                $(this).val('');
515                $('#bt_header').removeClass('search-opened');
516            } else if (this.value.length > 2 && !event.ctrlKey && !event.altKey) {
517                // console.log(event);
518                if (event.key == 'Enter' || event.keyCode == 13) {
519                    event.preventDefault();
520                    const searchQuery = textInput.value.trim();
521                    goToSearchResults(searchQuery);
522                    clearAutocomplete();
523                    $(this).val('');
524                } else {
525                    if (timer) {
526                        window.clearTimeout(timer);
527                    }
528                    timer = window.setTimeout(function () {
529                        timer = null;
530                        callback(textInput.value.trim(), 1);
531                    }, delay);
532                }
533            }
534        };
535        textArea = null;
536    }
537
538    // TEMP DISABLE FORM ENTER!!!
539    // $('form').on('keydown', function(event) {
540    //     if (event.key == 'Enter' || event.keyCode == 13) {
541    //         event.preventDefault();
542    //     }
543    // })
544
545    // DELAYING THE AJAX UNTIL THERE'S A PAUSE IN TYPING (800)?
546    addSearchDelay(textArea, getResults, 800);
547
548    // Klik na ikonu pretrage
549    $('i.bi-search').on('click', function() {
550        const searchQuery = textArea.value.trim().toLowerCase();
551        if (searchQuery.length > 2) {
552            goToSearchResults(searchQuery);
553            clearAutocomplete();
554        }
555    });
556
557    // PASTE event:
558    $('input#txtSearch').on('paste', function() {
559    // $('#autocompleteNew').on('paste', 'input#txtSearch', function() {
560        const query = event.clipboardData.getData('text').toLowerCase();
561        if (query.length > 2) {
562            getResults(query, 1);
563        }
564    });
565
566    // Pager click:
567    $('#autocompleteNew').on('click', '.page', function() {
568        const query = document.querySelector('#autocompleteNew #products-container .data').dataset.query || textArea.value.trim();
569        getResults(query, parseInt(this.dataset.page));
570    });
571
572    $('#autocompleteNew').on('click', '#close-btn', function() {
573        clearAutocomplete();
574        // $('input#txtSearch').focus();
575        $('body').removeClass('show-overlay');
576    });
577
578    function goToSearchResults(query) {
579        const newSearchPageUrl = `/g/f/Search=${encodeURL(query.toLowerCase())}`;
580        // const newSearchPageUrl = `/g/?query=${encodeURL(query)}`;
581
582        window.location.href = newSearchPageUrl;
583    }
584
585
586</script>
586
587															</div>
588															</div>
589														</div>
590													
591                    </div>
592                </div>
593
594                <div class="user-menu-wrapper dropdown itemmenu">
595                    
596                    
597                        <a href="/log-in.aspx" class="btn header-btn person"><i class="bi bi-person"></i></a>
598                    
599                    <div id="LoginZone" class="contentcontainer">
600															<div class="ver-item">
601
602																</div>
603															</div>
604														
605                </div>
606
607                <button type="button" class="btn header-btn itemmenu" id="basket-menu-open"
608                    aria-label="Open shopping cart">
609                    <i class="bi bi-cart2"></i>
610                    <span class="basket-header" data-vs-basket-count>0</span>
611                </button>
612            </div>
613        </div>
614
615        <div class="cont-horizontal">
616            <div id="HorizontalMenuZone" class="contentcontainer">
617																<div class="ver-item">
618
619																		<div class="module ver" IsTemplateWide="True">
620																			<span id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_lblTitle" class="main-title"></span>
621    <div class="lvl1-outer">
622        <div class="lvl1-scroll left">
623            <i class="bi bi-chevron-left"></i>
624        </div>
625        <div class="lvl1-inner">
626            <ul class="group-menu horiz">
627
628                
629                        <li>
630                            <div id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl00_pnlGroupHeader0" class="level1">
631																				
632                                <a id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl00_lnkImage123" title="POČETNA" class="level1-link" href="/">POČETNA</a>
633                            
634																			</div>
635                        </li>
636                    
637                        <li>
638                            <div id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl01_pnlGroupHeader0" class="level1">
639																				
640                                <a id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl01_lnkImage123" title="DERETINA IZDANJA" class="level1-link" href="/g/f/ClientName=Dereta">DERETINA IZDANJA</a>
641                            
642																			</div>
643                        </li>
644                    
645                        <li>
646                            <div id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl02_pnlGroupHeader0" class="level1">
647																				
648                                <a id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl02_lnkImage123" title="ONLINE KNJIŽARA" class="level1-link" href="/knjizara.aspx">ONLINE KNJIŽARA</a>
649                            
650																			</div>
651                        </li>
652                    
653                        <li>
654                            <div id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl03_pnlGroupHeader0" class="level1">
655																				
656                                <a id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl03_lnkImage123" title="NAGRADA MIROSLAV DERETA" class="level1-link" href="/nagrada-miroslav-dereta.aspx">NAGRADA MIROSLAV DERETA</a>
657                            
658																			</div>
659                        </li>
660                    
661                        <li>
662                            <div id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl04_pnlGroupHeader0" class="level1">
663																				
664                                <a id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl04_lnkImage123" title="KONTAKT" class="level1-link" href="/kontakt.aspx">KONTAKT</a>
665                            
666																			</div>
667                        </li>
668                    
669
670            </ul>
671        </div>
672        <div class="lvl1-scroll right">
673            <i class="bi bi-chevron-right"></i>
674        </div>
675    </div>
676
677    <!--  -->
678
679    <style>
680        .group-menu.horiz {
681            display: flex;
682            margin: 0 auto;
683        }
684
685        .group-menu.horiz a {
686            padding: 0.9rem;
687            display: block;
688            white-space: nowrap;
689            color: #000;
690            font-size: 0.9rem;
691        }
692
693        .lvl1-inner {
694            overflow: hidden;
695        }
696
697        /* .parent .dropdown {
698            background-clip: padding-box;
699            background-color: #ffffff;
700            border-bottom: 3px solid #93c667;
701            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
702            -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
703            -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
704            float: left;
705            list-style: outside none none;
706            min-width: 160px;
707            opacity: 0;
708            filter: alpha(opacity=0);
709            padding: 0;
710            position: absolute;
711            text-align: left;
712            top: 97%;
713            visibility: hidden;
714            z-index: 999999;
715            transform-origin: 0 0 0;
716            -webkit-transform-origin: 0 0 0;
717            -moz-transform-origin: 0 0 0;
718            transform: scale(1,0.7);
719            -webkit-transform: scale(1,0.7);
720            -moz-transform: scale(1,0.7);
721            transition: transform 0.5s ease 0s;
722            -webkit-transition: -webkit-transform 0.5s ease 0s;
723            -moz-transition: -moz-transform 0.5s ease 0s;
724
725            }
726            .parent:hover .dropdown {
727            opacity: 1;
728            filter: alpha(opacity=100);
729            visibility: visible;
730            transform: scale(1,1);
731            -webkit-transform: scale(1,1);
732            -moz-transform: scale(1,1);
733            }
734            .parent .dropdown ul {
735            display: flex;
736            flex-direction: column !important;
737            padding: 10px !important;
738            }
739            .parent .dropdown ul li{
740            border-top: 1px solid #ededed;
741            width: 100%;
742            text-align: center;
743            }
744            .parent .dropdown ul li:first-child{
745            border-top: none;
746            padding-top: 0;
747            }
748            .parent .dropdown ul li a:hover{
749            color: var(--primary)
750            } */
751    </style>
752																		</div>
753																		</div>
754																	</div>
755																
756        </div>
757    </header>
758
759    <nav class="main-menu side-menu left">
760        <div class="container">
761            <button type="button" class="btn header-btn close-menu" aria-label="Close menu">
762                <i class="bi bi-x"></i>
763            </button>
764            <div id="MenuZone" class="contentcontainer">
765																		<div class="ver-item">
766
767																				<div class="module ver" IsTemplateWide="True">
768																					<span id="ctl00_ctl00_CMSWebPartManager_FilterLeft1_FilterLefttitle1_ctl00_lblTitle" class="main-title"></span>
769
770<ul id="group-menu" class="group-menu"></ul>
771
772<style>
773    .group-menu a {
774        cursor: pointer;
775        padding: 0.75rem;
776        padding-left: 1rem;
777    }
778    .group-menu .level2-panel a {
779        padding-left: 1.25rem;
780    }
781    .group-menu .level3-panel a {
782        padding-left: 1.5rem;
783        background-color: rgba(0, 0, 0, 0.025);
784    }
785    .level1, .level2-panel {
786        position: relative;
787    }
788    .level1.has-sub > a::after,
789    .level2-panel.has-sub > a::after {
790        font-family: bootstrap-icons;
791        content: '\f282';
792        position: absolute;
793        top: 0.75rem;
794        right: 1rem;
795        transition: transform 0.2s ease-in-out;
796    }
797
798    .level2-panel.has-sub > a::after {
799        font-size: 0.7rem;
800    }
801
802    .level1.has-sub.open > a::after,
803    .level2-panel.has-sub.open > a::after {
804        transform: rotate(180deg);
805    }
806
807    .level2, .level3 {
808        display: none;
809    }
810    .level2-panel .level2-link {
811        font-weight: 400;
812    }
813
814    .level3 .level3-link {
815        font-size: 0.85rem;
816        font-weight: 300;
817        padding-left: 2rem;
818    }
819
820    nav.main-menu a.see-all-link {
821        font-size: 0.9rem;
822        padding-left: 1.5rem;
823    }
824
825    .level2 .level2-link {
826        font-size: 0.9rem;
827        padding-left: 1.5rem;
828        font-weight: 400;
829        position: relative;
830    }
831
832    .group-menu .error {
833        padding: 1.5rem;
834        color: var(--bs-warning);
835    }
836</style>
837
838																				</div>
839																				</div>
840																			</div>
841																		
842        </div>
843    </nav>
844
845    <div class="location-menu side-menu right">
846        <div class="top">
847            <div class="header">
848                <span class="title">Prodavnice</span>
849            </div>
850            <button type="button" class="btn header-btn close-menu" aria-label="Close menu">
851                <i class="bi bi-x"></i>
852            </button>
853        </div>
854        <div class="middle">
855            <div id="LocationsZone" class="contentcontainer">
856																				<div class="ver-item">
857
858																						<div class="module ver" IsTemplateWide="True">
859																							
860
861<div class="container">
862    <div id="ctl00_ctl00_CMSWebPartManager_Locations_Locationsmenu_ctl00_pnlGadetMode">
863																								
864        <div id="ctl00_ctl00_CMSWebPartManager_Locations_Locationsmenu_ctl00_pnlPresentation" class="location-gadet">
865																									
866            
867            
868        
869																								</div>
870    
871																							</div>
872</div>
873																						</div>
874																						</div>
875																					</div>
876																				
877        </div>
878    </div>
879
880    <div class="basket-menu side-menu right">
881        <div class="top">
882            <div class="header">
883                <span class="title">Korpa</span>
884                <span class="products-count"><span data-vs-basket-count>0</span> proizvod(a)</span>
885            </div>
886            <button type="button" class="btn header-btn close-menu" aria-label="Close menu">
887                <i class="bi bi-x"></i>
888            </button>
889        </div>
890        <div class="middle">
891            <div id="BasketZone" class="contentcontainer">
892																						<div class="ver-item">
893
894																								<div class="module ver" IsTemplateWide="True">
895																									<div class="basket-gadet">
896  <div id="custom-basket-loader" style="display: flex">
897    <img src="/templates/B2C/skins/main/images/Ripple-1s-200px.svg" alt="" style="aspect-ratio: 1 / 1;" />
898  </div>
899
900  <div id="basket-module-container"></div>
901</div>
902
903<style>
904  #custom-basket-loader {
905    height: calc(100vh - var(--header-height));
906    padding-bottom: 10rem;
907    justify-content: center;
908    align-items: center;
909
910    position: absolute;
911    width: 100%;
912    background-color: rgba(255, 255, 255, 0.8);
913  }
914  #custom-basket-loader img {
915    max-width: 10rem;
916  }
917
918  .basket-free-shipping {
919    padding: 0.75rem;
920    font-size: 0.9rem;
921  }
922  .basket-free-shipping > progress {
923    display: block;
924    width: 100%;
925    margin-top: 0.5rem;
926  }
927
928  #basket-module-container .basket-items {
929    display: grid;
930    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
931    padding: 0.75rem;
932    gap: 0.5rem;
933  }
934  #basket-module-container .basket-item {
935    border: 1px solid #d9d9d9;
936    border-radius: 3px;
937    background-color: #fff;
938    overflow: hidden;
939  }
940  .basket-item .name {
941    margin: 0.5rem;
942    overflow: hidden;
943    height: 51px;
944    line-height: 17px;
945  }
946  .basket-item .item-price-total {
947    margin: 0.5rem;
948    display: block;
949    text-align: end;
950    font-size: 0.9rem;
951  }
952  .basket-item .btn.delete-from-basket {
953    border-top: 1px solid #d9d9d9;
954    width: 100%;
955    padding: 0.5rem;
956    overflow: hidden;
957    font-size: 0.9rem;
958    margin-top: 0.25rem;
959  }
960  .basket-total {
961    padding: 0.75rem;
962    width: 100%;
963    display: flex;
964    flex-wrap: wrap;
965    font-weight: 500;
966    gap: 1rem;
967    justify-content: space-between;
968  }
969  .basket-separator {
970    margin: 0.75rem;
971    width: calc(100% - 1.5rem);
972    height: 1px;
973    background-color: #d9d9d9;
974  }
975  .basket-gadet .buttons {
976    justify-content: space-between;
977    padding: 0.75rem;
978    gap: 0.5rem;
979    flex-wrap: wrap;
980  }
981  .basket-gadet .buttons .close-menu,
982  .basket-gadet .buttons .proceed {
983    /* margin-left: 0; */
984    margin: auto;
985  }
986  .basket-gadet .text-danger {
987    padding: 1rem;
988    border: 1px solid;
989    margin: 1rem;
990    text-align: center;
991  }
992</style>
993
994																								</div>
995																								</div>
996																							</div>
997																						
998        </div>
999    </div>
1000
1001    <div class="user-menu side-menu right">
1002        <button type="button" class="btn header-btn close-menu" aria-label="Close menu">
1003            <i class="bi bi-x"></i>
1004        </button>
1005        <div>
1006            <p>
1006user module goes here</p>
1007        </div>
1008    </div>
1009
1010    <section class="wide-top">
1011        <div id="WideTopZone" class="contentcontainer">
1012																								<div class="ver-item">
1013
1014																										<div class="module ver" IsTemplateWide="False">
1015																											<div class="container px-50" style="min-height: calc(100vh - (var(--header-height) * 2) - 525px);">
1016    <div id="basketContainer" class="kendo-basket mb-2" new-basket></div>
1017    <div id="emptyBasketMsg" style="display: none;">U korpi trenutno ne postoji nijedan proizvod.</div>
1018</div>
1019
1020<script type="text/html" id="basketTemplate">
1021    <div class="order-wrapper">
1022        <p class="basket-header">Detalji porud&zcaron;benice</p>
1023
1024        <div class="order-inner">
1025            <div id="gridD" class="order-products">
1026                #= kendo.render(kendo.template($("\\#basketItems").html()), BasketItems) #
1027            </div>
1028            <div class="pre-pre-total">
1029                <div class="pre-total">
1030                    <div class="total-label" language-data-translate-key="basket-tax-out">Me&dstrok;uzbir:</div>
1031                    <div id="basket-total" class="no-wrap" data-baskettotal="#:BasketTotal#">#: kendo.toString(BasketTotalNoVat, "n2") # #: CurrencyIso #</div>
1032                </div>
1033            </div>
1034            <div class="basket-order-loader" style="display: none;">
1035                <img src="/templates/B2C/skins/main/images/Ripple-1s-200px.svg" alt="loader" />
1036            </div>
1037        </div>
1038    </div>
1039
1040    <div id="user_data" class="user-wrapper">
1041
1042        <p class="basket-header">Va&scaron;i podaci</p>
1043
1044        <div class="radio-container">
1045            <div class="radio" id="radioFiz">
1046                <label>
1047                    <input id="fizickoLice" type="radio" name="pravfiz" #:BasketViewModel.fizChecked ? 'checked' : ''#>
1048                    <span>FIZI&Ccaron;KA LICA</span>
1049                </label>
1050            </div>
1051            <div class="radio" id="radioPrav">
1052                <label>
1053                    <input id="pravnoLice" type="radio" name="pravfiz" #:BasketViewModel.pravChecked ? 'checked' : ''#>
1054                    <span>PRAVNA LICA</span>
1055                </label>
1056            </div>
1057        </div>
1058
1059        #= kendo.render(kendo.template($("\\#AddressTemplate").html()), ShippingAddress) #
1060
1061        <div class="note-field">
1062            <label for="txtNote" class="label_wrap" language-data-translate-key="premium-basket-fullname">Napomena</label>
1063            <textarea id="txtNote" data-field="Note" value="test" rows="3" cols="20" class="simple-field" placeholder="Napomena" type="text" style="height: 100px; width:100%; margin-bottom: 2rem;" spellcheck="false" onblur="UpdateShippingAddress(this)">#: Note != null ? Note : '' #</textarea>
1064        </div>
1065
1066    </div>
1067    <div class="shipping-payment-wrapper">
1068        <div class="shipping-payment-inner">
1069            <div class="promocode-container">
1070                <div class="promocode-flex">
1071                    <input type="text" class="promocode-txt simple-field" id="txtPromoCode" value="#: PromoCode != null ? PromoCode : '' #" placeholder="Promo kod">
1072                    <span type="submit" class="promocode-btn" style="cursor: pointer;" onclick="AddPromoCode();">DODAJ KUPON</span>
1073                </div>
1074                <translatepanel language-data-translate-key="premium-basket-price-vat" class="promocode-note">NAPOMENA: Promo kodovi se ne odnose na artikle koji su ve&cacute; sni&zcaron;eni, popusti se ne sabiraju.</translatepanel>
1075            </div>
1076            <div class="shipping-container">
1077                <p class="shipping title basket-header">Na&ccaron;in slanja</p>
1078                #= kendo.render(kendo.template($("\\#ShippingTermsTemplate").html()), ShippingTerms) #
1079            </div>
1080            <div>
1081                <p class="payment title basket-header">Na&ccaron;in pla&cacute;anja</p>
1082                #= kendo.render(kendo.template($("\\#PaymentTermsTemplate").html()), PaymentTerms) #
1083            </div>
1084            <div class="free-shipping-reminder" data-freeshipping="#:FreeShipping#" style="display: none;"></div>
1085            <div class="final-summary">
1086                <div class="shipping-cost">
1087                    <div class="total-label" language-data-translate-key="basket-tax-out">Po&scaron;tarina:</div>
1088                    <div class="shipping-price no-wrap" data-shipping="#:ShippingPrice#">
1089                            
1090                        # if (ShippingPrice == 0) { #
1091                            <span>Besplatna</span>
1092                        # } else { #
1093                            <span>#: kendo.toString(ShippingPrice, "n2") # #: CurrencyIso #</span>   
1094                                                     
1095                        # } #
1096                    </div>
1097                </div>
1098                <div class="total-cost">
1099                    <div class="total-label" language-data-translate-key="basket-tax-out">Ukupno sa PDV-om:</div>
1100                    <div class="no-wrap total-sum" data-total='#: BasketTotalNoVat + ShippingPrice #'>#: kendo.toString((BasketTotalNoVat + ShippingPrice), "n2") # #: CurrencyIso #</div>
1101                </div>
1102            </div>
1103            <div id="ctl00_ctl00_CMSWebPartManager_Purchase_PurchaseTitle_ctl00_pnlButtonsConfirm" class="buttons-1">
1104                <h3>
1105                    <translatepanel language-data-translate-key="premium-basket-vat-price">Sve cene su iskazane sa ura&ccaron;unatim PDV-om - nema dodatnih tro&scaron;kova.</translatepanel>
1106                    <br>
1107                    <div id="terms_cont">               
1108                        <input type="checkbox" id="terms_agree" name="terms" value="terms">
1109                        <translatepanel language-data-translate-key="premium-basket-button">Prihvatam </translatepanel> <u><a target="_blank" href="#: MasterJson.BasketTerms #">uslove kupovine</a></u>
1110                    </div>
1111
1112                    <div id="ButtonCheck" onclick="ValidateOrder(this)" data-vs-empty-session-storage>
1113                        <translatepanel language-data-translate-key="premium-basket-order" qa-btn-buy="" >NARU&Ccaron;I</translatepanel>
1114                    </div>
1115                </h3>
1116            </div>
1117        </div>
1118    </div>
1119</script>
1119
1120
1121<!-- Template za prikazivanje nacina placanja -->
1122<script type="text/html" id="PaymentTermsTemplate">
1123    <div class="payment-wrapper">
1124        <input type="radio" name="rbPaymentMethod" value="#: Uid #" id="#:Uid#" #: Selected == true ? 'checked="true"' : '' # onclick="ChangePaymentMethod(this)">
1125        <label for="#: Uid #">
1126            <div class="terms name"><strong>#: Name #</strong></div>
1127        </label>
1128        <div class="terms description">#= Description == null ? '' : Description #</div>
1129    </div>
1130</script>
1130
1131
1132<!-- Template za prikazivanje nacina slanja -->
1133<script type="text/html" id="ShippingTermsTemplate">
1134    <div class="shipping-wrapper">
1135        <input type="radio" name="rbShippingMethod" value="#: Uid #" id="#:Uid#" #: Selected == true ? 'checked="true"' : '' # onclick="ChangeShippingMethod(this)">
1136        <label for="#: Uid #">
1137            <div class="terms name"><strong>#: Name #</strong></div>
1138        </label>
1139        <div class="terms description">#= Description == null ? '' : Description #</div>
1140    </div>
1141</script>
1141
1142
1143<!-- Template za tabelu sa proizvodima koji su dodati u korpu -->
1144<script type="text/html" id="basketItems">
1145    <div class="single-product" data-uid="#:SalesItemUid#">
1146        <div class="product-name-with-img">
1147            <img
1148                style="width: 75px; height: 100px;"
1149                alt="#:Name#"
1150                loading="lazy"
1151                onerror="this.onerror=null;this.src='/Assets/no_image.png';"
1152                # if (ImageUrl != null) { #
1153                    src='#: ImageUrl #'
1154                # } else { #
1155                    src='/Assets/no_image.png'
1156                # } #
1157            />
1158            <p>#: Name #</p>
1159        </div>
1160        <div class="product-qty-price-del">
1161            <div style="font-weight: 600; white-space: nowrap;">#: SalesType == 1 ? kendo.toString(ItemPriceTotal * (1 + Vat /100), "n2") : kendo.toString(ItemPriceTotal, "n2") #</div>
1162            # if (SalesType == 1) { #
1163                <input
1164                    type="number"
1165                    name="quantity"
1166                    min="#: typeof MinimalOrder !== 'undefined' ? MinimalOrder : '' #" 
1167                    step="#:TransportPackage * CommercialPackage#"
1168                    class="simple-field #:SalesType#"
1169                    style="width: 54px;height: 39px;"
1170                    data-sales-item-uid="#:SalesItemUid#"
1171                    value=#:Qty#
1172                    onchange="BasketViewModel.changeQty(this, '#:SalesItemUid#', this.value, '#:Qty#')"
1173                />
1174                <div class="remove-from-basket" style="text-align: right;">
1175                    <a class="btn ga-removefrombasket" data-remove-from-basket data-sales-item-uid="#: SalesItemUid #" data-vs-empty-session-storage onclick="analyticsRemoveFromBasket('#:SalesItemUid#', '#:Name#', '#:Qty#', '#:ItemPriceTotal#')">
1176                        <i class="bi bi-trash" aria-hidden="true"></i>
1177                    </a>
1178                </div>
1179            # } else if (SalesType == 3) { #
1180                <div class="remove-from-basket" style="text-align: right;">
1181                    <a class="btn ga-removefrombasket" onClick="RemovePromoCode()" data-vs-empty-session-storage data-remove-from-basket data-sales-item-uid="#: SalesItemUid #">
1182                        <i class="bi bi-trash" aria-hidden="true"></i>
1183                    </a>
1184                </div>            
1185            # } #
1186        </div>
1187    </div>
1188</script>
1188
1189
1190<script type="text/html" id="CountryTemplate">
1191    <option #: Selected ? 'selected' : '' # value=#:Uid#>#:Name#</option>
1192</script>
1192
1193
1194<!-- Template za unos adrese -->
1195<script id="AddressTemplate">
1196    <div class="address-wrapper">
1197        <div class="name-field fizicko-lice">
1198            <label for="txtName" class="label_wrap" language-data-translate-key="premium-basket-fullname">Ime i prezime * </label>
1199            <input type="text" class="simple-field" data-field="Name" data-require="true" value="#: Name != null ? Name : '' #" id="txtName" onblur="UpdateShippingAddress(this)" />
1200        </div>
1201        <div class="name-field pravno-lice" style="display:none;">
1202            <label for="txtCompanyName" class="label_wrap" language-data-translate-key="">Naziv firme * </label>
1203            <input type="text" class="simple-field" data-field="CompanyName" data-require="true" value="#: CompanyName != null ? CompanyName : '' #" id="txtCompanyName" onblur="UpdateShippingAddress(this)" />
1204        </div>
1205        <div class="name-field pravno-lice" style="display:none;">
1206            <label for="txtPIB" class="label_wrap" language-data-translate-key="">PIB * </label>
1207            <input type="text" class="simple-field" data-field="CompanyID" data-require="true" value="#: CompanyID != null ? CompanyID : '' #" id="txtPIB" onblur="UpdateShippingAddress(this)" />
1208        </div>
1209
1210        <div class="address-field">
1211            <div class="left-field">
1212                <label for="txtStreet" class="label_wrap" language-data-translate-key="premium-basket-fullname">Ulica * </label>
1213                <input type="text" class="simple-field" data-field="Street" data-require="true" value="#: Street != null ? Street : '' #" id="txtStreet" onblur="UpdateShippingAddress(this)" />
1214            </div>
1215            <div class="right-field">
1216                <label for="txtStreetNumber" class="label_wrap" language-data-translate-key="premium-basket-adressnumber">Broj * </label>
1217                <input type="text" class="simple-field" data-field="StreetNumber" value="#: Number != null ? Number : '' #" data-require="true" id="txtStreetNumber" onblur="UpdateShippingAddress(this)" />
1218            </div>
1219        </div>
1220
1221        <div class="commune-field">
1222            <label for="txtCommune" class="label_wrap" language-data-translate-key="premium-basket-fullname">Op&scaron;tina</label>
1223            <input type="text" class="simple-field" data-field="Commune" value="#: Commune != null ? Commune : '' #" id="txtCommune" onblur
1223="UpdateShippingAddress(this)" />
1224        </div>
1225
1226        <div class="city-field">
1227            <div class="left-field">
1228                <label for="txtCity" class="label_wrap" language-data-translate-key="premium-basket-fullname">Grad * </label>
1229                <input type="text" class="simple-field" data-field="City" data-require="true" value="#: City != null ? City : '' #" id="txtCity" onblur="UpdateShippingAddress(this)" />
1230            </div>
1231            <div class="right-field">
1232                <label for="txtPostCode" class="label_wrap" language-data-translate-key="premium-basket-fullname">Po&scaron;tanski broj * </label>
1233                <input type="text" class="simple-field" data-field="PostCode" data-require="true" value="#: PostCode != null ? PostCode : '' #" id="txtPostCode" onblur="UpdateShippingAddress(this)" />
1234            </div>
1235        </div>
1236
1237        <div class="country-field select">
1238            <label for="txtCountryName" class="label_wrap" language-data-translate-key="premium-basket-fullname">Dr&zcaron;ava * </label>
1239            <select id="selectCountry" class="simple-field" data-field="CountryUid" data-require="true" onchange="UpdateShippingAddress(this)">
1240                #= kendo.render(kendo.template($("\\#CountryTemplate").html()), Countrys) #
1241            </select>
1242        </div>
1243
1244        <div class="phone-field">
1245            <label for="txtPhone" class="label_wrap" language-data-translate-key="premium-basket-fullname">Telefon * </label>
1246            <input type="text" class="simple-field" data-field="Phone" data-require="true" value="#: Phone != null ? Phone : '' #" id="txtPhone" onblur="UpdateShippingAddress(this)" />
1247        </div>
1248
1249        <div class="email-field">
1250            <label for="txtEmail" class="label_wrap" language-data-translate-key="premium-basket-fullname">Email * </label>
1251            <input type="text" class="simple-field" data-field="Email" data-require="true" value="#: Email != null ? Email : '' #" id="txtEmail" onblur="UpdateShippingAddress(this)" />
1252        </div>
1253    </div>
1254</script>
1254
1255
1256<div id="order_review" class="modal fade" tabindex="-1" role="dialog" style="display: none;">
1257    <div class="modal-dialog" role="document">
1258        <div class="modal-content">
1259            <div class="modal-header">
1260                <h5 class="modal-title">Modal title</h5>
1261                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
1262                    <span aria-hidden="true">&times;</span>
1263                </button>
1264            </div>
1265            <div class="modal-body">
1266                <p>Modal body text goes here.</p>
1267            </div>
1268            <div class="modal-footer">
1269                <div id="ButtonCheck">
1270                    <translatepanel language-data-translate-key="premium-basket-order" qa-btn-buy="">NARU&Ccaron;I
1271                    </translatepanel>
1272                </div>
1273            </div>
1274        </div>
1275    </div>
1276</div>
1277
1278<div id="show-map" class="modal fade" tabindex="-1" role="dialog" style="display: none;">
1279    <div class="modal-dialog" role="document">
1280        <div class="modal-content">
1281            <div class="modal-header">
1282                <h5 class="modal-title">Poka&zcaron;i na mapi</h5>
1283                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
1284                    <span aria-hidden="true">&times;</span>
1285                </button>
1286            </div>
1287            <div class="modal-body"></div>
1288            <div class="modal-footer">
1289                <button type="button" class="btn btn-default" data-dismiss="modal">Zatvori</button>
1290            </div>
1291        </div>
1292    </div>
1293</div>
1294
1295<style>
1296    .require-data {
1297        border-color: red !important;
1298    }
1299
1300    .k-loading-mask {
1301        display: none !important;
1302    }
1303
1304
1305    /* Hide Arrows From Input Number */
1306
1307    /* Chrome, Safari, Edge, Opera */
1308    input::-webkit-outer-spin-button,
1309    input::-webkit-inner-spin-button {
1310        -webkit-appearance: none;
1311        margin: 0;
1312    }
1313    /* Firefox */
1314    input[type=number] {
1315        -moz-appearance: textfield;
1316    }
1317
1318    /* Hide Arrows for SELECT */
1319    .country-field select {
1320        -webkit-appearance: none;
1321        -moz-appearance: none;
1322        appearance: none;
1323    }
1324
1325    label {
1326        font-size: 0.9rem;
1327        margin-bottom: 0.5rem;
1328    }
1329
1330    /* zz-onepagecheckout.css */
1331
1332    /* main grid */
1333    .kendo-basket {
1334        display: grid;
1335        column-gap: 1.5rem;
1336        grid-template-columns: minmax(0, 50%) minmax(0, 50%);
1337        grid-template-areas:
1338            'form order'
1339            'form summary';
1340    }
1341
1342    .kendo-basket .order-wrapper {
1343        grid-area: order;
1344    }
1345
1346    .kendo-basket .user-wrapper {
1347        grid-area: form;
1348    }
1349
1350    .kendo-basket .user-wrapper .address-field,
1351    .kendo-basket .user-wrapper .city-field {
1352        display: grid;
1353        grid-template-columns: minmax(0, auto) minmax(0, 104px);
1354        column-gap: 15px;
1355    }
1356
1357    .kendo-basket .shipping-payment-wrapper {
1358        grid-area: summary;
1359    }
1360
1361    .kendo-basket table td {
1362        vertical-align: middle !important;
1363    }
1364
1365    .kendo-basket table tfoot td {
1366        border: none;
1367        padding: 0;
1368    }
1369
1370    .kendo-basket .shipping-wrapper,
1371    .kendo-basket .payment-wrapper {
1372        display: grid;
1373        grid-template-columns: 20px auto;
1374        margin-bottom: 0.75rem;
1375        align-items: center;
1376    }
1377
1378    .kendo-basket .shipping-wrapper label,
1379    .kendo-basket .payment-wrapper label {
1380        cursor: pointer;
1381        margin-bottom: 0;
1382        padding-top: 0;
1383        padding-left: 10px;
1384        font-size: 15px;
1385        line-height: 24px;
1386        color: var(--bs-dark);
1387    }
1388    .shipping-wrapper .terms.description p a{
1389        color: var(--primary);
1390        font-weight: 500;
1391    }
1392     .shipping-wrapper .terms.description p a:hover{
1393        text-decoration: underline; 
1394    }
1395
1396    .kendo-basket iframe {
1397        width: 100% !important;
1398    }
1399
1400    .kendo-basket p.title {
1401        margin: 0.75rem 0;
1402        font-weight: 700;
1403        font-size: 18px;
1404        color: var(--bs-dark);
1405    }
1406
1407    .kendo-basket .user-wrapper .basket-header,
1408    .kendo-basket .order-wrapper .basket-header {
1409        margin-bottom: 1.5rem;
1410        font-weight: 700;
1411        font-size: 22px;
1412        color: var(--bs-dark);
1413    }
1414
1415    .kendo-basket .order-inner {
1416        padding: 1.5rem 1.5rem 0 1.5rem;
1417        background-color: #f6f6f6;
1418        position: relative;
1419    }
1420    .kendo-basket .order-inner .basket-order-loader {
1421        position: absolute;
1422        width: 100%;
1423        height: 100%;
1424        top: 0;
1425        left: 0;
1426        background-color: rgba(255, 255, 255, 0.75);
1427        display: flex;
1428        align-items: center;
1429        justify-content: center;
1430    }
1431    .kendo-basket .order-inner .basket-order-loader img {
1432        max-height: 90px;
1433        max-width: 90px;
1434    }
1435
1436    .kendo-basket .order-inner .order-products .single-product {
1437        display: flex;
1438        align-items: center;
1439        justify-content: space-between;
1440        gap: 0.75rem;
1441    }
1442
1443    .kendo-basket .order-inner .order-products .single-product:not(:last-child) {
1444        padding-bottom: 0.75rem;
1445        margin-bottom: 0.75rem;
1446        border-bottom: 1px solid #dcdcdc;
1447    }
1448
1449    .kendo-basket .order-inner .order-products .product-name-with-img {
1450        display: flex;
1451        align-items: center;
1452        gap: 0.75rem;
1453    }
1454
1455    /*.kendo-basket .order-inner .order-products .product-name-with-img img {
1456        display: none;
1457    }*/
1458
1459    .kendo-basket .order-inner .order-products .product-name-with-img p {
1460        margin: 0;
1461        font-size: 15px;
1462        line-height: 22px;
1463    }
1464
1465    .kendo-basket .order-inner .order-products .product-qty-price-del {
1466        display: flex;
1467        align-items: center;
1468        gap: 0.75rem;
1469        position: relative;
1470    }
1471
1472    .kendo-basket .product-qty-price-del .simple-field {
1473        margin-bottom: 0 !important;
1474        padding: 0 8px;
1475        text-align: center;
1476    }
1477
1478    .kendo-basket .shipping-payment-inner {
1479        padding: 2rem 1.5rem 1.5rem 1.5rem;
1480        background-color: #f6f6f6;
1481    }
1482
1483    .kendo-basket .free-shipping-reminder {
1484        padding-top: 1.5rem;
1485        margin-top: 2rem;
1486        border-top: 1px solid #dcdcdc;
1487    }
1488
1489    .kendo-basket .free-shipping-reminder a {
1490        font-weight: 600;
1491        text-decoration: underline;
1492        white-space: nowrap;
1493    }
1494
1495    .kendo-basket .free-shipping-reminder a:hover {
1496        color: var(--primary);
1497    }
1498
1499    .kendo-basket .final-summary,
1500    .kendo-basket .pre-total {
1501        margin: 1rem 0;
1502        padding: 1.5rem 0;
1503        border-top: 1px solid #dcdcdc;
1504        border-bottom: 1px solid #dcdcdc;
1505    }
1506
1507    .kendo-basket .final-summary {
1508        margin-top: 1.5rem;
1509    }
1510
1511    .kendo-basket .pre-total,
1512    .kendo-basket .final-summary .shipping-cost,
1513    .kendo-basket .final-summary .total-cost {
1514        display: flex;
1515        flex-wrap: wrap;
1516        align-items: center;
1517        justify-content: space-between;
1518        gap: 8px;
1519    }
1520
1521    .kendo-basket .pre-total {
1522        margin-bottom: 0;
1523        font-weight: 600;
1524        font-size: 16px;
1525    }
1526
1527    .kendo-basket .final-summary .shipping-cost {
1528        margin-bottom: 1.5rem;
1529        font-weight: 600;
1530        font-size: 16px;
1531
1532        padding-bottom: 1.5rem;
1533        border-bottom: 1px solid #dcdcdc;
1534    }
1535
1536    .kendo-basket .final-summary .total-cost {
1537        font-weight: 700;
1538        font-size: 20px;
1539    }
1540
1541    /* .kendo-basket .final-summary .total-cost .total-sum {
1542        color: var(--dark-primary);
1543    } */
1544
1545    .kendo-basket .remove-from-basket a {
1546        border-radius: 3px;
1547        padding: 0.6rem 1rem;
1548        cursor: pointer;
1549        background-color: transparent;
1550        transition: background-color 0.25s, color 0.25s;
1551    }
1552
1553    .kendo-basket .remove-from-basket a:hover {
1554        background-color: var(--primary);
1555        color: #fff;
1556    }
1557
1558    .cart-qty>input {
1559        text-indent: 4px;
1560    }
1561
1562    .accent-wrapper {
1563        border: solid 1px var(--primary);
1564        padding: 10px;
1565        margin-bottom: 2rem;
1566    }
1567
1568    .accent-wrapper .shipping-info {
1569        margin-bottom: 0.75rem;
1570
1571        display: flex;
1572        column-gap: 0.75rem;
1573        align-items: center;
1574    }
1575
1576    .header_purchase {
1577        border-bottom: 1px solid var(--primary);
1578        height: 40px;
1579        line-height: 2.4;
1580        text-decoration: none;
1581        display: block;
1582        position: relative;
1583        z-index: 2;
1584        font-size: 17px;
1585        text-transform: uppercase;
1586        margin: 0;
1587        font-weight: 400;
1588        width: 100%;
1589        padding-left: 1em;
1590        margin-bottom: 1em;
1591    }
1592
1593    .orderHeader td {
1594        border-top: none !important;
1595    }
1596
1597    #user_data input,
1598    #user_data select {
1599        display: block;
1600        margin: 0.2em 0 1em;
1601        width: 100%;
1602        height: 42px;
1603
1604        border-width: 1px;
1605        border-style: solid;
1606    }
1607
1608    .unreg_user h3 {
1609        background: #f3f3f3;
1610        padding: 2em;
1611        line-height: 2em;
1612        margin-top: 4em;
1613        text-align: center;
1614    }
1615
1616    .unreg_user .register-shopper {
1617        display: block;
1618        border: 1px solid var(--primary);
1619        padding: 0.5em;
1620        color: var(--primary);
1621        margin-top: 1em;
1622        text-align: center;
1623    }
1624
1625    .buttons-1 {
1626        width: 100%;
1627        padding: 16px;
1628        /* margin-bottom: 24px; */
1629        /* background: #f3f3f3; */
1630        border: solid 1px var(--primary);
1631
1632        transition: border-color 0.25s;
1633    }
1634
1635    .buttons-1.checked {
1636        border-color: var(--bs-teal);
1637    }
1638
1639    .buttons-1 h3 {
1640        text-align: center;
1641        line-height: 28px;
1642        font-size: 15px;
1643
1644        font-weight: 400;
1645        text-transform: none;
1646    }
1647
1648    .buttons-1 #ButtonCheck {
1649        display: block;
1650        cursor: pointer;
1651        text-transform: uppercase;
1652        font-weight: 700;
1653        width: 100%;
1654        max-width: 240px;
1655        margin-left: auto;
1656        margin-right: auto;
1657        padding: 12px 16px;
1658        text-align: center;
1659        border: none;
1660        background: var(--primary-str);
1661        color: #fff;
1662        margin-top: 16px;
1663        font-size: 18px;
1664
1665        transition: background-color 0.25s;
1666    }
1667
1668    .buttons-1.checked #ButtonCheck {
1669        background-color: var(--bs-teal);
1670    }
1671
1672    .buttons-1 #ButtonCheck.loading {
1673        background-color: #ccc;
1674        pointer-events: none;
1675    }
1676
1677    .buttons-1 #ButtonCheck.loading::after {
1678        content: '\f130';
1679        font-family: bootstrap-icons;
1680        font-weight: 400;
1681        animation-name: rotate;
1682        animation-duration: 4s;
1683        animation-iteration-count: 50;
1684        animation-timing-function: linear;
1685        position: absolute;
1686        margin-left: 0.5rem;
1687    }
1688
1689    @keyframes rotate {
1690        from {
1691            transform: rotate(-360deg);
1692        }
1693
1694        to {
1695            transform: rotate(360deg);
1696        }
1697    }
1698
1699    #ButtonNotCheck {
1700        display: block;
1701        cursor: pointer;
1702        text-transform: uppercase;
1703        font-weight: 700;
1704        width: 100%;
1705        max-width: 240px;
1706        margin-left: auto;
1707        margin-right: auto;
1708        padding: 12px 16px;
1709        text-align: center;
1710        border: none;
1711        background: #757475;
1712        color: #fff;
1713        margin-top: 16px;
1714    }
1715
1716    .promocode-container {
1717        white-space: nowrap;
1718        font-size: 0;
1719        width: 100%;
1720
1721        margin-bottom: 2rem;
1722    }
1723
1724    .promocode-flex {
1725        display: flex;
1726
1727    }
1728
1729    input[type='text'].promocode-txt {
1730        width: calc(100% - 128px);
1731        font-size: 14px;
1732        padding: 8px;
1733        text-align: left;
1734        position: relative;
1735        text-indent: 6px;
1736        border-radius: 3px 0 0 3px;
1737        height: 42px;
1738    }
1739
1740    input[type='text'].promocode-txt:focus {
1741        border-color: var(--primary);
1742    }
1743
1744    .promocode-btn {
1745        display: flex;
1746        align-items: center;
1747        justify-content: center;
1748
1749        width: 128px;
1750        font-size: 14px;
1751        line-height: 26px;
1752        padding: 8px;
1753        text-align: right;
1754        background: var(--primary);
1755        color: var(--bs-dark);
1756        text-transform: uppercase;
1757        text-align: center;
1758        border: none;
1759
1760        position: relative;
1761        /* top: -1px; */
1762        border-radius: 0 3px 3px 0;
1763        height: 42px;
1764        font-weight: 500;
1765
1766        white-space: normal;
1767        line-height: 1.1;
1768    }
1769
1770    .promocode-note {
1771        font-size: 14px;
1772        line-height: 20px;
1773        margin-top: 4px;
1774        display: block;
1775        white-space: normal;
1776    }
1777
1778    .uspesna-kupovina>.x_title>h2 {
1779        display: inline-block;
1780    }
1781
1782    .uspesna-kupovina>.x_title>.fa-check {
1783        position: relative;
1784        top: 3px;
1785    }
1786
1787    .kendo-basket .shipping-wrapper label .description p {
1788        margin-bottom: 0;
1789    }
1790
1791    .kendo-basket .shipping-wrapper iframe {
1792        display: none;
1793    }
1794
1795    .kendo-basket .terms.description {
1796        grid-column-start: 2;
1797        font-size: 15px;
1798        line-height: 22px;
1799        padding-left: 10px;
1800    }
1801
1802    .kendo-basket .terms.description p {
1803        display: inline-block;
1804        margin-bottom: 0;
1805    }
1806
1807    .kendo-basket .shipping-container {
1808        margin-bottom: 1.5rem;
1809    }
1810
1811    .kendo-basket .shipping-container .map-show {
1812        cursor: pointer;
1813    }
1814
1815    .kendo-basket .shipping-container .map-show img {
1816        max-height: 36px;
1817        max-width: 36px;
1818    }
1819
1820    .kendo-basket .shipping-container .map-show:hover {
1821        color: var(--primary);
1822    }
1823
1824    #show-map iframe {
1825        width: 100%;
1826    }
1827
1828    #terms_cont u a:hover {
1829        color: var(--primary);
1830    }
1831
1832    #terms_cont input[type='checkbox'] {
1833        height: 18px;
1834        width: 18px;
1835        position: relative;
1836        top: 3px;
1837    }
1838
1839    #emptyBasketMsg {
1840        text-align: center;
1841        margin-bottom: 4rem;
1842        padding: 1.5rem;
1843        border: 1px solid #dcdcdc;
1844        font-size: 15px;
1845        font-weight: 600;
1846    }
1847
1848    header.fixed-header .fixed-header-visible,
1849    #BasketZone {
1850        display: none !important;
1851    }
1852
1853
1854    @media (max-width: 991px) {
1855        .kendo-basket {
1856            display: block;
1857        }
1858
1859        .unreg_user h3 {
1860            margin-top: 0;
1861        }
1862
1863        .kendo-basket .order-wrapper {
1864            margin-bottom: 2rem;
1865        }
1866
1867        .kendo-basket .order-inner {
1868            padding: 1.5rem;
1869        }
1870
1871        .kendo-basket .user-wrapper {
1872            padding: 0 1rem;
1873        }
1874
1875        .kendo-basket .user-wrapper .basket-header,
1876        .kendo-basket .order-wrapper .basket-header {
1877            margin: 0.75rem 0 1.5rem;
1878        }
1879    }
1880
1881    @media (max-width: 767px) {
1882
1883        .kendo-basket .user-wrapper .address-field,
1884        .kendo-basket .user-wrapper .city-field {
1885            column-gap: 10px;
1886        }
1887    }
1888
1889    @media (max-width: 520px) {
1890        .kendo-basket .order-inner .order-products .single-product {
1891            flex-direction: column;
1892        }
1893
1894        .kendo-basket .order-inner .order-products .single-product .product-name-with-img {
1895            width: 100%;
1896        }
1897
1898        .kendo-basket .order-inner .order-products .single-product .product-qty-price-del {
1899            width: 100%;
1900            justify-content: space-between;
1901        }
1902
1903        .kendo-basket .order-inner,
1904        .kendo-basket .shipping-payment-inner {
1905            padding: 1rem;
1906        }
1907    }
1908
1909    @media (max-width: 380px) {
1910
1911        .promocode-flex {
1912            flex-direction: column;
1913        }
1914        input[type='text'].promocode-txt,
1915        .promocode-btn {
1916            margin-bottom: 1rem;
1917            border-radius: 3px;
1918            width: 100%;
1919        }
1920    }
1921
1922    @media (max-width: 320px) {
1923        .kendo-basket .order-inner .order-products .single-product .product-name-with-img {
1924            flex-direction: column;
1925        }
1926
1927        .kendo-basket .order-inner .order-products .single-product .product-name-with-img img {
1928            margin-right: auto;
1929        }
1930
1931        .kendo-basket .user-wrapper .address-field,
1932        .kendo-basket .user-wrapper .city-field {
1933            display: block;
1934        }
1935    }
1936
1937    /* PURCHASE-ASCX */
1938    .purchase-ascx.note-area,
1939    .purchase-ascx.step6>h1 {
1940        display: none;
1941    }
1942
1943    .purchase-details .itemStyle .cart-price,
1944    .purchase-details .itemStyle .cart-total,
1945    .purchase-details .orderFooter td:nth-child(3) {
1946        white-space: nowrap;
1947    }
1948
1949    .purchase-details .purchase-number {
1950        font-weight: 600;
1951        font-size: 18px;
1952        margin-top: 0.75rem;
1953        margin-bottom: 1.5rem;
1954    }
1955
1956    .purchase-ascx .header_rec {
1957        font-weight: 600;
1958        font-size: 16px;
1959        margin-bottom: 0.75rem;
1960    }
1961
1962    @media print {
1963
1964        #bt_header,
1965        #bt_footer,
1966        #successfull_buy,
1967        .breadcrumb,
1968        .intesa-info,
1969        #ctl00_ctl00_CMSWebPartManager_Purchase_PurchaseTitle_ctl00_pnlPayPanel {
1970            display: none !important;
1971        }
1972
1973        .opc {
1974            margin: 0 !important;
1975        }
1976    }
1977</style>
1978
1979
1980
1981<script src="https://cdn-test.b2bee.rs/new1/library/kendo/kendo.all.min.js" ></script>
1981
1982
1983<div id="recaptcha-basket"></div>
1984
1985<script>
1986    var recaptchaBasketWidgetId;
1987    function onRecaptchaReady() {
1988        recaptchaBasketWidgetId = grecaptcha.render('recaptcha-basket', {
1989            sitekey: '6Ldyt7sUAAAAAD8cTLd3XavX1oeq-6eR74BM_yxQ',
1990            size: 'invisible',
1991            callback: function (token) { onSubmit(token); }
1992        });
1993    }
1994</script>
1994
1995
1996<script src="/templates/B2C/skins/main/js/kendoBasket1.js?12" defer></script>
vendor: 147 bytes, lines 1996-1999
1996
1997
1998<script src="https://www.google.com/recaptcha/api.js?onload=onRecaptchaReady&render=explicit" async defer></script>
1999																										
1999</div>
2000																										</div>
2001																									</div>
2002																								
2003    </section>
2004
2005    <div class="main-wrapper container">
2006        <aside class="left-zone">
2007            <div id="LeftZone" class="contentcontainer">
2008																										<div class="ver-item">
2009
2010																											</div>
2011																										</div>
2012																									
2013        </aside>
2014        <main class="right-zone">
2015            <div id="RightZone" class="contentcontainer">
2016																											<div class="ver-item">
2017
2018																												</div>
2019																											</div>
2020																										
2021        </main>
2022    </div>
2023
2024     <div class="main-wrapper container tm-gridbox">
2025        <div class="left-zone">
2026            <div id="LeftZoneV1" class="contentcontainer">
2027																												<div class="ver-item">
2028
2029																													</div>
2030																												</div>
2031																											
2032        </div>
2033        <div class="right-zone">
2034            <div id="RightZoneV1" class="contentcontainer">
2035																													<div class="ver-item">
2036
2037																														</div>
2038																													</div>
2039																												
2040        </div>
2041    </div>
2042
2043    <section class="wide-bottom">
2044        <div id="WideBottomZone" class="contentcontainer">
2045																														<div class="ver-item">
2046
2047																															</div>
2048																														</div>
2049																													
2050    </section>
2051
2052    <footer>
2053        <div class="container">
2054            <div class="footer-wrapper">
2055                <div class="footer-info">
2056                    <div class="footer-logo">
2057                        <img loading="lazy" title="B2C" src="/Uploads/B2C/logo-white.png" alt="Logo">
2058                    </div>
2059                    <div id="FooterContactZone" class="contentcontainer">
2060																															<div class="ver-item">
2061
2062																																	<div class="module ver" IsTemplateWide="True">
2063																																		
2064
2065																																	</div>
2066																																		<div class="module ver" IsTemplateWide="True">
2067																																			
2068
2069																																		</div>
2070																																			<div class="module ver" IsTemplateWide="True">
2071																																				
2072
2073																																			</div>
2074																																			</div>
2075																																		</div>
2076																																	
2077                </div>
2078                <div class="footer-text">
2079                    <div id="FooterZone" class="contentcontainer">
2080																																			<div class="ver-item">
2081
2082																																					<div class="module ver" IsTemplateWide="True">
2083																																						
2084
2085<ul class="about-footer-gadet-ascx">
2086    <li style="color: var(--primary); text-decoration: underline; padding: 0.5rem;">
2087        KORISNI LINKOVI
2088    </li>
2089
2090    
2091
2092</ul>
2093
2094
2095    
2096																																					</div>
2097																																						<div class="module ver" IsTemplateWide="True">
2098																																							
2099
2100<ul class="service-user">
2101    <li style="color: var(--primary); text-decoration: underline; padding: 0.5rem;">
2102        KORISNIČKI SERVIS
2103    </li>
2104    
2105            <li>
2106                <a id="ctl00_ctl00_CMSWebPartManager_UserFooter_UserFooterGadget_ctl00_rptNewsList_ctl00_lblHeader" class="title" href="/v/5c1e3d4f-c913-4fd4-96ad-f14baa9e0cc3/O-nama.aspx">O nama</a>
2107            </li>
2108        
2109            <li>
2110                <a id="ctl00_ctl00_CMSWebPartManager_UserFooter_UserFooterGadget_ctl00_rptNewsList_ctl01_lblHeader" class="title" href="/v/a1700d3a-bb1a-4e4f-8dfe-8bd8529db08e/Politika-privatnosti.aspx">Politika privatnosti</a>
2111            </li>
2112        
2113            <li>
2114                <a id="ctl00_ctl00_CMSWebPartManager_UserFooter_UserFooterGadget_ctl00_rptNewsList_ctl02_lblHeader" class="title" href="/v/1e37a784-0475-4dc1-82a5-335fd57d8f84/Izjava-o-privatnosti.aspx">Izjava o privatnosti</a>
2115            </li>
2116        
2117            <li>
2118                <a id="ctl00_ctl00_CMSWebPartManager_UserFooter_UserFooterGadget_
2118ctl00_rptNewsList_ctl03_lblHeader" class="title" href="/v/91a215be-670b-467b-a27a-a04b29d4e699/Uslovi-koriscenja.aspx">Uslovi korišćenja</a>
2119            </li>
2120        
2121            <li>
2122                <a id="ctl00_ctl00_CMSWebPartManager_UserFooter_UserFooterGadget_ctl00_rptNewsList_ctl04_lblHeader" class="title" href="/v/e2499613-7b67-4165-8217-cb24bf69d008/Reklamacije.aspx">Reklamacije</a>
2123            </li>
2124        
2125            <li>
2126                <a id="ctl00_ctl00_CMSWebPartManager_UserFooter_UserFooterGadget_ctl00_rptNewsList_ctl05_lblHeader" class="title" href="/v/2be33306-afdb-4026-bb8e-6de167c7cab1/Uputstvo-za-slanje-rukopisa.aspx">Uputstvo za slanje rukopisa</a>
2127            </li>
2128        
2129            <li>
2130                <a id="ctl00_ctl00_CMSWebPartManager_UserFooter_UserFooterGadget_ctl00_rptNewsList_ctl06_lblHeader" class="title" href="/v/d02256bf-0f5d-487f-901f-594bab1d8345/Kupovina-i-dostava.aspx">Kupovina i dostava</a>
2131            </li>
2132        
2133    
2134</ul>
2135<ul>    
2136    <li style="color: var(--primary); text-decoration: underline; padding: 0.5rem;">
2137        KORISNIČKI NALOG
2138    </li>
2139    <li id="footer-registration">
2140        <a href="/log-in.aspx" >registracija</a>
2141    </li>
2142    <li id="footer-password">
2143        <a href="/reset-sifre.aspx" >zaboravili ste lozinku?</a>
2144    </li>
2145    <li>
2146        <a href="/korpa.aspx" >korpa proizvoda</a>
2147    </li>
2148    <li id="footer-wishlist" style="display:none;">
2149        <a href="/lista-zelja.aspx" >lista &zcaron;elja</a>
2150    </li>
2151</ul>
2152
2153
2154
2155																																						</div>
2156																																						</div>
2157																																					</div>
2158																																				
2159                </div>
2160            </div>
2161        </div>
2162        <div class="container footer-wrapper-sec">
2163            <div id="LegalZone" class="contentcontainer">
2164																																						<div class="ver-item">
2165
2166																																								<div class="module ver" IsTemplateWide="True">
2167																																									
2168
2169
2170        <div class="copyright">
2171            <p>© <span id="current-year"></span> All rights Reserved
2172                <span>
2173                    <span> Made in
2174                        <a title="B2BeeHive application" style="text-decoration:none" href="https://B2Bee.net" ><strong>B2B<span style="color:yellow">ee</span></strong>'s Hive.
2175                        </a>
2176                    </span>
2177                </span>
2178            </p>
2179            
2180        </div>
2181
2182
2183<script>
2184document.getElementById("current-year").innerHTML = new Date().getFullYear();
2185</script>
2185
2186																																								</div>
2187																																								</div>
2188																																							</div>
2189																																						
2190            <div id="SocialZone" class="contentcontainer">
2191																																								<div class="ver-item">
2192
2193																																										<div class="module ver" IsTemplateWide="True">
2194																																											
2195
2196    <div class="social-icons">
2197        
2198                <a id="ctl00_ctl00_CMSWebPartManager_Social_SocialGadget_ctl00_rptNewsList_ctl00_lblHeader" class="title testx" href="https://www.instagram.com/deretaknjige/" target="_blank"></a>
2199            
2200                <a id="ctl00_ctl00_CMSWebPartManager_Social_SocialGadget_ctl00_rptNewsList_ctl01_lblHeader" class="title testx" href="https://www.youtube.com/channel/UCO7lakY4fBy0G4iB4Iibdcw" target="_blank"></a>
2201            
2202                <a id="ctl00_ctl00_CMSWebPartManager_Social_SocialGadget_ctl00_rptNewsList_ctl02_lblHeader" class="title testx" href="https://twitter.com/Deretaknjige" target="_blank"></a>
2203            
2204                <a id="ctl00_ctl00_CMSWebPartManager_Social_SocialGadget_ctl00_rptNewsList_ctl03_lblHeader" class="title testx" href="https://www.facebook.com/dereta/" target="_blank"></a>
2205            
2206    </div>
2207
2208
2209<script>
2210    document.addEventListener('DOMContentLoaded', function () {
2211    var socialIcons = document.querySelectorAll('.social-icons a');
2212    
2213    socialIcons.forEach(function(icon) {
2214        // ⚠️ Proveri da li <i> već postoji unutar <a>
2215        if (icon.querySelector('i')) return;
2216
2217        var url = icon.getAttribute('href');
2218        var iconClass = getIconClass(url);
2219        
2220        if (iconClass) {
2221            var newIcon = document.createElement('i');
2222            newIcon.className = iconClass;
2223            icon.appendChild(newIcon);
2224        }
2225    });
2226
2227    function getIconClass(url) {
2228        if (!url) return null;
2229
2230        url = url.toLowerCase();
2231        if (url.includes('instagram')) return "bi bi-instagram";
2232        if (url.includes('facebook')) return "bi bi-facebook";
2233        if (url.includes('twitter')) return "bi bi-twitter";
2234        if (url.includes('pinterest')) return "bi bi-pinterest";
2235        if (url.includes('linkedin')) return "bi bi-linkedin";
2236        if (url.includes('whatsapp')) return "bi bi-whatsapp";
2237        if (url.includes('youtube')) return "bi bi-youtube";
2238        return null;
2239    }
2240});
2241
2242</script>
2242
2243																																										</div>
2244																																										</div>
2245																																									</div>
2246																																								
2247        </div>
2248    </footer>
2249    <div id="CreditCardsZone" class="contentcontainer">
2250																																										<div class="ver-item">
2251
2252																																												<div class="module ver" IsTemplateWide="True">
2253																																													
2254
2255<div class="bt-footer-bottom">
2256    <div class="container">
2257        
2258                    <div id="ctl00_ctl00_CMSWebPartManager_CreditCard_CreditCardtitle_ctl00_rptNewsList_ctl00_HyperLink2" Text="cards">
2259																																														
2260                        <div class="credit-card-container">
2261            <div class="credit-card-item">
2262                <img loading="lazy" src="/templates/B2C/skins/main/images/creditcard/mc_vrt_opt_pos_73_1x.png" alt="mastercard payment" title="mastercard payment" class="e-rte-image e-imginline">
2263                <img loading="lazy" src="/templates/B2C/skins/main/images/creditcard/ms_vrt_opt_pos_73_1x.png" alt="maestro payment" title="maestro payment" class="e-rte-image e-imginline">
2264                <img loading="lazy" src="/templates/B2C/skins/main/images/creditcard/Visa_Brandmark_Blue_Transp.png" alt="visa payment" title="visa payment" class="e-rte-image e-imginline">
2265                <img loading="lazy" src="/templates/B2C/skins/main/images/creditcard/amex.png" alt="amex payment" title="amex payment" class="e-rte-image e-imginline">
2266                <img loading="lazy" src="/templates/B2C/skins/main/images/creditcard/DinaCard znak 150.png" alt="dinacard payment" title="dinacard payment" class="e-rte-image e-imginline">
2267            </div>
2268            <div class="credit-card-item">
2269                <a href="http://www.bancaintesa.rs" aria-label="Banca Intesa">
2270                    <img loading="lazy" src="/templates/B2C/skins/main/images/creditcard/bancaintesaCC.png" alt="banca intesa" title="banca intesa" class="e-rte-image e-imginline">
2271                </a>
2272            </div>
2273            <div class="credit-card-item">
2274                <a href="https://rs.visa.com/pay-with-visa/security-and-assistance/protected-everywhere.html" aria-label="Visa verified"><img loading="lazy" src="/templates/B2C/skins/main/images/creditcard/visa-secure_blu_72dpi.png" alt="verified by Visa" title="verified by Visa" class="e-rte-image e-imginline"></a>
2275                <a href="http://www.mastercard.com/rs/consumer/credit-cards.html" aria-label="Masercard secured"><img loading="lazy" src="/templates/B2C/skins/main/images/creditcard/mc_securecode_92px_width.png" alt="MasterCard Secure Code" title="MasterCard Secure Code" class="e-rte-image e-imginline"></a>
2276            </div>
2277        </div>
2278                    
2279																																													</div>
2280            
2281    </div>
2282</div>
2283
2284
2285
2286
2287																																												</div>
2288																																												</div>
2289																																											</div>
2290																																										
2291
2292    <div id="ModalZone" class="contentcontainer">
2293																																												<div class="ver-item">
2294
2295																																													</div>
2296																																												</div>
2297																																											
2298
2299
2300        </div>
2301        
2302    
2303																																											
2304<script type="text/javascript">
2305//<![CDATA[
2306document.addEventListener("DOMContentLoaded", function(event) {BasketBehaivorObj = new BasketBehaivor('#ctl00_ctl00_CMSWebPartManager_Basket1_BasketTitle_ctl00_pnlInnerBasket', '#ctl00_ctl00_CMSWebPartManager_Basket1_BasketTitle_ctl00_lnkPrice2', '', '#ctl00_ctl00_CMSWebPartManager_Basket1_BasketTitle_ctl00_dgItems', 'Translation service is not created.', '', '', '', '/profil-korisnika.aspx', '#lnkPrice', '/EcommerceService.svc/', false, '#lnkEmptyBasket', 'Da li ste sigurni da želite da izbacite proizvode iz korpe?', '', 'false', 'false'); BasketBehaivorObj.GetAndRefreshBasket();});var __wpmExportWarning='This Web Part Page has been personalized. As a result, one or more Web Part properties may contain confidential information. Make sure the properties contain information that is safe for others to read. After exporting this Web Part, view properties in the Web Part description file (.WebPart) by using a text editor such as Microsoft Notepad.';var __wpmCloseProviderWarning='You are about to close this Web Part.  It is currently providing data to other Web Parts, and these connections will be deleted if this Web Part is closed.  To close this Web Part, click OK.  To keep this Web Part, click Cancel.';var __wpmDeleteWarning='You are about to permanently delete this Web Part.  Are you sure you want to do this?  To delete this Web Part, click OK.  To keep this Web Part, click Cancel.';//]]>
2307</script>
2307
2308</form>
2309    
2310    
2311        
2312        
2312<script defer src="/templates/B2C/skins/main/js/custom-fragments/cookieconsent-init.js?v=2"></script>
2312
2313
2314        
2314<script src="/templates/B2C/skins/main/js/custom-fragments/custom-swiper-init.js" defer></script>
2314
2315        
2315<script src="/templates/B2C/skins/main/js/global.js?4"></script>
2315
2316    
2317
2318    
2319
2320    
2321</body>
2322
2323</html><span id="GENSTAMP" style="display:none;">Generated: 14:00:15</span>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.