PageSourceSearch

https://dereta.rs/profil-korisnika.aspx

html dereta.rs collected 2026-10-02 12:00:19 UTC 64,024 bytes, 1,501 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/profil-korisnika.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="/profil-korisnika.aspx" id="aspnetForm">
167<div>
168<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
169<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
170<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="TWEI0Ab7NBXW9jWOGCPuHQzC/X1zL7bi/F0vFGfWVCk8dBE+T06FUWq90tL89qIn1Q8GcXIio9hnUvErz02CiyqaCpVRTReCr688yZWqV+UOlAWm0D25WIgAKA65CMjX9SQNT3iSThaFS/Fmox1C9UCgoU49DmY+NrYGNyOmBCLuDXKFFC+JK6DubT6HRvV8i98kAT5kE/jtKXKyyhGoJhvJSfwHEr/ijjwOdQxXocz0gn2sIC8vLqO9Stuh50BBtjkyyA5qFvEo+XoEw4Dz9PBUQWUmQc+g/j8hBP50rrYpxHq22XHegZmHgVh1jdIOc7lzFBoxqcruXtjpfthJEznieTsOW/Afnbx3jwEQEFQ=" />
171</div>
172
173<script type="text/javascript">
174//<![CDATA[
175var theForm = document.forms['aspnetForm'];
176function __doPostBack(eventTarget, eventArgument) {
177    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
178        theForm.__EVENTTARGET.value = eventTarget;
179        theForm.__EVENTARGUMENT.value = eventArgument;
180        theForm.submit();
181    }
182}
183//]]>
184</script>
184
185
186
187																																												<div>
188
189																																													<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="402D0E2F" />
190																																													<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="ttkaFi4Gp52PyMNmOic8vja9svgi5mh3QU3WKzoU4MtUIdDdiLxSZeeaXfE37NTpgTBuLYxQqSqEjjQPh0aH/FS7IEr+K3zP1DgELos+ruTFZ5OJ8QO55Em4WV/f7s5q2schtZ9sOvl3BT9yeqE1bvTOUw+hmqUohEqMYoqnJuC5mIZqReTIztS3Klrov/Hn" />
191																																												</div>
192        <div>
193            
194            
195            
196
197    <div style="display: none;">
198        <div id="HelpZone" class="contentcontainer">
199		<div class="ver-item">
200
201				<div class="module ver" IsTemplateWide="True">
202
203				</div>
204					<div class="module ver" IsTemplateWide="True">
205						<div id="ctl00_ctl00_CMSWebPartManager_Basket1_BasketTitle_ctl00_pnlInnerBasket" class="basket-gadet" style="display:none;">
206							
207    
208    
209    
210    <div class="basket_gadet_table">
211        <table cellspacing="0" cellpadding="4" border="0" id="ctl00_ctl00_CMSWebPartManager_Basket1_BasketTitle_ctl00_dgItems" style="border-width:0px;border-collapse:collapse;">
212								<tr class="basketheaderStyle">
213									<td align="left" style="width:155px;">
214                        <span id="ctl00_ctl00_CMSWebPartManager_Basket1_BasketTitle_ctl00_dgItems_ctl01_lblheader1" class="link">Livre</span>
215                    </td><td align="center" style="width:10px;">
216                        <span id="ctl00_ctl00_CMSWebPartManager_Basket1_BasketTitle_ctl00_dgItems_ctl01_lblheader2">qnt.</span>
217                    </td><td align="right">
218                        <span id="ctl00_ctl00_CMSWebPartManager_Basket1_BasketTitle_ctl00_dgItems_ctl01_lblheader3">Prix</span>
219                    </td><td style="width:8px;">&nbsp;</td>
220								</tr>
221							</table>
222    </div>
223    <div class="total"></div>
224    <a id="ctl00_ctl00_CMSWebPartManager_Basket1_BasketTitle_ctl00_lnkPrice2" class="total_price text-dark-primary" href="korpa.aspx"></a>
225    
226    <div class="buttons">
227        <span class="btn cta close-menu">Zatvori</span>
228        
229        <a href="/korpa.aspx" class="btn text-btn dark proceed">Završi kupovinu</a>
230    </div>
231
232						</div>
233
234					</div>
235					</div>
236				</div>
237			
238        <div id="FooterZone21" class="contentcontainer">
239					<div class="ver-item">
240
241							<div class="module ver" IsTemplateWide="True">
242								
243<div id="ctl00_ctl00_CMSWebPartManager_Copyright1_Copyright1title_ctl00_Panel1" class="main-content">
244									
245    <div id="ctl00_ctl00_CMSWebPartManager_Copyright1_Copyright1title_ctl00_cr1">
246										
247    
248									</div>
249
250								</div>
251							</div>
252							</div>
253						</div>
254					
255        <div id="FooterZone22" class="contentcontainer">
256							<div class="ver-item">
257
258									<div class="module ver" IsTemplateWide="True">
259										
260<div id="ctl00_ctl00_CMSWebPartManager_Copyright2_Copyright2title_ctl00_Panel1" class="main-content">
261											
262    <div id="ctl00_ctl00_CMSWebPartManager_Copyright2_Copyright2title_ctl00_cr2">
263												
264    
265											</div>
266
267										</div>
268									</div>
269									</div>
270								</div>
271							
272    </div>
273
274    <div id="CustomLoaderZone" class="contentcontainer">
275									<div class="ver-item">
276
277										</div>
278									</div>
279								
280
281    <!-- TM -->
282
283    <div class="fixed-header-compensation"></div>
284    <div class="body-overlay"></div>
285
286    <header>
287        <div class="buttons-search">
288            <div class="container">
289                <button type="button" class="btn header-btn itemmenu" id="main-menu-open"
290                    aria-label="Main menu open">
291                    <i class="bi bi-list"></i>
292                </button>
293
294                <div class="itemmenu">
295                    <div id="HeaderZone" class="contentcontainer">
296										<div class="ver-item">
297
298												<div class="module ver" IsTemplateWide="True">
299													<div id="ctl00_ctl00_CMSWebPartManager_Logo_LogoTitle_ctl00_pnlBanner" class="logo-zone">
300														
301    <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>
302
303													</div>
304
305												</div>
306												</div>
307											</div>
308										
309                </div>
310
311                <div class="search-menu itemmenu">
312                    <div class="container">
313                        <div id="SearchZone" class="contentcontainer">
314												<div class="ver-item">
315
316														<div class="module ver" IsTemplateWide="True">
317															<div class="search-inner">
318    <input placeholder='Unesite pojam za pretragu' type="search" name="search" id="txtSearch" autocomplete="off">
319    <span class="new-search-loader" style="display: none;">
320        <img src="/templates/B2C/skins/main/images/Rolling-1s-200px.svg" alt="loader" />
321    </span>
322    <i class="bi bi-search"></i>
323    
324</div>
325 
326<div id="autocompleteNew" style="display: none;">
327    <span id="close-btn">
328        <span class="bi bi-x" aria-hidden="true"></span>
329    </span>
330    <div id="products-container">
331        <div class="title">Proizvodi</div>
332        <div class="data"></div>
333        <div class="pager"></div>
334        
335    </div>
336    <div id="categories-container">
337        <div class="title">Kategorije</div>
338        <div class="data"></div>
339    </div>
340    <div class="big-search-loader" style="display: none;">
341        <img src="/templates/B2C/skins/main/images/Ripple-1s-200px.svg" alt="loader" />
342    </div>
343</div>
344
345<style>
346    #txtSearch, #txtSearch::placeholder {
347        color: var(--bs-gray-600);
348    }
349</style>
350
351<script>
352    const numberOfResults = 6;
353    const textArea = document.getElementById("txtSearch");
354    let searchRequest = null;
355
356    function getResults(query, page) {
357        // console.log('getResults called');
358        if (query.length > 2) {
359            $('.new-search-loader').fadeIn(150);
360            $('.big-search-loader').fadeIn(150);
361            query = encodeURL(query);
362            // console.log('start search for:', query);
363    
364            searchRequest = $.ajax(MasterJson.ECommerceAPIGetSearchResultsUrl + `?query=${query}&page=${page}&take=${numberOfResults}&UseIdentity=true&SalesPriceGroupUid=${MasterJson.SalesPriceGroupUid}`)
365                .done(function (data) {
366                    // console.log(data);
367                    
368                    if (data) {
369                        // Products:
370                        if (data.Products && data.Products.length) {
371                            const productsHtml = data.Products.map(item => {
372                                let fpf = item.FullPrice?.toLocaleString('sr-RS', {
373                                    style: 'currency',
374                                    currency: MasterJson.SearchCurrencyISO ? MasterJson.SearchCurrencyISO : 'RSD',
375                                    maximumFractionDigits: 0,
376                                });
377                                let spf = item.SalesPrice?.toLocaleString('sr-RS', {
378                                    style: 'currency',
379                                    currency: MasterJson.SearchCurrencyISO ? MasterJson.SearchCurrencyISO : 'RSD',
380                                    maximumFractionDigits: 0,
381                                });
382                                return `
383                                    <a class="product" href="${item.LinkUrl}">
384                                        <img src="${item.ImagePath || '/Assets/no_image.png'}" alt="${item.Name}" title="${item.Name}" onerror="this.onerror=null;this.src='/Assets/no_image.png';" />
385                                        <span class="name">${item.Name}</span>
386                                        <div class="prices">
387                                            ${item.FullPrice > item.SalesPrice ? '<span class="full">' + fpf + '</span>' : ''}
388                                            <span class="sales">${spf || ''}</span>
389                                        </div>
390                                    </a>
391                                `;
392                            }).join('');
393                            document.querySelector('#autocompleteNew #products-container .data').innerHTML = productsHtml;
394                            document.querySelector('#autocompleteNew #products-container .data').setAttribute('data-query', query);
395
396                            $('#autocompleteNew #products-container .pager').show();
397                            $('#autocompleteNew #products-container').show();
398                            $('#autocompleteNew #categories-container').css('grid-column', 'span 1');
399                            $('#autocompleteNew #categories-container .data').css('grid-template-columns', 'auto');
400                        } else {
401                            // document.querySelector('#autocompleteNew #products-container .data').innerHTML = '<div class="no-products">Za traženi termin nije pronađen nijedan proizvod</div>';
402                            $('#autocompleteNew #products-container').hide();
403                            $('#autocompleteNew #categories-container').css('grid-column', 'span 2');
404                            // $('#autocompleteNew #categories-container .data').css('grid-template-columns', '1fr 1fr 1fr');
405                            $('#autocompleteNew #categories-container .data').css('grid-template-columns', 'repeat(auto-fill, 300px)');
406                        }
407
408                        // Categories:
409                        if (data.Groups && data.Groups.length) {
410                            const groupsHtml = data.Groups.map(item => {
411                                return `
412                                    <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>
413                                `;
414                            }).join('');
415                            document.querySelector('#autocompleteNew #categories-container .data').innerHTML = groupsHtml;
416                            $('#autocompleteNew #categories-container').show();
417                            // $('#autocompleteNew #products-container').css({
418                            //     'border-right': '1px solid #ededed',
419                            //     'grid-column': 'span 1'
420                            // });
421                        } else {
422                            // document.querySelector('#autocompleteNew #categories-container .data').innerHTML = '<div class="no-products">Za traženi termin nije pronađena nijedna kategorija</div>';
423                            $('#autocompleteNew #categories-container .data').html('').
423closest('#categories-container').hide();
424                            // $('#autocompleteNew #products-container').css({
425                            //     'border-right': 'none',
426                            //     'border-bottom': 'none',
427                            //     'grid-column': 'span 2'
428                            // });
429                        }
430
431                        // No results in either sections:
432                        if (!data.Products?.length && !data.Groups?.length) {
433                            // $('#autocompleteNew #products-container .data').html('<div class="no-products">No results found for this search term</div>');
434                            $('#autocompleteNew #products-container').css('grid-column', 'span 2');
435                            $('#autocompleteNew #products-container .data').html('<div class="no-products">Za tra&#382;eni termin nisu prona&#273;eni rezultati</div>');
436                            $('#autocompleteNew #products-container .pager').hide();
437                            $('#autocompleteNew #products-container').show();
438                        } else {
439                            $('#autocompleteNew #products-container').css('grid-column', 'span 1');
440                        }
441
442                        // Pager:
443                        if (data.NbPages && data.NbPages > 1) {
444                            const pages = [];
445                            for (let i = 0; i < data.NbPages; i++) {
446                                pages.push(i);                            
447                            }
448
449                            if (pages.length > 7) {
450                                let startIndex = page - 4;
451                                let newPages = pages;
452
453                                // Pager's left side (start index):
454                                if (startIndex > 0) {
455                                    if (page > pages.length - 3) {
456                                        newPages = pages.slice(pages.length - 7, pages.length);
457                                    } else {
458                                        newPages = pages.slice(startIndex, startIndex + 7);
459                                    }
460                                } else {
461                                    newPages = pages.slice(0, 7);
462                                }
463
464                                // Next pager skip button:
465                                let nextPager = '';
466                                if (page < pages.length - 3) {
467                                    nextPager = `
468                                        <span class="page" title="Slede&cacute;ih 5" data-page="${page + 5 > pages.length ? pages.length : page + 5}">
469                                            <span class="bi bi-chevron-double-right" aria-hidden="true"></span>
470                                        </span>
471                                    `;
472                                }
473                                // Prev pager skip button
474                                let prevPager = '';
475                                if (page > 4) {
476                                    prevPager = `
477                                        <span class="page" title="Prethodnih 5" data-page="${page - 5 < 1 ? 1 : page - 5}">
478                                            <span class="bi bi-chevron-double-left" aria-hidden="true"></span>
479                                        </span>
480                                    `;
481                                }
482                                // Final pager's HTML to be rendered:
483                                const advPagerHtml = `
484                                    ${prevPager}
485                                    ${
486                                        newPages.map(item => {
487                                            return `
488                                            <span class="page ${page == item + 1 ? 'current' : ''}" data-page="${item + 1}">${item + 1}</span>
489                                            `;
490                                        }).join('')
491                                    }
492                                    ${nextPager}
493                                `;
494                                document.querySelector('#autocompleteNew #products-container .pager').innerHTML = advPagerHtml;
495                            } else {
496                                const pagerHtml = pages.map(item => {
497                                    return `
498                                        <span class="page ${page == item + 1 ? 'current' : ''}" data-page="${item + 1}">${item + 1}</span>
499                                    `;
500                                }).join('');
501                                document.querySelector('#autocompleteNew #products-container .pager').innerHTML = pagerHtml;
502                            }
503                        } else {
504                            document.querySelector('#autocompleteNew #products-container .pager').innerHTML = '';
505                        }
506
507                        // SHOW THE AUTOCOMPLETE DROPDOWN (END)
508                        $('#autocompleteNew').show();
509                    }
510                })
511                .fail(function (err) {
512                    console.log(err);
513                    console.log(err.responseJSON.Message);
514                })
515                .always(function () {
516                    // console.log('always triggered');
517                    $('.new-search-loader').fadeOut(150);
518                    $('.big-search-loader').fadeOut(150);
519                });
520        }
521    }
522
523    function clearAutocomplete() {
524        $('#autocompleteNew').hide();
525        $(textArea).val('');
526        document.querySelector('#autocompleteNew #products-container .pager').innerHTML = '';
527        document.querySelector('#autocompleteNew .data').innerHTML = '';
528        if (searchRequest) { searchRequest.abort(); }
529    }
530
531    function addSearchDelay(textArea, callback, delay) {
532        var timer = null;
533        textArea.onkeyup = function (event) {
534            var textInput = this;
535            if (event.key == 'Escape' || event.keyCode == 27) {
536                clearAutocomplete();
537                $(this).val('');
538                $('#bt_header').removeClass('search-opened');
539            } else if (this.value.length > 2 && !event.ctrlKey && !event.altKey) {
540                // console.log(event);
541                if (event.key == 'Enter' || event.keyCode == 13) {
542                    event.preventDefault();
543                    const searchQuery = textInput.value.trim();
544                    goToSearchResults(searchQuery);
545                    clearAutocomplete();
546                    $(this).val('');
547                } else {
548                    if (timer) {
549                        window.clearTimeout(timer);
550                    }
551                    timer = window.setTimeout(function () {
552                        timer = null;
553                        callback(textInput.value.trim(), 1);
554                    }, delay);
555                }
556            }
557        };
558        textArea = null;
559    }
560
561    // TEMP DISABLE FORM ENTER!!!
562    // $('form').on('keydown', function(event) {
563    //     if (event.key == 'Enter' || event.keyCode == 13) {
564    //         event.preventDefault();
565    //     }
566    // })
567
568    // DELAYING THE AJAX UNTIL THERE'S A PAUSE IN TYPING (800)?
569    addSearchDelay(textArea, getResults, 800);
570
571    // Klik na ikonu pretrage
572    $('i.bi-search').on('click', function() {
573        const searchQuery = textArea.value.trim().toLowerCase();
574        if (searchQuery.length > 2) {
575            goToSearchResults(searchQuery);
576            clearAutocomplete();
577        }
578    });
579
580    // PASTE event:
581    $('input#txtSearch').on('paste', function() {
582    // $('#autocompleteNew').on('paste', 'input#txtSearch', function() {
583        const query = event.clipboardData.getData('text').toLowerCase();
584        if (query.length > 2) {
585            getResults(query, 1);
586        }
587    });
588
589    // Pager click:
590    $('#autocompleteNew').on('click', '.page', function() {
591        const query = document.querySelector('#autocompleteNew #products-container .data').dataset.query || textArea.value.trim();
592        getResults(query, parseInt(this.dataset.page));
593    });
594
595    $('#autocompleteNew').on('click', '#close-btn', function() {
596        clearAutocomplete();
597        // $('input#txtSearch').focus();
598        $('body').removeClass('show-overlay');
599    });
600
601    function goToSearchResults(query) {
602        const newSearchPageUrl = `/g/f/Search=${encodeURL(query.toLowerCase())}`;
603        // const newSearchPageUrl = `/g/?query=${encodeURL(query)}`;
604
605        window.location.href = newSearchPageUrl;
606    }
607
608
609</script>
609
610														</div>
611														</div>
612													</div>
613												
614                    </div>
615                </div>
616
617                <div class="user-menu-wrapper dropdown itemmenu">
618                    
619                    
620                        <a href="/log-in.aspx" class="btn header-btn person"><i class="bi bi-person"></i></a>
621                    
622                    <div id="LoginZone" class="contentcontainer">
623														<div class="ver-item">
624
625																<div class="module ver" IsTemplateWide="False">
626																	<div id="ctl00_ctl00_CMSWebPartManager_LoginLink_Loginlinktitle_ctl00_pnlLogin" class="dropdown-body " onkeypress="javascript:return WebForm_FireDefaultButton(event, &#39;ctl00_ctl00_CMSWebPartManager_LoginLink_Loginlinktitle_ctl00_Login&#39;)" style="display: none">
627																		   
628    <div class=" px-50">
629    <a id="ctl00_ctl00_CMSWebPartManager_LoginLink_Loginlinktitle_ctl00_lnkLogin" class="login login-link" href="/log-in.aspx" style="display: none;">PRIJAVA / REGISTRACIJA</a>
630    </div>
631    <!-- <a href="/registracija.aspx" class="login register">Registracija</a> -->
632
633    <!--<div style="display: none;">
634        <span id="ctl00_ctl00_CMSWebPartManager_LoginLink_Loginlinktitle_ctl00_lblTitle1"></span>
635        Korisničko ime
636        <input name="ctl00$ctl00$CMSWebPartManager$LoginLink$Loginlinktitle$ctl00$txtUserName" type="text" id="ctl00_ctl00_CMSWebPartManager_LoginLink_Loginlinktitle_ctl00_txtUserName" />
637        Å ifra
638        <input name="ctl00$ctl00$CMSWebPartManager$LoginLink$Loginlinktitle$ctl00$txtPassword" type="password" id="ctl00_ctl00_CMSWebPartManager_LoginLink_Loginlinktitle_ctl00_txtPassword" />         
639        
640        <a id="ctl00_ctl00_CMSWebPartManager_LoginLink_Loginlinktitle_ctl00_PasswordRecoveryLink" href="reset-sifre.aspx">Zaboravili ste šifru?</a>
641        <input type="image" name="ctl00$ctl00$CMSWebPartManager$LoginLink$Loginlinktitle$ctl00$Login" id="ctl00_ctl00_CMSWebPartManager_LoginLink_Loginlinktitle_ctl00_Login" title="Prijava korisnika" class="login-button" src="" style="border-width:0px;" />
642    </div>-->
643
644																	</div>    
645
646<div id="ctl00_ctl00_CMSWebPartManager_LoginLink_Loginlinktitle_ctl00_pnlLogOut" class="dropdown-body user-profile container p-50" style="display: none">
647																		
648    <a id="ctl00_ctl00_CMSWebPartManager_LoginLink_Loginlinktitle_ctl00_lnkUsername" title="Profil korisnika" class="hover-username" href="/profil-korisnika.aspx"></a>
649    <a href="/lista-zelja.aspx" title="Lista želja">Lista želja</a>
650    <a id="ctl00_ctl00_CMSWebPartManager_LoginLink_Loginlinktitle_ctl00_btnLogoff" title="Logout" data-vs-empty-session-storage="" href="javascript:__doPostBack(&#39;ctl00$ctl00$CMSWebPartManager$LoginLink$Loginlinktitle$ctl00$btnLogoff&#39;,&#39;&#39;)">
650Odjavi se</a>
651    
652
653																	</div>
654
655																</div>
656																</div>
657															</div>
658														
659                </div>
660
661                <button type="button" class="btn header-btn itemmenu" id="basket-menu-open"
662                    aria-label="Open shopping cart">
663                    <i class="bi bi-cart2"></i>
664                    <span class="basket-header" data-vs-basket-count>0</span>
665                </button>
666            </div>
667        </div>
668
669        <div class="cont-horizontal">
670            <div id="HorizontalMenuZone" class="contentcontainer">
671																<div class="ver-item">
672
673																		<div class="module ver" IsTemplateWide="True">
674																			<span id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_lblTitle" class="main-title"></span>
675    <div class="lvl1-outer">
676        <div class="lvl1-scroll left">
677            <i class="bi bi-chevron-left"></i>
678        </div>
679        <div class="lvl1-inner">
680            <ul class="group-menu horiz">
681
682                
683                        <li>
684                            <div id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl00_pnlGroupHeader0" class="level1">
685																				
686                                <a id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl00_lnkImage123" title="POČETNA" class="level1-link" href="/">POČETNA</a>
687                            
688																			</div>
689                        </li>
690                    
691                        <li>
692                            <div id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl01_pnlGroupHeader0" class="level1">
693																				
694                                <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>
695                            
696																			</div>
697                        </li>
698                    
699                        <li>
700                            <div id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl02_pnlGroupHeader0" class="level1">
701																				
702                                <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>
703                            
704																			</div>
705                        </li>
706                    
707                        <li>
708                            <div id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl03_pnlGroupHeader0" class="level1">
709																				
710                                <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>
711                            
712																			</div>
713                        </li>
714                    
715                        <li>
716                            <div id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl04_pnlGroupHeader0" class="level1">
717																				
718                                <a id="ctl00_ctl00_CMSWebPartManager_HorizMenu2_HorizMenu2Title_ctl00_rptNewsList_ctl04_lnkImage123" title="KONTAKT" class="level1-link" href="/kontakt.aspx">KONTAKT</a>
719                            
720																			</div>
721                        </li>
722                    
723
724            </ul>
725        </div>
726        <div class="lvl1-scroll right">
727            <i class="bi bi-chevron-right"></i>
728        </div>
729    </div>
730
731    <!--  -->
732
733    <style>
734        .group-menu.horiz {
735            display: flex;
736            margin: 0 auto;
737        }
738
739        .group-menu.horiz a {
740            padding: 0.9rem;
741            display: block;
742            white-space: nowrap;
743            color: #000;
744            font-size: 0.9rem;
745        }
746
747        .lvl1-inner {
748            overflow: hidden;
749        }
750
751        /* .parent .dropdown {
752            background-clip: padding-box;
753            background-color: #ffffff;
754            border-bottom: 3px solid #93c667;
755            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
756            -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
757            -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
758            float: left;
759            list-style: outside none none;
760            min-width: 160px;
761            opacity: 0;
762            filter: alpha(opacity=0);
763            padding: 0;
764            position: absolute;
765            text-align: left;
766            top: 97%;
767            visibility: hidden;
768            z-index: 999999;
769            transform-origin: 0 0 0;
770            -webkit-transform-origin: 0 0 0;
771            -moz-transform-origin: 0 0 0;
772            transform: scale(1,0.7);
773            -webkit-transform: scale(1,0.7);
774            -moz-transform: scale(1,0.7);
775            transition: transform 0.5s ease 0s;
776            -webkit-transition: -webkit-transform 0.5s ease 0s;
777            -moz-transition: -moz-transform 0.5s ease 0s;
778
779            }
780            .parent:hover .dropdown {
781            opacity: 1;
782            filter: alpha(opacity=100);
783            visibility: visible;
784            transform: scale(1,1);
785            -webkit-transform: scale(1,1);
786            -moz-transform: scale(1,1);
787            }
788            .parent .dropdown ul {
789            display: flex;
790            flex-direction: column !important;
791            padding: 10px !important;
792            }
793            .parent .dropdown ul li{
794            border-top: 1px solid #ededed;
795            width: 100%;
796            text-align: center;
797            }
798            .parent .dropdown ul li:first-child{
799            border-top: none;
800            padding-top: 0;
801            }
802            .parent .dropdown ul li a:hover{
803            color: var(--primary)
804            } */
805    </style>
806																		</div>
807																		</div>
808																	</div>
809																
810        </div>
811    </header>
812
813    <nav class="main-menu side-menu left">
814        <div class="container">
815            <button type="button" class="btn header-btn close-menu" aria-label="Close menu">
816                <i class="bi bi-x"></i>
817            </button>
818            <div id="MenuZone" class="contentcontainer">
819																		<div class="ver-item">
820
821																				<div class="module ver" IsTemplateWide="True">
822																					<span id="ctl00_ctl00_CMSWebPartManager_FilterLeft1_FilterLefttitle1_ctl00_lblTitle" class="main-title"></span>
823
824<ul id="group-menu" class="group-menu"></ul>
825
826<style>
827    .group-menu a {
828        cursor: pointer;
829        padding: 0.75rem;
830        padding-left: 1rem;
831    }
832    .group-menu .level2-panel a {
833        padding-left: 1.25rem;
834    }
835    .group-menu .level3-panel a {
836        padding-left: 1.5rem;
837        background-color: rgba(0, 0, 0, 0.025);
838    }
839    .level1, .level2-panel {
840        position: relative;
841    }
842    .level1.has-sub > a::after,
843    .level2-panel.has-sub > a::after {
844        font-family: bootstrap-icons;
845        content: '\f282';
846        position: absolute;
847        top: 0.75rem;
848        right: 1rem;
849        transition: transform 0.2s ease-in-out;
850    }
851
852    .level2-panel.has-sub > a::after {
853        font-size: 0.7rem;
854    }
855
856    .level1.has-sub.open > a::after,
857    .level2-panel.has-sub.open > a::after {
858        transform: rotate(180deg);
859    }
860
861    .level2, .level3 {
862        display: none;
863    }
864    .level2-panel .level2-link {
865        font-weight: 400;
866    }
867
868    .level3 .level3-link {
869        font-size: 0.85rem;
870        font-weight: 300;
871        padding-left: 2rem;
872    }
873
874    nav.main-menu a.see-all-link {
875        font-size: 0.9rem;
876        padding-left: 1.5rem;
877    }
878
879    .level2 .level2-link {
880        font-size: 0.9rem;
881        padding-left: 1.5rem;
882        font-weight: 400;
883        position: relative;
884    }
885
886    .group-menu .error {
887        padding: 1.5rem;
888        color: var(--bs-warning);
889    }
890</style>
891
892																				</div>
893																				</div>
894																			</div>
895																		
896        </div>
897    </nav>
898
899    <div class="location-menu side-menu right">
900        <div class="top">
901            <div class="header">
902                <span class="title">Prodavnice</span>
903            </div>
904            <button type="button" class="btn header-btn close-menu" aria-label="Close menu">
905                <i class="bi bi-x"></i>
906            </button>
907        </div>
908        <div class="middle">
909            <div id="LocationsZone" class="contentcontainer">
910																				<div class="ver-item">
911
912																						<div class="module ver" IsTemplateWide="True">
913																							
914
915<div class="container">
916    <div id="ctl00_ctl00_CMSWebPartManager_Locations_Locationsmenu_ctl00_pnlGadetMode">
917																								
918        <div id="ctl00_ctl00_CMSWebPartManager_Locations_Locationsmenu_ctl00_pnlPresentation" class="location-gadet">
919																									
920            
921            
922        
923																								</div>
924    
925																							</div>
926</div>
927																						</div>
928																						</div>
929																					</div>
930																				
931        </div>
932    </div>
933
934    <div class="basket-menu side-menu right">
935        <div class="top">
936            <div class="header">
937                <span class="title">Korpa</span>
938                <span class="products-count"><span data-vs-basket-count>0</span> proizvod(a)</span>
939            </div>
940            <button type="button" class="btn header-btn close-menu" aria-label="Close menu">
941                <i class="bi bi-x"></i>
942            </button>
943        </div>
944        <div class="middle">
945            <div id="BasketZone" class="contentcontainer">
946																						<div class="ver-item">
947
948																								<div class="module ver" IsTemplateWide="True">
949																									<div class="basket-gadet">
950  <div id="custom-basket-loader" style="display: flex">
951    <img src="/templates/B2C/skins/main/images/Ripple-1s-200px.svg" alt="" style="aspect-ratio: 1 / 1;" />
952  </div>
953
954  <div id="basket-module-container"></div>
955</div>
956
957<style>
958  #custom-basket-loader {
959    height: calc(100vh - var(--header-height));
960    padding-bottom: 10rem;
961    justify-content: center;
962    align-items: center;
963
964    position: absolute;
965    width: 100%;
966    background-color: rgba(255, 255, 255, 0.8);
967  }
968  #custom-basket-loader img {
969    max-width: 10rem;
970  }
971
972  .basket-free-shipping {
973    padding: 0.75rem;
974    font-size: 0.9rem;
975  }
976  .basket-free-shipping > progress {
977    display: block;
978    width: 100%;
979    margin-top: 0.5rem;
980  }
981
982  #basket-module-container .basket-items {
983    display: grid;
984    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
985    padding: 0.75rem;
986    gap: 0.5rem;
987  }
988  #basket-module-container .basket-item {
989    border: 1px solid #d9d9d9;
990    border-radius: 3px;
991    background-color: #fff;
992    overflow: hidden;
993  }
994  .basket-item .name {
995    margin: 0.5rem;
996    overflow: hidden;
997    height: 51px;
998    line-height: 17px;
999  }
1000  .basket-item .item-price-total {
1001    margin: 0.5rem;
1002    display: block;
1003    text-align: end;
1004    font-size: 0.9rem;
1005  }
1006  .basket-item .btn.delete-from-basket {
1007    border-top: 1px solid #d9d9d9;
1008    width: 100%;
1009    padding: 0.5rem;
1010    overflow: hidden;
1011    font-size: 0.9rem;
1012    margin-top: 0.25rem;
1013  }
1014  .basket-total {
1015    padding: 0.75rem;
1016    width: 100%;
1017    display: flex;
1018    flex-wrap: wrap;
1019    font-weight: 500;
1020    gap: 1rem;
1021    justify-content: space-between;
1022  }
1023  .basket-separator {
1024    margin: 0.75rem;
1025    width: calc(100% - 1.5rem);
1026    height: 1px;
1027    background-color: #d9d9d9;
1028  }
1029  .basket-gadet .buttons {
1030    justify-content: space-between;
1031    padding: 0.75rem;
1032    gap: 0.5rem;
1033    flex-wrap: wrap;
1034  }
1035  .basket-gadet .buttons .close-menu,
1036  .basket-gadet .buttons .proceed {
1037    /* margin-left: 0; */
1038    margin: auto;
1039  }
1040  .basket-gadet .text-danger {
1041    padding: 1rem;
1042    border: 1px solid;
1043    margin: 1rem;
1044    text-align: center;
1045  }
1046</style>
1047
1048																								</div>
1049																								</div>
1050																							</div>
1051																						
1052        </div>
1053    </div>
1054
1055    <div class="user-menu side-menu right">
1056        <button type="button" class="btn header-btn close-menu" aria-label="Close menu">
1057            <i class="bi bi-x"></i>
1058        </button>
1059        <div>
1060            <p>
1060user module goes here</p>
1061        </div>
1062    </div>
1063
1064    <section class="wide-top">
1065        <div id="WideTopZone" class="contentcontainer">
1066																								<div class="ver-item">
1067
1068																										<div class="module ver" IsTemplateWide="False">
1069																											
1070<div class="group-header container px-50">
1071    <h1>
1072        <span id="ctl00_ctl00_CMSWebPartManager_MenuPositionIndicator1_MenuPositionIndicator_ctl00_lblTitle"></span>
1073    </h1>
1074</div>
1075
1076
1077
1078
1079																										</div>
1080																											<div class="module ver" IsTemplateWide="False">
1081																												
1082
1083<div class="user-profile container px-50">
1084    
1085
1086    
1087    
1088    
1089
1090    
1091
1092    
1093</div>
1094
1095<script>
1096    $(function() {
1097
1098        if (location.href.includes('/profil-korisnika.aspx?type=')) {
1099            if ($('#ctl00_ctl00_CMSWebPartManager_MenuPositionIndicator1_MenuPositionIndicator_ctl00_lblTitle').html().trim() == '') {
1100                $('#ctl00_ctl00_CMSWebPartManager_MenuPositionIndicator1_MenuPositionIndicator_ctl00_lblTitle').html('Detalji prethodne kupovine');
1101            }
1102        } else if (location.href.includes('/profil-korisnika')) {
1103            if ($('#ctl00_ctl00_CMSWebPartManager_MenuPositionIndicator1_MenuPositionIndicator_ctl00_lblTitle').html().trim() == '') {
1104                $('#ctl00_ctl00_CMSWebPartManager_MenuPositionIndicator1_MenuPositionIndicator_ctl00_lblTitle').html('Profil korisnika');
1105            }
1106            if($("[id*='pnlPurchaseList'] div").html().trim() == ''){
1107                $("[id*='pnlPurchaseList']").hide();
1108            }
1109        }
1110
1111    });
1112</script>
1112
1113
1114<style>
1115    .no-data {
1116        display: flex;
1117        flex-direction: column;
1118        align-items: flex-start;
1119        background-color: #d3d3d329;
1120        padding: 1rem;
1121    }
1122    .purchase-list {
1123        margin-bottom: 40px;
1124    }
1125
1126    .purchaselink {
1127        font-weight: 700;
1128    }
1129
1130    .purchase-list-grid {
1131        width: 100%;
1132        margin-bottom: 3rem;
1133        max-height: 300px;
1134        overflow-y: auto;
1135        display: inline-block;
1136    }
1137    .purchase-list-grid tbody {
1138        border-width: 0.2px;
1139    }
1140    .purchase-list-grid tbody tr{
1141        border-width: 0.2px;
1142    }
1143    .purchase-list-grid tbody tr th{
1144        border-width: 0.2px;
1145        text-align: center;
1146        width: 40%;
1147    }
1148    .purchase-list-grid td {
1149        padding: 0.25rem;
1150        text-align: center;
1151        border-width: 0.2px;
1152    }
1153    .purchase-list-grid td .btn {
1154        min-height: 2.7rem;
1155    }
1156    .change-data:hover{
1157        background-color: #fff;
1158        border: 2px solid var(--primary);
1159        color: var(--primary);
1160    }
1161        .email-bilten {
1162        display:flex; 
1163        flex-direction:row;
1164    }
1165    .email-bilten label {
1166        margin-left: 15px;
1167    }
1168    .form-group span {
1169        margin-bottom: 3px;
1170    }
1171    .lnk-save {
1172        margin-top: 25px;
1173    }
1174</style>
1175																											</div>
1176																											</div>
1177																										</div>
1178																									
1179    </section>
1180
1181    <div class="main-wrapper container">
1182        <aside class="left-zone">
1183            <div id="LeftZone" class="contentcontainer">
1184																											<div class="ver-item">
1185
1186																												</div>
1187																											</div>
1188																										
1189        </aside>
1190        <main class="right-zone">
1191            <div id="RightZone" class="contentcontainer">
1192																												<div class="ver-item">
1193
1194																													</div>
1195																												</div>
1196																											
1197        </main>
1198    </div>
1199
1200     <div class="main-wrapper container tm-gridbox">
1201        <div class="left-zone">
1202            <div id="LeftZoneV1" class="contentcontainer">
1203																													<div class="ver-item">
1204
1205																														</div>
1206																													</div>
1207																												
1208        </div>
1209        <div class="right-zone">
1210            <div id="RightZoneV1" class="contentcontainer">
1211																														<div class="ver-item">
1212
1213																															</div>
1214																														</div>
1215																													
1216        </div>
1217    </div>
1218
1219    <section class="wide-bottom">
1220        <div id="WideBottomZone" class="contentcontainer">
1221																															<div class="ver-item">
1222
1223																																</div>
1224																															</div>
1225																														
1226    </section>
1227
1228    <footer>
1229        <div class="container">
1230            <div class="footer-wrapper">
1231                <div class="footer-info">
1232                    <div class="footer-logo">
1233                        <img loading="lazy" title="B2C" src="/Uploads/B2C/logo-white.png" alt="Logo">
1234                    </div>
1235                    <div id="FooterContactZone" class="contentcontainer">
1236																																<div class="ver-item">
1237
1238																																		<div class="module ver" IsTemplateWide="True">
1239																																			
1240
1241																																		</div>
1242																																			<div class="module ver" IsTemplateWide="True">
1243																																				
1244
1245																																			</div>
1246																																				<div class="module ver" IsTemplateWide="True">
1247																																					
1248
1249																																				</div>
1250																																				</div>
1251																																			</div>
1252																																		
1253                </div>
1254                <div class="footer-text">
1255                    <div id="FooterZone" class="contentcontainer">
1256																																				<div class="ver-item">
1257
1258																																						<div class="module ver" IsTemplateWide="True">
1259																																							
1260
1261<ul class="about-footer-gadet-ascx">
1262    <li style="color: var(--primary); text-decoration: underline; padding: 0.5rem;">
1263        KORISNI LINKOVI
1264    </li>
1265
1266    
1267
1268</ul>
1269
1270
1271    
1272																																						</div>
1273																																							<div class="module ver" IsTemplateWide="True">
1274																																								
1275
1276<ul class="service-user">
1277    <li style="color: var(--primary); text-decoration: underline; padding: 0.5rem;">
1278        KORISNIČKI SERVIS
1279    </li>
1280    
1281            <li>
1282                <a id="ctl00_ctl00_CMSWebPartManager_UserFooter_UserFooterGadget_
1282ctl00_rptNewsList_ctl00_lblHeader" class="title" href="/v/5c1e3d4f-c913-4fd4-96ad-f14baa9e0cc3/O-nama.aspx">O nama</a>
1283            </li>
1284        
1285            <li>
1286                <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>
1287            </li>
1288        
1289            <li>
1290                <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>
1291            </li>
1292        
1293            <li>
1294                <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>
1295            </li>
1296        
1297            <li>
1298                <a id="ctl00_ctl00_CMSWebPartManager_UserFooter_UserFooterGadget_ctl00_rptNewsList_ctl04_lblHeader" class="title" href="/v/e2499613-7b67-4165-8217-cb24bf69d008/Reklamacije.aspx">Reklamacije</a>
1299            </li>
1300        
1301            <li>
1302                <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>
1303            </li>
1304        
1305            <li>
1306                <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>
1307            </li>
1308        
1309    
1310</ul>
1311<ul>    
1312    <li style="color: var(--primary); text-decoration: underline; padding: 0.5rem;">
1313        KORISNIČKI NALOG
1314    </li>
1315    <li id="footer-registration">
1316        <a href="/log-in.aspx" >registracija</a>
1317    </li>
1318    <li id="footer-password">
1319        <a href="/reset-sifre.aspx" >zaboravili ste lozinku?</a>
1320    </li>
1321    <li>
1322        <a href="/korpa.aspx" >korpa proizvoda</a>
1323    </li>
1324    <li id="footer-wishlist" style="display:none;">
1325        <a href="/lista-zelja.aspx" >lista &zcaron;elja</a>
1326    </li>
1327</ul>
1328
1329
1330
1331																																							</div>
1332																																							</div>
1333																																						</div>
1334																																					
1335                </div>
1336            </div>
1337        </div>
1338        <div class="container footer-wrapper-sec">
1339            <div id="LegalZone" class="contentcontainer">
1340																																							<div class="ver-item">
1341
1342																																									<div class="module ver" IsTemplateWide="True">
1343																																										
1344
1345
1346        <div class="copyright">
1347            <p>© <span id="current-year"></span> All rights Reserved
1348                <span>
1349                    <span> Made in
1350                        <a title="B2BeeHive application" style="text-decoration:none" href="https://B2Bee.net" ><strong>B2B<span style="color:yellow">ee</span></strong>'s Hive.
1351                        </a>
1352                    </span>
1353                </span>
1354            </p>
1355            
1356        </div>
1357
1358
1359<script>
1360document.getElementById("current-year").innerHTML = new Date().getFullYear();
1361</script>
1361
1362																																									</div>
1363																																									</div>
1364																																								</div>
1365																																							
1366            <div id="SocialZone" class="contentcontainer">
1367																																									<div class="ver-item">
1368
1369																																											<div class="module ver" IsTemplateWide="True">
1370																																												
1371
1372    <div class="social-icons">
1373        
1374                <a id="ctl00_ctl00_CMSWebPartManager_Social_SocialGadget_ctl00_rptNewsList_ctl00_lblHeader" class="title testx" href="https://www.instagram.com/deretaknjige/" target="_blank"></a>
1375            
1376                <a id="ctl00_ctl00_CMSWebPartManager_Social_SocialGadget_ctl00_rptNewsList_ctl01_lblHeader" class="title testx" href="https://www.youtube.com/channel/UCO7lakY4fBy0G4iB4Iibdcw" target="_blank"></a>
1377            
1378                <a id="ctl00_ctl00_CMSWebPartManager_Social_SocialGadget_ctl00_rptNewsList_ctl02_lblHeader" class="title testx" href="https://twitter.com/Deretaknjige" target="_blank"></a>
1379            
1380                <a id="ctl00_ctl00_CMSWebPartManager_Social_SocialGadget_ctl00_rptNewsList_ctl03_lblHeader" class="title testx" href="https://www.facebook.com/dereta/" target="_blank"></a>
1381            
1382    </div>
1383
1384
1385<script>
1386    document.addEventListener('DOMContentLoaded', function () {
1387    var socialIcons = document.querySelectorAll('.social-icons a');
1388    
1389    socialIcons.forEach(function(icon) {
1390        // ⚠️ Proveri da li <i> već postoji unutar <a>
1391        if (icon.querySelector('i')) return;
1392
1393        var url = icon.getAttribute('href');
1394        var iconClass = getIconClass(url);
1395        
1396        if (iconClass) {
1397            var newIcon = document.createElement('i');
1398            newIcon.className = iconClass;
1399            icon.appendChild(newIcon);
1400        }
1401    });
1402
1403    function getIconClass(url) {
1404        if (!url) return null;
1405
1406        url = url.toLowerCase();
1407        if (url.includes('instagram')) return "bi bi-instagram";
1408        if (url.includes('facebook')) return "bi bi-facebook";
1409        if (url.includes('twitter')) return "bi bi-twitter";
1410        if (url.includes('pinterest')) return "bi bi-pinterest";
1411        if (url.includes('linkedin')) return "bi bi-linkedin";
1412        if (url.includes('whatsapp')) return "bi bi-whatsapp";
1413        if (url.includes('youtube')) return "bi bi-youtube";
1414        return null;
1415    }
1416});
1417
1418</script>
1418
1419																																											</div>
1420																																											</div>
1421																																										</div>
1422																																									
1423        </div>
1424    </footer>
1425    <div id="CreditCardsZone" class="contentcontainer">
1426																																											<div class="ver-item">
1427
1428																																													<div class="module ver" IsTemplateWide="True">
1429																																														
1430
1431<div class="bt-footer-bottom">
1432    <div class="container">
1433        
1434                    <div id="ctl00_ctl00_CMSWebPartManager_CreditCard_CreditCardtitle_ctl00_rptNewsList_ctl00_HyperLink2" Text="cards">
1435																																															
1436                        <div class="credit-card-container">
1437            <div class="credit-card-item">
1438                <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">
1439                <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">
1440                <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">
1441                <img loading="lazy" src="/templates/B2C/skins/main/images/creditcard/amex.png" alt="amex payment" title="amex payment" class="e-rte-image e-imginline">
1442                <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">
1443            </div>
1444            <div class="credit-card-item">
1445                <a href="http://www.bancaintesa.rs" aria-label="Banca Intesa">
1446                    <img loading="lazy" src="/templates/B2C/skins/main/images/creditcard/bancaintesaCC.png" alt="banca intesa" title="banca intesa" class="e-rte-image e-imginline">
1447                </a>
1448            </div>
1449            <div class="credit-card-item">
1450                <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>
1451                <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>
1452            </div>
1453        </div>
1454                    
1455																																														</div>
1456            
1457    </div>
1458</div>
1459
1460
1461
1462
1463																																													</div>
1464																																													</div>
1465																																												</div>
1466																																											
1467
1468    <div id="ModalZone" class="contentcontainer">
1469																																													<div class="ver-item">
1470
1471																																														</div>
1472																																													</div>
1473																																												
1474
1475
1476        </div>
1477        
1478    
1479<script src="/WebResource.axd?d=pynGkmcFUV13He1Qd6_TZJk3vjFYEBPA-fDeSBhs2TWPbw1a-ZaUX5hMoaFqUbZmsMGX2gX6gunNtfGzHMdNtw2&amp;t=639190815605538696" type="text/javascript"></script>
1479
1480
1481																																												
1482<script type="text/javascript">
1483//<![CDATA[
1484document.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) {LoginBehaivorObj = new LoginBehaivor('#ctl00_ctl00_CMSWebPartManager_LoginLink_Loginlinktitle_ctl00_lnkUsername', '', '', '#ctl00_ctl00_CMSWebPartManager_LoginLink_Loginlinktitle_ctl00_pnlLogin', '#ctl00_ctl00_CMSWebPartManager_LoginLink_Loginlinktitle_ctl00_pnlLogOut', false, '/profil-korisnika.aspx', false, '/LoginService.svc/', '', ''); LoginBehaivorObj.SetLoginData();});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.';//]]>
1485</script>
1485
1486</form>
1487    
1488    
1489        
1490        
1490<script defer src="/templates/B2C/skins/main/js/custom-fragments/cookieconsent-init.js?v=2"></script>
1490
1491
1492        
1492<script src="/templates/B2C/skins/main/js/custom-fragments/custom-swiper-init.js" defer></script>
1492
1493        
1493<script src="/templates/B2C/skins/main/js/global.js?4"></script>
1493
1494    
1495
1496    
1497
1498    
1499</body>
1500
1501</html><span id="GENSTAMP" style="display:none;">Generated: 14:00:17</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.