PageSourceSearch

https://dereta.rs/lista-zelja.aspx

html dereta.rs collected 2026-10-02 12:00:19 UTC 70,905 bytes, 1,733 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/lista-zelja.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 --><meta name="description" /><meta property="og:title" content="Dereta - Knjižara i izdavačka kuća - Beograd" /><meta property="og:description" /><meta name="keywords" /><meta property="og:site_name" content="B2B Manager" /><meta property="og:image" /><meta property="dc.title" content="Dereta - Knjižara i izdavačka kuća - Beograd" /><meta property="dc.description" /><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="/lista-zelja.aspx" id="aspnetForm">
167<div>
168<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="CQf5FeJmv77zl7dEEFr8NfQ9z3CbIzekrOsFRxYWwLNsDGrhcJzB0aa+RjRNhaYgUyDObrzd2TzIvINSXGOmzySneuq17eKVjnNNaCc496s=" />
169</div>
170
171																																											<div>
172
173																																												<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="31B91304" />
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						<div id="ctl00_ctl00_CMSWebPartManager_Basket1_BasketTitle_ctl00_pnlInnerBasket" class="basket-gadet" style="display:none;">
189							
190    
191    
192    
193    <div class="basket_gadet_table">
194        <table cellspacing="0" cellpadding="4" border="0" id="ctl00_ctl00_CMSWebPartManager_Basket1_BasketTitle_ctl00_dgItems" style="border-width:0px;border-collapse:collapse;">
195								<tr class="basketheaderStyle">
196									<td align="left" style="width:155px;">
197                        <span id="ctl00_ctl00_CMSWebPartManager_Basket1_BasketTitle_ctl00_dgItems_ctl01_lblheader1" class="link">Livre</span>
198                    </td><td align="center" style="width:10px;">
199                        <span id="ctl00_ctl00_CMSWebPartManager_Basket1_BasketTitle_ctl00_dgItems_ctl01_lblheader2">qnt.</span>
200                    </td><td align="right">
201                        <span id="ctl00_ctl00_CMSWebPartManager_Basket1_BasketTitle_ctl00_dgItems_ctl01_lblheader3">Prix</span>
202                    </td><td style="width:8px;">&nbsp;</td>
203								</tr>
204							</table>
205    </div>
206    <div class="total"></div>
207    <a id="ctl00_ctl00_CMSWebPartManager_Basket1_BasketTitle_ctl00_lnkPrice2" class="total_price text-dark-primary" href="korpa.aspx"></a>
208    
209    <div class="buttons">
210        <span class="btn cta close-menu">Zatvori</span>
211        
212        <a href="/korpa.aspx" class="btn text-btn dark proceed">Završi kupovinu</a>
213    </div>
214
215						</div>
216
217					</div>
218					</div>
219				</div>
220			
221        <div id="FooterZone21" class="contentcontainer">
222					<div class="ver-item">
223
224							<div class="module ver" IsTemplateWide="True">
225								
226<div id="ctl00_ctl00_CMSWebPartManager_Copyright1_Copyright1title_ctl00_Panel1" class="main-content">
227									
228    <div id="ctl00_ctl00_CMSWebPartManager_Copyright1_Copyright1title_ctl00_cr1">
229										
230    
231									</div>
232
233								</div>
234							</div>
235							</div>
236						</div>
237					
238        <div id="FooterZone22" class="contentcontainer">
239							<div class="ver-item">
240
241									<div class="module ver" IsTemplateWide="True">
242										
243<div id="ctl00_ctl00_CMSWebPartManager_Copyright2_Copyright2title_ctl00_Panel1" class="main-content">
244											
245    <div id="ctl00_ctl00_CMSWebPartManager_Copyright2_Copyright2title_ctl00_cr2">
246												
247    
248											</div>
249
250										</div>
251									</div>
252									</div>
253								</div>
254							
255    </div>
256
257    <div id="CustomLoaderZone" class="contentcontainer">
258									<div class="ver-item">
259
260											<div class="module ver" IsTemplateWide="False">
261												<div class="custom-loader">
262    <img src="/templates/B2C/skins/main/images/Ripple-1s-200px.svg" alt="custom loader" style="aspect-ratio: 1 / 1;">
263</div>
264
265<style>
266    .custom-loader {
267        position: fixed;
268        width: 100%;
269        height: 100%;
270        z-index: 99999;
271        background-color: #fff;
272        display: flex;
273        align-items: center;
274        justify-content: center;
275    }
276    .custom-loader img {
277        max-width: 200px;
278    }
279</style>
280											</div>
281											</div>
282										</div>
283									
284
285    <!-- TM -->
286
287    <div class="fixed-header-compensation"></div>
288    <div class="body-overlay"></div>
289
290    <header>
291        <div class="buttons-search">
292            <div class="container">
293                <button type="button" class="btn header-btn itemmenu" id="main-menu-open"
294                    aria-label="Main menu open">
295                    <i class="bi bi-list"></i>
296                </button>
297
298                <div class="itemmenu">
299                    <div id="HeaderZone" class="contentcontainer">
300											<div class="ver-item">
301
302													<div class="module ver" IsTemplateWide="True">
303														<div id="ctl00_ctl00_CMSWebPartManager_Logo_LogoTitle_ctl00_pnlBanner" class="logo-zone">
304															
305    <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>
306
307														</div>
308
309													</div>
310													</div>
311												</div>
312											
313                </div>
314
315                <div class="search-menu itemmenu">
316                    <div class="container">
317                        <div id="SearchZone" class="contentcontainer">
318													<div class="ver-item">
319
320															<div class="module ver" IsTemplateWide="True">
321																<div class="search-inner">
322    <input placeholder='Unesite pojam za pretragu' type="search" name="search" id="txtSearch" autocomplete="off">
323    <span class="new-search-loader" style="display: none;">
324        <img src="/templates/B2C/skins/main/images/Rolling-1s-200px.svg" alt="loader" />
325    </span>
326    <i class="bi bi-search"></i>
327    
328</div>
329 
330<div id="autocompleteNew" style="display: none;">
331    <span id="close-btn">
332        <span class="bi bi-x" aria-hidden="true"></span>
333    </span>
334    <div id="products-container">
335        <div class="title">Proizvodi</div>
336        <div class="data"></div>
337        <div class="pager"></div>
338        
339    </div>
340    <div id="categories-container">
341        <div class="title">Kategorije</div>
342        <div class="data"></div>
343    </div>
344    <div class="big-search-loader" style="display: none;">
345        <img src="/templates/B2C/skins/main/images/Ripple-1s-200px.svg" alt="loader" />
346    </div>
347</div>
348
349<style>
350    #txtSearch, #txtSearch::placeholder {
351        color: var(--bs-gray-600);
352    }
353</style>
354
355<script>
356    const numberOfResults = 6;
357    const textArea = document.getElementById("txtSearch");
358    let searchRequest = null;
359
360    function getResults(query, page) {
361        // console.log('getResults called');
362        if (query.length > 2) {
363            $('.new-search-loader').fadeIn(150);
364            $('.big-search-loader').fadeIn(150);
365            query = encodeURL(query);
366            // console.log('start search for:', query);
367    
368            searchRequest = $.ajax(MasterJson.ECommerceAPIGetSearchResultsUrl + `?query=${query}&page=${page}&take=${numberOfResults}&UseIdentity=true&SalesPriceGroupUid=${MasterJson.SalesPriceGroupUid}`)
369                .done(function (data) {
370                    // console.log(data);
371                    
372                    if (data) {
373                        // Products:
374                        if (data.Products && data.Products.length) {
375                            const productsHtml = data.Products.map(item => {
376                                let fpf = item.FullPrice?.toLocaleString('sr-RS', {
377                                    style: 'currency',
378                                    currency: MasterJson.SearchCurrencyISO ? MasterJson.SearchCurrencyISO : 'RSD',
379                                    maximumFractionDigits: 0,
380                                });
381                                let spf = item.SalesPrice?.toLocaleString('sr-RS', {
382                                    style: 'currency',
383                                    currency: MasterJson.SearchCurrencyISO ? MasterJson.SearchCurrencyISO : 'RSD',
384                                    maximumFractionDigits: 0,
385                                });
386                                return `
387                                    <a class="product" href="${item.LinkUrl}">
388                                        <img src="${item.ImagePath || '/Assets/no_image.png'}" alt="${item.Name}" title="${item.Name}" onerror="this.onerror=null;this.src='/Assets/no_image.png';" />
389                                        <span class="name">${item.Name}</span>
390                                        <div class="prices">
391                                            ${item.FullPrice > item.SalesPrice ? '<span class="full">' + fpf + '</span>' : ''}
392                                            <span class="sales">${spf || ''}</span>
393                                        </div>
394                                    </a>
395                                `;
396                            }).join('');
397                            document.querySelector('#autocompleteNew #products-container .data').innerHTML = productsHtml;
398                            document.querySelector('#autocompleteNew #products-container .data').setAttribute('data-query', query);
399
400                            $('#autocompleteNew #products-container .pager').show();
401                            $('#autocompleteNew #products-container').show();
402                            $('#autocompleteNew #categories-container').css('grid-column', 'span 1');
403                            $('#autocompleteNew #categories-container .data').css('grid-template-columns', 'auto');
404                        } else {
405                            // document.querySelector('#autocompleteNew #products-container .data').innerHTML = '<div class="no-products">Za traženi termin nije pronađen nijedan proizvod</div>';
406                            $('#autocompleteNew #products-container').hide();
407                            $('#autocompleteNew #categories-container').css('grid-column', 'span 2');
408                            // $('#autocompleteNew #categories-container .data').css('grid-template-columns', '1fr 1fr 1fr');
409                            $('#autocompleteNew #categories-container .data').css('grid-template-columns', 'repeat(auto-fill, 300px)');
410                        }
411
412                        // Categories:
413                        if (data.Groups && data.Groups.length) {
414                            const groupsHtml = data.Groups.map(item => {
415                                return `
416                                    <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>
417                                `;
418                            }).join('');
419                            document.querySelector('#autocompleteNew #categories-container .data').innerHTML = groupsHtml;
420                            $('#autocompleteNew #categories-container').show();
421                            // $('#autocompleteNew #products-container').css({
422                            //     'border-right': '1px solid #ededed',
423                            //     'grid-column': 'span 1'
424                            // });
425                        } else {
426                            // document.querySelector('#autocompleteNew #categories-container .data').innerHTML = '<div class="no-products">Za traženi termin nije pronađena nijedna kategorija</div>';
427                            $('#autocompleteNew #categories-container .data').html('').
427closest('#categories-container').hide();
428                            // $('#autocompleteNew #products-container').css({
429                            //     'border-right': 'none',
430                            //     'border-bottom': 'none',
431                            //     'grid-column': 'span 2'
432                            // });
433                        }
434
435                        // No results in either sections:
436                        if (!data.Products?.length && !data.Groups?.length) {
437                            // $('#autocompleteNew #products-container .data').html('<div class="no-products">No results found for this search term</div>');
438                            $('#autocompleteNew #products-container').css('grid-column', 'span 2');
439                            $('#autocompleteNew #products-container .data').html('<div class="no-products">Za tra&#382;eni termin nisu prona&#273;eni rezultati</div>');
440                            $('#autocompleteNew #products-container .pager').hide();
441                            $('#autocompleteNew #products-container').show();
442                        } else {
443                            $('#autocompleteNew #products-container').css('grid-column', 'span 1');
444                        }
445
446                        // Pager:
447                        if (data.NbPages && data.NbPages > 1) {
448                            const pages = [];
449                            for (let i = 0; i < data.NbPages; i++) {
450                                pages.push(i);                            
451                            }
452
453                            if (pages.length > 7) {
454                                let startIndex = page - 4;
455                                let newPages = pages;
456
457                                // Pager's left side (start index):
458                                if (startIndex > 0) {
459                                    if (page > pages.length - 3) {
460                                        newPages = pages.slice(pages.length - 7, pages.length);
461                                    } else {
462                                        newPages = pages.slice(startIndex, startIndex + 7);
463                                    }
464                                } else {
465                                    newPages = pages.slice(0, 7);
466                                }
467
468                                // Next pager skip button:
469                                let nextPager = '';
470                                if (page < pages.length - 3) {
471                                    nextPager = `
472                                        <span class="page" title="Slede&cacute;ih 5" data-page="${page + 5 > pages.length ? pages.length : page + 5}">
473                                            <span class="bi bi-chevron-double-right" aria-hidden="true"></span>
474                                        </span>
475                                    `;
476                                }
477                                // Prev pager skip button
478                                let prevPager = '';
479                                if (page > 4) {
480                                    prevPager = `
481                                        <span class="page" title="Prethodnih 5" data-page="${page - 5 < 1 ? 1 : page - 5}">
482                                            <span class="bi bi-chevron-double-left" aria-hidden="true"></span>
483                                        </span>
484                                    `;
485                                }
486                                // Final pager's HTML to be rendered:
487                                const advPagerHtml = `
488                                    ${prevPager}
489                                    ${
490                                        newPages.map(item => {
491                                            return `
492                                            <span class="page ${page == item + 1 ? 'current' : ''}" data-page="${item + 1}">${item + 1}</span>
493                                            `;
494                                        }).join('')
495                                    }
496                                    ${nextPager}
497                                `;
498                                document.querySelector('#autocompleteNew #products-container .pager').innerHTML = advPagerHtml;
499                            } else {
500                                const pagerHtml = pages.map(item => {
501                                    return `
502                                        <span class="page ${page == item + 1 ? 'current' : ''}" data-page="${item + 1}">${item + 1}</span>
503                                    `;
504                                }).join('');
505                                document.querySelector('#autocompleteNew #products-container .pager').innerHTML = pagerHtml;
506                            }
507                        } else {
508                            document.querySelector('#autocompleteNew #products-container .pager').innerHTML = '';
509                        }
510
511                        // SHOW THE AUTOCOMPLETE DROPDOWN (END)
512                        $('#autocompleteNew').show();
513                    }
514                })
515                .fail(function (err) {
516                    console.log(err);
517                    console.log(err.responseJSON.Message);
518                })
519                .always(function () {
520                    // console.log('always triggered');
521                    $('.new-search-loader').fadeOut(150);
522                    $('.big-search-loader').fadeOut(150);
523                });
524        }
525    }
526
527    function clearAutocomplete() {
528        $('#autocompleteNew').hide();
529        $(textArea).val('');
530        document.querySelector('#autocompleteNew #products-container .pager').innerHTML = '';
531        document.querySelector('#autocompleteNew .data').innerHTML = '';
532        if (searchRequest) { searchRequest.abort(); }
533    }
534
535    function addSearchDelay(textArea, callback, delay) {
536        var timer = null;
537        textArea.onkeyup = function (event) {
538            var textInput = this;
539            if (event.key == 'Escape' || event.keyCode == 27) {
540                clearAutocomplete();
541                $(this).val('');
542                $('#bt_header').removeClass('search-opened');
543            } else if (this.value.length > 2 && !event.ctrlKey && !event.altKey) {
544                // console.log(event);
545                if (event.key == 'Enter' || event.keyCode == 13) {
546                    event.preventDefault();
547                    const searchQuery = textInput.value.trim();
548                    goToSearchResults(searchQuery);
549                    clearAutocomplete();
550                    $(this).val('');
551                } else {
552                    if (timer) {
553                        window.clearTimeout(timer);
554                    }
555                    timer = window.setTimeout(function () {
556                        timer = null;
557                        callback(textInput.value.trim(), 1);
558                    }, delay);
559                }
560            }
561        };
562        textArea = null;
563    }
564
565    // TEMP DISABLE FORM ENTER!!!
566    // $('form').on('keydown', function(event) {
567    //     if (event.key == 'Enter' || event.keyCode == 13) {
568    //         event.preventDefault();
569    //     }
570    // })
571
572    // DELAYING THE AJAX UNTIL THERE'S A PAUSE IN TYPING (800)?
573    addSearchDelay(textArea, getResults, 800);
574
575    // Klik na ikonu pretrage
576    $('i.bi-search').on('click', function() {
577        const searchQuery = textArea.value.trim().toLowerCase();
578        if (searchQuery.length > 2) {
579            goToSearchResults(searchQuery);
580            clearAutocomplete();
581        }
582    });
583
584    // PASTE event:
585    $('input#txtSearch').on('paste', function() {
586    // $('#autocompleteNew').on('paste', 'input#txtSearch', function() {
587        const query = event.clipboardData.getData('text').toLowerCase();
588        if (query.length > 2) {
589            getResults(query, 1);
590        }
591    });
592
593    // Pager click:
594    $('#autocompleteNew').on('click', '.page', function() {
595        const query = document.querySelector('#autocompleteNew #products-container .data').dataset.query || textArea.value.trim();
596        getResults(query, parseInt(this.dataset.page));
597    });
598
599    $('#autocompleteNew').on('click', '#close-btn', function() {
600        clearAutocomplete();
601        // $('input#txtSearch').focus();
602        $('body').removeClass('show-overlay');
603    });
604
605    function goToSearchResults(query) {
606        const newSearchPageUrl = `/g/f/Search=${encodeURL(query.toLowerCase())}`;
607        // const newSearchPageUrl = `/g/?query=${encodeURL(query)}`;
608
609        window.location.href = newSearchPageUrl;
610    }
611
612
613</script>
613
614															</div>
615															</div>
616														</div>
617													
618                    </div>
619                </div>
620
621                <div class="user-menu-wrapper dropdown itemmenu">
622                    
623                    
624                        <a href="/log-in.aspx" class="btn header-btn person"><i class="bi bi-person"></i></a>
625                    
626                    <div id="LoginZone" class="contentcontainer">
627															<div class="ver-item">
628
629																</div>
630															</div>
631														
632                </div>
633
634                <button type="button" class="btn header-btn itemmenu" id="basket-menu-open"
635                    aria-label="Open shopping cart">
636                    <i class="bi bi-cart2"></i>
637                    <span class="basket-header" data-vs-basket-count>0</span>
638                </button>
639            </div>
640        </div>
641
642        <div class="cont-horizontal">
643            <div id="HorizontalMenuZone" class="contentcontainer">
644																<div class="ver-item">
645
646																		<div class="module ver" IsTemplateWide="True">
647																			<span id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_lblTitle" class="main-title"></span>
648    <div class="lvl1-outer">
649        <div class="lvl1-scroll left">
650            <i class="bi bi-chevron-left"></i>
651        </div>
652        <div class="lvl1-inner">
653            <ul class="group-menu horiz">
654
655                
656                        <li>
657                            <div id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl00_pnlGroupHeader0" class="level1">
658																				
659                                <a id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl00_lnkImage123" title="POČETNA" class="level1-link" href="/">POČETNA</a>
660                            
661																			</div>
662                        </li>
663                    
664                        <li>
665                            <div id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl01_pnlGroupHeader0" class="level1">
666																				
667                                <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>
668                            
669																			</div>
670                        </li>
671                    
672                        <li>
673                            <div id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl02_pnlGroupHeader0" class="level1">
674																				
675                                <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>
676                            
677																			</div>
678                        </li>
679                    
680                        <li>
681                            <div id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl03_pnlGroupHeader0" class="level1">
682																				
683                                <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>
684                            
685																			</div>
686                        </li>
687                    
688                        <li>
689                            <div id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl04_pnlGroupHeader0" class="level1">
690																				
691                                <a id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl04_lnkImage123" title="KONTAKT" class="level1-link" href="/kontakt.aspx">KONTAKT</a>
692                            
693																			</div>
694                        </li>
695                    
696
697            </ul>
698        </div>
699        <div class="lvl1-scroll right">
700            <i class="bi bi-chevron-right"></i>
701        </div>
702    </div>
703
704    <!--  -->
705
706    <style>
707        .group-menu.horiz {
708            display: flex;
709            margin: 0 auto;
710        }
711
712        .group-menu.horiz a {
713            padding: 0.9rem;
714            display: block;
715            white-space: nowrap;
716            color: #000;
717            font-size: 0.9rem;
718        }
719
720        .lvl1-inner {
721            overflow: hidden;
722        }
723
724        /* .parent .dropdown {
725            background-clip: padding-box;
726            background-color: #ffffff;
727            border-bottom: 3px solid #93c667;
728            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
729            -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
730            -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
731            float: left;
732            list-style: outside none none;
733            min-width: 160px;
734            opacity: 0;
735            filter: alpha(opacity=0);
736            padding: 0;
737            position: absolute;
738            text-align: left;
739            top: 97%;
740            visibility: hidden;
741            z-index: 999999;
742            transform-origin: 0 0 0;
743            -webkit-transform-origin: 0 0 0;
744            -moz-transform-origin: 0 0 0;
745            transform: scale(1,0.7);
746            -webkit-transform: scale(1,0.7);
747            -moz-transform: scale(1,0.7);
748            transition: transform 0.5s ease 0s;
749            -webkit-transition: -webkit-transform 0.5s ease 0s;
750            -moz-transition: -moz-transform 0.5s ease 0s;
751
752            }
753            .parent:hover .dropdown {
754            opacity: 1;
755            filter: alpha(opacity=100);
756            visibility: visible;
757            transform: scale(1,1);
758            -webkit-transform: scale(1,1);
759            -moz-transform: scale(1,1);
760            }
761            .parent .dropdown ul {
762            display: flex;
763            flex-direction: column !important;
764            padding: 10px !important;
765            }
766            .parent .dropdown ul li{
767            border-top: 1px solid #ededed;
768            width: 100%;
769            text-align: center;
770            }
771            .parent .dropdown ul li:first-child{
772            border-top: none;
773            padding-top: 0;
774            }
775            .parent .dropdown ul li a:hover{
776            color: var(--primary)
777            } */
778    </style>
779																		</div>
780																		</div>
781																	</div>
782																
783        </div>
784    </header>
785
786    <nav class="main-menu side-menu left">
787        <div class="container">
788            <button type="button" class="btn header-btn close-menu" aria-label="Close menu">
789                <i class="bi bi-x"></i>
790            </button>
791            <div id="MenuZone" class="contentcontainer">
792																		<div class="ver-item">
793
794																				<div class="module ver" IsTemplateWide="True">
795																					<span id="ctl00_ctl00_CMSWebPartManager_FilterLeft1_FilterLefttitle1_ctl00_lblTitle" class="main-title"></span>
796
797<ul id="group-menu" class="group-menu"></ul>
798
799<style>
800    .group-menu a {
801        cursor: pointer;
802        padding: 0.75rem;
803        padding-left: 1rem;
804    }
805    .group-menu .level2-panel a {
806        padding-left: 1.25rem;
807    }
808    .group-menu .level3-panel a {
809        padding-left: 1.5rem;
810        background-color: rgba(0, 0, 0, 0.025);
811    }
812    .level1, .level2-panel {
813        position: relative;
814    }
815    .level1.has-sub > a::after,
816    .level2-panel.has-sub > a::after {
817        font-family: bootstrap-icons;
818        content: '\f282';
819        position: absolute;
820        top: 0.75rem;
821        right: 1rem;
822        transition: transform 0.2s ease-in-out;
823    }
824
825    .level2-panel.has-sub > a::after {
826        font-size: 0.7rem;
827    }
828
829    .level1.has-sub.open > a::after,
830    .level2-panel.has-sub.open > a::after {
831        transform: rotate(180deg);
832    }
833
834    .level2, .level3 {
835        display: none;
836    }
837    .level2-panel .level2-link {
838        font-weight: 400;
839    }
840
841    .level3 .level3-link {
842        font-size: 0.85rem;
843        font-weight: 300;
844        padding-left: 2rem;
845    }
846
847    nav.main-menu a.see-all-link {
848        font-size: 0.9rem;
849        padding-left: 1.5rem;
850    }
851
852    .level2 .level2-link {
853        font-size: 0.9rem;
854        padding-left: 1.5rem;
855        font-weight: 400;
856        position: relative;
857    }
858
859    .group-menu .error {
860        padding: 1.5rem;
861        color: var(--bs-warning);
862    }
863</style>
864
865																				</div>
866																				</div>
867																			</div>
868																		
869        </div>
870    </nav>
871
872    <div class="location-menu side-menu right">
873        <div class="top">
874            <div class="header">
875                <span class="title">Prodavnice</span>
876            </div>
877            <button type="button" class="btn header-btn close-menu" aria-label="Close menu">
878                <i class="bi bi-x"></i>
879            </button>
880        </div>
881        <div class="middle">
882            <div id="LocationsZone" class="contentcontainer">
883																				<div class="ver-item">
884
885																						<div class="module ver" IsTemplateWide="True">
886																							
887
888<div class="container">
889    <div id="ctl00_ctl00_CMSWebPartManager_Locations_Locationsmenu_ctl00_pnlGadetMode">
890																								
891        <div id="ctl00_ctl00_CMSWebPartManager_Locations_Locationsmenu_ctl00_pnlPresentation" class="location-gadet">
892																									
893            
894            
895        
896																								</div>
897    
898																							</div>
899</div>
900																						</div>
901																						</div>
902																					</div>
903																				
904        </div>
905    </div>
906
907    <div class="basket-menu side-menu right">
908        <div class="top">
909            <div class="header">
910                <span class="title">Korpa</span>
911                <span class="products-count"><span data-vs-basket-count>0</span> proizvod(a)</span>
912            </div>
913            <button type="button" class="btn header-btn close-menu" aria-label="Close menu">
914                <i class="bi bi-x"></i>
915            </button>
916        </div>
917        <div class="middle">
918            <div id="BasketZone" class="contentcontainer">
919																						<div class="ver-item">
920
921																								<div class="module ver" IsTemplateWide="True">
922																									<div class="basket-gadet">
923  <div id="custom-basket-loader" style="display: flex">
924    <img src="/templates/B2C/skins/main/images/Ripple-1s-200px.svg" alt="" style="aspect-ratio: 1 / 1;" />
925  </div>
926
927  <div id="basket-module-container"></div>
928</div>
929
930<style>
931  #custom-basket-loader {
932    height: calc(100vh - var(--header-height));
933    padding-bottom: 10rem;
934    justify-content: center;
935    align-items: center;
936
937    position: absolute;
938    width: 100%;
939    background-color: rgba(255, 255, 255, 0.8);
940  }
941  #custom-basket-loader img {
942    max-width: 10rem;
943  }
944
945  .basket-free-shipping {
946    padding: 0.75rem;
947    font-size: 0.9rem;
948  }
949  .basket-free-shipping > progress {
950    display: block;
951    width: 100%;
952    margin-top: 0.5rem;
953  }
954
955  #basket-module-container .basket-items {
956    display: grid;
957    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
958    padding: 0.75rem;
959    gap: 0.5rem;
960  }
961  #basket-module-container .basket-item {
962    border: 1px solid #d9d9d9;
963    border-radius: 3px;
964    background-color: #fff;
965    overflow: hidden;
966  }
967  .basket-item .name {
968    margin: 0.5rem;
969    overflow: hidden;
970    height: 51px;
971    line-height: 17px;
972  }
973  .basket-item .item-price-total {
974    margin: 0.5rem;
975    display: block;
976    text-align: end;
977    font-size: 0.9rem;
978  }
979  .basket-item .btn.delete-from-basket {
980    border-top: 1px solid #d9d9d9;
981    width: 100%;
982    padding: 0.5rem;
983    overflow: hidden;
984    font-size: 0.9rem;
985    margin-top: 0.25rem;
986  }
987  .basket-total {
988    padding: 0.75rem;
989    width: 100%;
990    display: flex;
991    flex-wrap: wrap;
992    font-weight: 500;
993    gap: 1rem;
994    justify-content: space-between;
995  }
996  .basket-separator {
997    margin: 0.75rem;
998    width: calc(100% - 1.5rem);
999    height: 1px;
1000    background-color: #d9d9d9;
1001  }
1002  .basket-gadet .buttons {
1003    justify-content: space-between;
1004    padding: 0.75rem;
1005    gap: 0.5rem;
1006    flex-wrap: wrap;
1007  }
1008  .basket-gadet .buttons .close-menu,
1009  .basket-gadet .buttons .proceed {
1010    /* margin-left: 0; */
1011    margin: auto;
1012  }
1013  .basket-gadet .text-danger {
1014    padding: 1rem;
1015    border: 1px solid;
1016    margin: 1rem;
1017    text-align: center;
1018  }
1019</style>
1020
1021																								</div>
1022																								</div>
1023																							</div>
1024																						
1025        </div>
1026    </div>
1027
1028    <div class="user-menu side-menu right">
1029        <button type="button" class="btn header-btn close-menu" aria-label="Close menu">
1030            <i class="bi bi-x"></i>
1031        </button>
1032        <div>
1033            <p>
1033user module goes here</p>
1034        </div>
1035    </div>
1036
1037    <section class="wide-top">
1038        <div id="WideTopZone" class="contentcontainer">
1039																								<div class="ver-item">
1040
1041																										<div class="module ver" IsTemplateWide="False">
1042																											
1043<!--<a id="ctl00_ctl00_CMSWebPartManager_UserList1_UserProductList_ctl00_lnkWishList" class="wish-list" vs-hover-target="#pnlwishlist" onclick="return false;" href="templates/B2C/skins/main/UserProductList/Chrome/#">Lista želja</a>-->
1044
1045        <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.3.1026/styles/kendo.common.min.css" />
1046<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.3.1026/styles/kendo.common-material.min.css" />
1047<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.3.1026/styles/kendo.material.min.css" />
1048<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.3.1026/styles/kendo.material.mobile.min.css" />
1049
1050<div class="container">
1051    <div id="pnlWishList" cssclass="similar-wish" clientidmode="Static">
1052        <h2 style="padding: 0 0.5rem;">Lista &zcaron;elja</h2>
1053        <div id="pnlWishListTable11" class="wishlist-table table-responsive">
1054        </div>
1055        <div id="wishList" class="afg-list check-if-empty">
1056        </div>
1057        <div class="elements_bottom_r">
1058        </div>
1059    </div>
1060</div>
1061
1062
1063<style>
1064    .k-loading-mask {
1065        opacity: 0.2;
1066    }
1067    .k-loading-image {
1068        background: url('/templates/B2C/skins/main/images/Ripple-1s-200px.svg') no-repeat center 70px !important;
1069        background-color: #fbf7f4 !important;
1070    }
1071    .action-sticker:empty {
1072        display: none;
1073    }
1074
1075    .variation-price-wrapper {
1076        margin: auto;
1077        background-color: #fff;
1078        padding: 0.5rem 1.5rem;
1079        text-align: center;
1080        height: 2rem;
1081        border-radius: 3px;
1082        border: 1px solid #d9d9d9;
1083        font-weight: 600;
1084    }
1085    .variation-price-wrapper span {
1086        line-height: 2rem;
1087    }
1088
1089    .variation-price-wrapper,
1090    .btn.cta {
1091        min-width: 4rem;
1092    }
1093    .btn.cta .loader,
1094    .btn.basket .loader {
1095        display: none;
1096        width: 2rem;
1097        height: 2rem;
1098    }
1099    .btn.cta.loading,
1100    .btn.basket.loading,
1101    .btn.basket.adding-to-basket {
1102        pointer-events: none;
1103    }
1104    .btn.cta.loading *,
1105    .btn.basket.loading *,
1106    .btn.basket.adding-to-basket * {
1107        font-size: 0;
1108        display: none;
1109    }
1110    .btn.cta.loading span,
1111    .btn.basket.loading span,
1112    .btn.basket.adding-to-basket span {
1113        display: none;
1114    }
1115    .btn.cta.loading .loader,
1116    .btn.basket.loading .loader,
1117    .btn.basket.adding-to-basket .loader {
1118        display: block;
1119        margin: auto;
1120    }
1121    .btn.basket.primary.adding-to-basket .loader {
1122        filter: brightness(0.5);
1123    }
1124
1125    .check-if-empty:empty::after {
1126        content:"Za odabrane kriterijume nisu pronađeni proizvodi. Pokušajte sa drugim kriterijumima.";   
1127        margin: 15px;
1128        padding: 15px;
1129        border-top: 1px solid #ff4136 !important;
1130        overflow: hidden;
1131        width: calc(100% - 4rem);
1132        background: rgba(255, 65, 54, 0.05);
1133        column-span: all;
1134        grid-column: 1 / -1;
1135    }
1136    .identifier {
1137        font-size: 14px;
1138        color: #9c9b9b;
1139        display: block;
1140        margin-top: 5px;
1141        margin-bottom: 0px;
1142        font-weight: 400;
1143        text-overflow: ellipsis;
1144        overflow: hidden;
1145        white-space: nowrap;
1146    }
1147    /* .product__details a {
1148        text-overflow: ellipsis;
1149        overflow: hidden;
1150        white-space: nowrap;
1151        width: 100%;
1152        display: block;
1153    } */
1154    .bradcaump-title {
1155        display: none;
1156    }
1157    .bradcaump-inner {
1158        margin-top: 7px;
1159    }
1160    .mean-container a.meanmenu-reveal {
1161        width: 35px;
1162        height: 35px;
1163    }
1164    .selectpicker {
1165        text-transform: uppercase;
1166  
1167    }
1168    .add__to__wishlist a {
1169        position: relative;
1170        z-index: 9;
1171    }
1172    .slider-action {
1173    background-color: var(--bs-red);
1174    padding: 0px 7px;
1175    color: #fff;
1176    line-height: 26px;
1177    border-radius: 3px;
1178    font-size: 14px;
1179    position: absolute;
1180    top: 0.5rem;
1181    right: 0.5rem;
1182
1183    }
1184    @media only screen and (min-width: 767px) and (max-width: 4000px) {
1185        .k-loading-mask {
1186            width: 100% !important;
1187            /* width: 135% !important; */
1188            /* left: -35% !important; */
1189            /* top: -54px !important; */
1190            height: 120vh !important;
1191        }
1192    }
1193</style>
1194
1195
1196
1197<script type="text/html" id="listResultTemplate">
1198    <div class="product #= SubTitle=='Reklama' ? 'ad__space' : '' #" > 
1199        <div class="product__inner">
1200
1201           <button type="button" data-toggle="tooltip" data-placement="bottom" title="Ukloni iz liste želja" class="remove-button" onclick="WishListBehaivorObj.RemoveFromWishList(this, '#:Uid#');location.reload();">
1202            <i class="bi bi-heart"></i>
1203            </button>
1204
1205
1206            <!-- #if (SalesListName && SalesListName != 'null' ) {#
1207                <span class="action-sticker">#: SalesListName #</span>
1208            #}# -->
1209
1210            #if (NewProduct == true) {#
1211                <div class="action-sticker">NOVO</div>
1212            #}#
1213            
1214            
1215
1216            <div class="pro_owl_thumb  category-list-inner">
1217
1218                <div class="slider-action">
1219                #if (ItemSalesPrices[1].Price){#
1220                    <span class="tg-themetag pp-action-sticker">#: SalesListName #</span> 
1221                #}#
1222                </div>
1223                
1224                <a class='product-image' href='/p/#:SalesItemId#/#:Name#'>
1225                    <img
1226                        style="aspect-ratio: 1 / 1;"
1227                        class="img-list"
1228                        alt="#:Name#"
1229                        loading="lazy"
1230                        onload="this.style.backgroundImage='none'"
1231                        onerror="this.onerror=null;this.src='/Assets/no_image.png';"
1232                        src=#: kendo.toString(ImageUrl) #
1233                    />
1234                </a>
1235
1236            </div>
1237
1238            <div class="add__to__wishlist">
1239                <a href="\\#" data-toggle="tooltip" id=#:Uid# title="Dodaj u listu želja" class="add-to-cart add-too-w-l" data-title="Dodaj u listu želja" onclick="AddToWishList($(this), '#:Uid#');"><span class="ti-heart" #= IsInWishList==true? 'style="color:red"' : '' #></span></a>
1240            </div>
1241        </div>
1242    
1243        <div class="product__details">
1244            <a class="name" href='/p/#:SalesItemId#/#:Name#'>#:Name#</a>
1245            # if (OnHand > 0) { #
1246                # if (NumberOfChildItems > 0){ # 
1247                    <div class="cta-wrapper">
1248                        <div class="price">
1249                            <span class="variation-price">
1250                                od #:kendo.toString(kendo.parseFloat(ItemSalesPrices[2].Price), "n2") # #: ItemSalesPrices[0].CurrencyISO #
1251                            </span>
1252                        </div>
1253                    </div>
1254                # } else { #
1255
1256                    <div class="cta-wrapper #:ItemSalesPrices[0].Price#">
1257
1258                        #if (ItemSalesPrices[1].Price){#
1259
1260                            <div class="price">
1261                                # if (ItemSalesPrices[0]?.Price > ItemSalesPrices[1].Price) { #
1262                                    <span class="no-wrap full-price">
1263                                        #: kendo.toString(kendo.parseFloat(ItemSalesPrices[0].Price), "n2") # #: ItemSalesPrices[0].CurrencyISO #
1264                                    </span>
1265                                # } #
1266                                <span class="no-wrap action-price">
1267                                    #: kendo.toString(kendo.parseFloat(ItemSalesPrices[1].Price), "n2") # #: ItemSalesPrices[0].CurrencyISO #
1268                                </span>
1269                            </div>
1270
1271                            <button type="button" class="btn basket primary ga-addtobasket" onclick="BasketBehaivorObj.AddToBasket(this, '#:Uid#', 1);handleLoadingState(this);analyticsAddToBasket('#:Uid#', '#:Name#', 0, '#: kendo.toString(kendo.parseFloat(ItemSalesPrices[1].Price), "n2") #', 0, 'list');">
1272                                <img src="/templates/B2C/skins/main/images/Ripple-1s-200px.svg" class="loader" alt="">
1273                                <i class="bi bi-cart-plus"></i>
1274                            </button>
1275
1276                        #} else if (ItemSalesPrices[2].Price) {#
1277
1278                            <div class="price">
1279                                # if (ItemSalesPrices[0]?.Price > ItemSalesPrices[2].Price) { #
1280                                    <span class="no-wrap full-price">
1281                                        #: kendo.toString(kendo.parseFloat(ItemSalesPrices[0].Price), "n2") # #: ItemSalesPrices[0].CurrencyISO #
1282                                    </span>
1283                                # } #
1284                                <span class="no-wrap sales-price">
1285                                    #: kendo.toString(kendo.parseFloat(ItemSalesPrices[2].Price), "n2") # #: ItemSalesPrices[0].CurrencyISO #
1286                                </span>
1287                            </div>
1288
1289                            <button type="button" class="btn basket primary ga-addtobasket" onclick="BasketBehaivorObj.AddToBasket(this, '#:Uid#', 1);handleLoadingState(this);analyticsAddToBasket('#:Uid#', '#:Name#', 0, '#: kendo.toString(kendo.parseFloat(ItemSalesPrices[2].Price), "n2") #', 0, 'list');">
1290                                <img src="/templates/B2C/skins/main/images/Ripple-1s-200px.svg" class="loader" alt="">
1291                                <i class="bi bi-cart-plus"></i>
1292                            </button>
1293
1294                        #} else if (ItemSalesPrices[1].Price == 0 || ItemSalesPrices[2].Price == 0) {#
1295
1296                            <span class="price no-wrap na-upit">Na upit</span>
1297                            <a class="btn basket warning" href="/kontakt.aspx">
1298                                <i class="bi bi-envelope"></i>
1299                            </a>
1300
1301                        #}#
1302
1303                    </div>
1304
1305                # } # 
1306            # } else { #
1307                <div class="cta-wrapper">
1308                    <span class="price">Nema na stanju</span>
1309                    <button type="button" class="btn basket primary" id="disabled-bsk">
1310                        <img src="/templates/B2C/skins/main/images/Ripple-1s-200px.svg" class="loader" alt="">
1311                        <i class="bi bi-cart-plus"></i>
1312                    </button>
1313                </div>
1314            # } #
1315        </div>
1316    </div>
1317</script>
1317
1318
1319<script src='https://cdn-test.b2bee.rs/new1/library/kendo/kendo.custom.min.js'></script>
1319
1320
1321<script type="text/javascript">
1322
1323function initUserUid()
1324{
1325
1326      
1327            var result = JSON.parse($.ajax({    
1328                url: "/Services/EcommerceService.svc/GetUserUid",
1329                async: false}).responseText);
1330    
1331            return result.d;           
1332            
1333       
1334}
1335
1336function renderKendo(){
1337
1338    var url = `${MasterJson.ECommerceAPIProductsGetUrl}?SalesPriceGroupUid=${MasterJson.SalesPriceGroupUid}&filterWishListOnly=true&userUid=${initUserUid()}`;
1339        console.log(url);
1340    $("#wishList").kendoListView({
1341                dataSource: {
1342                    transport: {
1343                        read: {
1344                            url: url,
1345                            dataType: "json"
1346                        }
1347                    },
1348                    schema: {
1349                        data: function (response) {
1350                            return response.SalesItems; // Pretpostavka da odgovor sadrži podatke u `data` polju
1351                        }
1352                    },
1353                    pageSize: 10
1354                },
1355                template: kendo.template($("#listResultTemplate").html()),
1356                pageable: true
1357            });
1358
1359}
1360    $(function() {
1361        renderKendo();
1362    })
1363    
1364
1365    
1366</script>
1366
1367
1368<style>
1369    #pnlWishList {
1370        min-height: 500px;
1371        padding: 30px 0;
1372    }
1373    #pnlWishList #wishList {
1374        border: none;
1375    }
1376    #pnlWishListTable11 {
1377        overflow: auto;
1378    }
1379    #wishList .remove-button {
1380        position: absolute;
1381        top: 0.5rem;
1382        right: 0.5rem;
1383        font-weight: 500;
1384        font-size: 1.05rem;
1385        font-synthesis-weight: 24px;
1386        border: 1px solid var(--dark-primary);
1387        border-radius: 3px;
1388        cursor: pointer;
1389        background-color: var(--dark-primary);
1390        color: #fff;
1391        padding: 2px 3px 0;
1392        transition: all 0.15s linear 0s;
1393    }
1394    #wishList .remove-button:hover {
1395        background-color: #fff;
1396        color: var(--dark-primary);
1397    }
1398    .wish_list__table {
1399        margin:50px auto;
1400        padding: 10px 20px;
1401    }
1402    .wish_list__table .cell-view {
1403        min-width: 270px;
1404    }
1405    .wish_list__table tbody tr td:first-of-type {
1406        width:100px !important;
1407    }
1408</style>
1409																										</div>
1410																										</div>
1411																									</div>
1412																								
1413    </section>
1414
1415    <div class="main-wrapper container">
1416        <aside class="left-zone">
1417            <div id="LeftZone" class="contentcontainer">
1418																										<div class="ver-item">
1419
1420																											</div>
1421																										</div>
1422																									
1423        </aside>
1424        <main class="right-zone">
1425            <div id="RightZone" class="contentcontainer">
1426																											<div class="ver-item">
1427
1428																												</div>
1429																											</div>
1430																										
1431        </main>
1432    </div>
1433
1434     <div class="main-wrapper container tm-gridbox">
1435        <div class="left-zone">
1436            <div id="LeftZoneV1" class="contentcontainer">
1437																												<div class="ver-item">
1438
1439																													</div>
1440																												</div>
1441																											
1442        </div>
1443        <div class="right-zone">
1444            <div id="RightZoneV1" class="contentcontainer">
1445																													<div class="ver-item">
1446
1447																														</div>
1448																													</div>
1449																												
1450        </div>
1451    </div>
1452
1453    <section class="wide-bottom">
1454        <div id="WideBottomZone" class="contentcontainer">
1455																														<div class="ver-item">
1456
1457																															</div>
1458																														</div>
1459																													
1460    </section>
1461
1462    <footer>
1463        <div class="container">
1464            <div class="footer-wrapper">
1465                <div class="footer-info">
1466                    <div class="footer-logo">
1467                        <img loading="lazy" title="B2C" src="/Uploads/B2C/logo-white.png" alt="Logo">
1468                    </div>
1469                    <div id="FooterContactZone" class="contentcontainer">
1470																															<div class="ver-item">
1471
1472																																	<div class="module ver" IsTemplateWide="True">
1473																																		
1474
1475																																	</div>
1476																																		<div class="module ver" IsTemplateWide="True">
1477																																			
1478
1479																																		</div>
1480																																			<div class="module ver" IsTemplateWide="True">
1481																																				
1482
1483																																			</div>
1484																																			</div>
1485																																		</div>
1486																																	
1487                </div>
1488                <div class="footer-text">
1489                    <div id="FooterZone" class="contentcontainer">
1490																																			<div class="ver-item">
1491
1492																																					<div class="module ver" IsTemplateWide="True">
1493																																						
1494
1495<ul class="about-footer-gadet-ascx">
1496    <li style="color: var(--primary); text-decoration: underline; padding: 0.5rem;">
1497        KORISNI LINKOVI
1498    </li>
1499
1500    
1501
1502</ul>
1503
1504
1505    
1506																																					</div>
1507																																						<div class="module ver" IsTemplateWide="True">
1508																																							
1509
1510<ul class="service-user">
1511    <li style="color: var(--primary); text-decoration: underline; padding: 0.5rem;">
1512        KORISNIČKI SERVIS
1513    </li>
1514    
1515            <li>
1516                <a id="ctl00_ctl00_CMSWebPartManager_UserFooter_UserFooterGadget_
1516ctl00_rptNewsList_ctl00_lblHeader" class="title" href="/v/5c1e3d4f-c913-4fd4-96ad-f14baa9e0cc3/O-nama.aspx">O nama</a>
1517            </li>
1518        
1519            <li>
1520                <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>
1521            </li>
1522        
1523            <li>
1524                <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>
1525            </li>
1526        
1527            <li>
1528                <a id="ctl00_ctl00_CMSWebPartManager_UserFooter_UserFooterGadget_ctl00_rptNewsList_ctl03_lblHeader" class="title" href="/v/91a215be-670b-467b-a27a-a04b29d4e699/Uslovi-koriscenja.aspx">Uslovi korišćenja</a>
1529            </li>
1530        
1531            <li>
1532                <a id="ctl00_ctl00_CMSWebPartManager_UserFooter_UserFooterGadget_ctl00_rptNewsList_ctl04_lblHeader" class="title" href="/v/e2499613-7b67-4165-8217-cb24bf69d008/Reklamacije.aspx">Reklamacije</a>
1533            </li>
1534        
1535            <li>
1536                <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>
1537            </li>
1538        
1539            <li>
1540                <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>
1541            </li>
1542        
1543    
1544</ul>
1545<ul>    
1546    <li style="color: var(--primary); text-decoration: underline; padding: 0.5rem;">
1547        KORISNIČKI NALOG
1548    </li>
1549    <li id="footer-registration">
1550        <a href="/log-in.aspx" >registracija</a>
1551    </li>
1552    <li id="footer-password">
1553        <a href="/reset-sifre.aspx" >zaboravili ste lozinku?</a>
1554    </li>
1555    <li>
1556        <a href="/korpa.aspx" >korpa proizvoda</a>
1557    </li>
1558    <li id="footer-wishlist" style="display:none;">
1559        <a href="/lista-zelja.aspx" >lista &zcaron;elja</a>
1560    </li>
1561</ul>
1562
1563
1564
1565																																						</div>
1566																																						</div>
1567																																					</div>
1568																																				
1569                </div>
1570            </div>
1571        </div>
1572        <div class="container footer-wrapper-sec">
1573            <div id="LegalZone" class="contentcontainer">
1574																																						<div class="ver-item">
1575
1576																																								<div class="module ver" IsTemplateWide="True">
1577																																									
1578
1579
1580        <div class="copyright">
1581            <p>© <span id="current-year"></span> All rights Reserved
1582                <span>
1583                    <span> Made in
1584                        <a title="B2BeeHive application" style="text-decoration:none" href="https://B2Bee.net" ><strong>B2B<span style="color:yellow">ee</span></strong>'s Hive.
1585                        </a>
1586                    </span>
1587                </span>
1588            </p>
1589            
1590        </div>
1591
1592
1593<script>
1594document.getElementById("current-year").innerHTML = new Date().getFullYear();
1595</script>
1595
1596																																								</div>
1597																																								</div>
1598																																							</div>
1599																																						
1600            <div id="SocialZone" class="contentcontainer">
1601																																								<div class="ver-item">
1602
1603																																										<div class="module ver" IsTemplateWide="True">
1604																																											
1605
1606    <div class="social-icons">
1607        
1608                <a id="ctl00_ctl00_CMSWebPartManager_Social_SocialGadget_ctl00_rptNewsList_ctl00_lblHeader" class="title testx" href="https://www.instagram.com/deretaknjige/" target="_blank"></a>
1609            
1610                <a id="ctl00_ctl00_CMSWebPartManager_Social_SocialGadget_ctl00_rptNewsList_ctl01_lblHeader" class="title testx" href="https://www.youtube.com/channel/UCO7lakY4fBy0G4iB4Iibdcw" target="_blank"></a>
1611            
1612                <a id="ctl00_ctl00_CMSWebPartManager_Social_SocialGadget_ctl00_rptNewsList_ctl02_lblHeader" class="title testx" href="https://twitter.com/Deretaknjige" target="_blank"></a>
1613            
1614                <a id="ctl00_ctl00_CMSWebPartManager_Social_SocialGadget_ctl00_rptNewsList_ctl03_lblHeader" class="title testx" href="https://www.facebook.com/dereta/" target="_blank"></a>
1615            
1616    </div>
1617
1618
1619<script>
1620    document.addEventListener('DOMContentLoaded', function () {
1621    var socialIcons = document.querySelectorAll('.social-icons a');
1622    
1623    socialIcons.forEach(function(icon) {
1624        // ⚠️ Proveri da li <i> već postoji unutar <a>
1625        if (icon.querySelector('i')) return;
1626
1627        var url = icon.getAttribute('href');
1628        var iconClass = getIconClass(url);
1629        
1630        if (iconClass) {
1631            var newIcon = document.createElement('i');
1632            newIcon.className = iconClass;
1633            icon.appendChild(newIcon);
1634        }
1635    });
1636
1637    function getIconClass(url) {
1638        if (!url) return null;
1639
1640        url = url.toLowerCase();
1641        if (url.includes('instagram')) return "bi bi-instagram";
1642        if (url.includes('facebook')) return "bi bi-facebook";
1643        if (url.includes('twitter')) return "bi bi-twitter";
1644        if (url.includes('pinterest')) return "bi bi-pinterest";
1645        if (url.includes('linkedin')) return "bi bi-linkedin";
1646        if (url.includes('whatsapp')) return "bi bi-whatsapp";
1647        if (url.includes('youtube')) return "bi bi-youtube";
1648        return null;
1649    }
1650});
1651
1652</script>
1652
1653																																										</div>
1654																																										</div>
1655																																									</div>
1656																																								
1657        </div>
1658    </footer>
1659    <div id="CreditCardsZone" class="contentcontainer">
1660																																										<div class="ver-item">
1661
1662																																												<div class="module ver" IsTemplateWide="True">
1663																																													
1664
1665<div class="bt-footer-bottom">
1666    <div class="container">
1667        
1668                    <div id="ctl00_ctl00_CMSWebPartManager_CreditCard_CreditCardtitle_ctl00_rptNewsList_ctl00_HyperLink2" Text="cards">
1669																																														
1670                        <div class="credit-card-container">
1671            <div class="credit-card-item">
1672                <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">
1673                <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">
1674                <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">
1675                <img loading="lazy" src="/templates/B2C/skins/main/images/creditcard/amex.png" alt="amex payment" title="amex payment" class="e-rte-image e-imginline">
1676                <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">
1677            </div>
1678            <div class="credit-card-item">
1679                <a href="http://www.bancaintesa.rs" aria-label="Banca Intesa">
1680                    <img loading="lazy" src="/templates/B2C/skins/main/images/creditcard/bancaintesaCC.png" alt="banca intesa" title="banca intesa" class="e-rte-image e-imginline">
1681                </a>
1682            </div>
1683            <div class="credit-card-item">
1684                <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>
1685                <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>
1686            </div>
1687        </div>
1688                    
1689																																													</div>
1690            
1691    </div>
1692</div>
1693
1694
1695
1696
1697																																												</div>
1698																																												</div>
1699																																											</div>
1700																																										
1701
1702    <div id="ModalZone" class="contentcontainer">
1703																																												<div class="ver-item">
1704
1705																																													</div>
1706																																												</div>
1707																																											
1708
1709
1710        </div>
1711        
1712    
1713																																											
1714<script type="text/javascript">
1715//<![CDATA[
1716document.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();});$(function(sender, args) {WishListBehaivorObj = new WishBehaivor('#pnlWishList', '#pnlWishListTable', 'Naziv', 'Translation service is not created.', '/EcommerceService.svc/', 'Proizvod dodat u listu želja.', 'Morate biti ulogovani.'); WishListBehaivorObj.GetAndRefreshWishList();});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.';//]]>
1717</script>
1717
1718</form>
1719    
1720    
1721        
1722        
1722<script defer src="/templates/B2C/skins/main/js/custom-fragments/cookieconsent-init.js?v=2"></script>
1722
1723
1724        
1724<script src="/templates/B2C/skins/main/js/custom-fragments/custom-swiper-init.js" defer></script>
1724
1725        
1725<script src="/templates/B2C/skins/main/js/global.js?4"></script>
1725
1726    
1727
1728    
1729
1730    
1731</body>
1732
1733</html><span id="GENSTAMP" style="display:none;">Generated: 14:00:19</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.