PageSourceSearch

https://www.archify.com/au/products

html archify.com collected 2026-09-24 10:22:42 UTC 861,163 bytes, 22,856 lines download raw bytes

1
2
3<!DOCTYPE html>
4<html lang="en">
5
6<head>
7  
8      <!-- change content AR-1425 -->
9    <meta name="google-site-verification" content="1ruyZ_ICAG0eXgxSZAzm3qC25HUJ17RcIPi6h1c6bC8" />
10  
11      <title>Premier Destination for Architecture, Construction & Design Products | Archify Australia</title>
12          <meta name="description" content="Discover premier architecture, construction & design products at Archify 
13    Australia. Elevate your projects with top-quality solutions & connect with leading suppliers." />
14              <meta name="keywords" content="Architecture material, Interior Product, Building Supplier, Building Material Catalog">
15            
16          <!-- for Facebook -->
17              <meta property="og:title" content="Archify | Material and Product Directory" />
18            <meta property="og:site_name" content="" />
19      <meta property="og:description" content="Discover architecture materials and interior products for your project on Archify" />
20              <meta property="og:image" itemprop="image" content='https://www.archify.com/assets/img/og-image-bluprin.jpg' />
21            <meta property="og:type" content="website" />
22              <meta property="og:image:url" content="https://www.archify.com/assets/img/og-image-bluprin.jpg">
23            <meta property="og:image:type" content="image/jpeg" />
24      <meta property="og:image:type" content="image/jpg" />
25      <meta property="og:image:type" content="image/png" />
26      <meta property="og:image:width" content="500" />
27      <meta property="og:image:height" content="501" />
28      <meta property="og:updated_time" content="1496359945" />
29
30
31
32
33
34                      <meta property="og:url" content="https://www.archify.com/au/products" />
35      
36      <meta property="fb:app_id" content="1001626029887223" />
37
38      <!-- for Twitter -->
39              <meta name="twitter:title" content="Archify | Material and Product Directory" />
40            <meta name="twitter:card" content="summary_large_image" />
41      <meta name="twitter:description" content="Discover architecture materials and interior products for your project on Archify" />
42              <meta name="twitter:image" content="https://www.archify.com/assets/img/og-image-bluprin.jpg" />
43      
44    
45  
46  <meta charset="utf-8">
47  <meta http-equiv="X-UA-Compatible" content="IE=edge">
48  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
49
50  <!-- generics -->
51  <link rel="shortcut icon" href="https://www.archify.com/assets/img/favicon.ico" />
52  <link rel="icon" href="https://www.archify.com/assets/img/favicon/favicon-32.png" sizes="32x32">
53  <link rel="icon" href="https://www.archify.com/assets/img/favicon/favicon-57.png" sizes="57x57">
54  <link rel="icon" href="https://www.archify.com/assets/img/favicon/favicon-76.png" sizes="76x76">
55  <link rel="icon" href="https://www.archify.com/assets/img/favicon/favicon-96.png" sizes="96x96">
56  <link rel="icon" href="https://www.archify.com/assets/img/favicon/favicon-128.png" sizes="128x128">
57  <link rel="icon" href="https://www.archify.com/assets/img/favicon/favicon-192.png" sizes="192x192">
58  <link rel="icon" href="https://www.archify.com/assets/img/favicon/favicon-228.png" sizes="228x228">
59
60  <!-- Android -->
61  <link rel="shortcut icon" sizes="196x196" href="https://www.archify.com/assets/img/favicon/favicon-196.png">
62
63  <!-- iOS -->
64  <meta name="apple-mobile-web-app-capable" content="yes">
65  <meta name="apple-mobile-web-app-status-bar-style" content="black">
66  <meta name="apple-mobile-web-app-title" content="Premier Destination for Architecture, Construction & Design Products | Archify Australia">
67  <link rel="apple-touch-icon" href="https://www.archify.com/assets/img/favicon/favicon-120.png" sizes="120x120">
68  <link rel="apple-touch-icon" href="https://www.archify.com/assets/img/favicon/favicon-152.png" sizes="152x152">
69  <link rel="apple-touch-icon" href="https://www.archify.com/assets/img/favicon/favicon-180.png" sizes="180x180">
70
71  <!-- Windows 8 IE 10-->
72  <meta name="msapplication-TileColor" content="#2F3BA2">
73  <meta name="msapplication-TileImage" content="https://www.archify.com/assets/img/favicon/favicon-144.png">
74
75  <!-- Windows 8.1 + IE11 and above -->
76  <meta name="msapplication-config" content="https://www.archify.com/assets/img/favicon/browserconfig.xml" />
77
78  <!-- Color the status bar on mobile devices -->
79  <meta name="theme-color" content="#2F3BA2">
80
81  <!-- facebook domain verification -->
82  <meta name="facebook-domain-verification" content="hjzymzegrdyjs1jpcucw4p7qwwxb04" />
83
84  <!-- Start Usercentrics CMP AR-1741 -->
85        <!-- 
85<script src="https://web.cmp.usercentrics.eu/modules/autoblocker.js"></script>
85 -->
86    
86<script id="usercentrics-cmp" src="https://web.cmp.usercentrics.eu/ui/loader.js" data-settings-id="dps4KE0QNI1euN" async></script>
86
87    <!-- End Usercentrics CMP AR-1741 -->
88
89  <!-- manifest json -->
90  <!-- <link rel="manifest" href="https://www.archify.com/assets/manifest.json"> -->
91
92                                      <link rel="alternate" hreflang="x-default" href="https://www.archify.com/au/products">
93          <link rel="alternate" hreflang="id-ID" href="https://www.archify.com/id/products" />
94          <link rel="alternate" hreflang="en-sg" href="https://www.archify.com/sg/products" />
95          <link rel="alternate" hreflang="en-au" href="https://www.archify.com/au/products" />
96          <link rel="alternate" hreflang="en-hk" href="https://www.archify.com/hk/products" />
97          <link rel="alternate" hreflang="en-my" href="https://www.archify.com/my/products" />
98          <link rel="alternate" hreflang="en-ph" href="https://www.archify.com/ph/products" />
99          <!-- <link rel="alternate" href="https://www.archify.com/th/products" hreflang="en-TH" /> -->
100          <link rel="alternate" hreflang="en-vn" href="https://www.archify.com/vn/products" />
101          <link rel="alternate" hreflang="en-nz" href="https://www.archify.com/nz/products" />
102                      
103
104  <link rel="canonical" href="https://www.archify.com/au/product" />
105  <!-- JSON-LD markup generated by Google Structured Data Markup Helper. -->
106  
107<!-- 
107<script>
108    window.dataLayer = window.dataLayer || [];
109
110    // --- LOGIKA GTM STANDAR ---
vendor: 498 bytes, lines 110-124
110
111    (function(w, d, s, l, i) {
112        w[l] = w[l] || [];
113        w[l].push({
114            'gtm.start': new Date().getTime(),
115            event: 'gtm.js'
116        });
117        var f = d.getElementsByTagName(s)[0],
118            j = d.createElement(s),
119            dl = l != 'dataLayer' ? '&l=' + l : '';
120        j.async = true;
121        j.src =
122            'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
123        f.parentNode.insertBefore(j, f);
124    })(window, document, 'script', 'dataLayer', '
124GTM-NGSGKGP
vendor: 9 bytes, lines 124-126
124');
125
126    
126// --- LOGIKA KUSTOM UNTUK PELACAKAN PENGGUNA ---
127    const userEmail = '';
128    const userId = '';
129
130    // Push data berdasarkan status pengguna
131    
132    // --- LOGIKA IDENTIFIKASI LALU LINTAS INTERNAL ---
133    const internalDomainsUrl = 'https://hubexo-assets.s3.eu-north-1.amazonaws.com/hubexo-internal-domains.json';
134    const cacheKey = 'hubexo_internal_domains';
135
136    function getDomainFromEmail(email) {
137        if (!email) return null;
138        const parts = email.split('@');
139        return parts.length > 1 ? parts[1].toLowerCase() : null;
140    }
141
142    async function checkAndSetInternalTraffic() {
143        if (typeof gtag === 'undefined') {
144            console.warn("gtag is not defined. The code will wait for it to load.");
145            setTimeout(checkAndSetInternalTraffic, 100);
146            return;
147        }
148
149        const userDomain = getDomainFromEmail(userEmail);
150        if (!userDomain) return;
151
152        let internalDomains = null;
153        const cachedDomains = sessionStorage.getItem(cacheKey);
154
155        if (cachedDomains) {
156            try {
157                internalDomains = JSON.parse(cachedDomains);
158            } catch (e) {
159                console.error("Failed to parse cached domains. Clearing cache.");
160                sessionStorage.removeItem(cacheKey);
161            }
162        }
163
164        if (!internalDomains) {
165            try {
166                const response = await fetch(internalDomainsUrl);
167                if (response.ok) {
168                    internalDomains = await response.json();
169                    sessionStorage.setItem(cacheKey, JSON.stringify(internalDomains));
170                } else {
171                    console.error('Failed to retrieve internal domains whitelist. Status:', response.status);
172                }
173            } catch (error) {
174                console.error('Failed to fetch internal domains whitelist:', error);
175            }
176        }
177
178        if (internalDomains && internalDomains.includes(userDomain)) {
179            gtag('set', { 'traffic_type': 'internal' });
180            console.log('User identified as internal. Setting traffic_type to internal.');
181        }
182    }
183
184    document.addEventListener('DOMContentLoaded', checkAndSetInternalTraffic);
185
186</script>
186 -->
187<script>
188    window.dataLayer = window.dataLayer || [];
189    
190    // --- GTM STANDARD LOGIC ---
vendor: 486 bytes, lines 190-203
190
191    (function(w, d, s, l, i) {
192        w[l] = w[l] || [];
193        w[l].push({
194            'gtm.start': new Date().getTime(),
195            event: 'gtm.js'
196        });
197        var f = d.getElementsByTagName(s)[0],
198            j = d.createElement(s),
199            dl = l != 'dataLayer' ? '&l=' + l : '';
200        j.async = true;
201        j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
202        f.parentNode.insertBefore(j, f);
203    })(window, document, 'script', 'dataLayer', '
203GTM-NGSGKGP
vendor: 13 bytes, lines 203-205
203');
204    
205    
205// --- USER TRACKING VARIABLES ---
206    const userEmail = '';
207    const user_id = '';
208    
209    // --- WORK ITEM #002: USER AUTHENTICATION TRACKING ---
210    function handleUserAuthentication() {
211      // 1. EVENT: USER LOGGED IN (Hanya muncul sekali setelah sukses login)
212                
213    }
214    
215    // --- WORK ITEM #003: INTERNAL TRAFFIC IDENTIFICATION ---
216    const INTERNAL_DOMAINS_CONFIG = {
217        url: 'https://hubexo-assets.s3.eu-north-1.amazonaws.com/hubexo-internal-domains.json',
218        cacheKey: 'hubexo_internal_domains',
219        cacheExpiry: 'hubexo_domains_cache_expiry',
220        cacheDurationMs: 30 * 24 * 60 * 60 * 1000 // 30 days in milliseconds
221    };
222    
223    function getDomainFromEmail(email) {
224        if (!email) return null;
225        const parts = email.split('@');
226        return parts.length > 1 ? parts[1].toLowerCase() : null;
227    }
228    
229    function isCacheValid() {
230        const expiry = sessionStorage.getItem(INTERNAL_DOMAINS_CONFIG.cacheExpiry);
231        if (!expiry) return false;
232        return Date.now() < parseInt(expiry, 10);
233    }
234    
235    function setCacheWithExpiry(domains) {
236        const expiry = Date.now() + INTERNAL_DOMAINS_CONFIG.cacheDurationMs;
237        sessionStorage.setItem(INTERNAL_DOMAINS_CONFIG.cacheKey, JSON.stringify(domains));
238        sessionStorage.setItem(INTERNAL_DOMAINS_CONFIG.cacheExpiry, expiry.toString());
239    }
240    
241    function clearCache() {
242        sessionStorage.removeItem(INTERNAL_DOMAINS_CONFIG.cacheKey);
243        sessionStorage.removeItem(INTERNAL_DOMAINS_CONFIG.cacheExpiry);
244    }
245    
246    // Fallback internal domains jika fetch gagal
247    const FALLBACK_INTERNAL_DOMAINS = [
248       "4cg.no",
249      "agm.co.nz",
250      "annonskraft.se",
251      "archify.com",
252      "ausschreibung.at",
253      "bau-online.at",
254      "bciasia.co.id",
255      "bciasia.com",
256      "bciaustralia.com",
257      "bcicentral.com",
258      "bcicentral.hubexo.com",
259      "bcicentralus.com",
260      "bcimalaysia.com",
261      "bcimediagroup.com",
262      "bcinewzealand.com",
263      "bdb.at",
264      "bidocean.biz",
265      "bidocean.com",
266      "buildcentral.com",
267      "buildinfo.com",
268      "byggfakta.co.uk",
269      "byggfakta.no",
270      "byggfaktagroup.com",
271      "byggefakta.dk",
272      "byggvarlden.se",
273      "citymark.fi",
274      "citymark.no",
275      "citymark.se",
276      "construdata21.com",
277      "constructionmonitor.com",
278      "constructionplusasia.com",
279      "dailypermits.com",
280      "dagensbyggeri.dk",
281      "docunordic.net",
282      "driva-eget.se",
283      "eprocure.com.au",
284      "ezyspec.com",
285      "fairbuilding.org",
286      "familjehemsbanken.se",
287      "fastighetssverige.se",
288      "forecon.fi",
289      "futurarc.com",
290      "glenigan.com",
291      "glenigan.me",
292      "gleniganapi.com",
293      "glenigandirect.com",
294      "gleniganmovers.com",
295      "hubexo.co.uk",
296      "hubexo.com",
297      "husguiden.nu",
298      "info-techno.at",
299      "interactgo.com",
300      "interiorawards.co.nz",
301      "istav.cz",
302      "lokalnytt.se",
303      "marketplanet.eu",
304      "marketplanet.pl",
305      "meritgroup.co.uk",
306      "metroinfo.co.uk",
307      "na.hubexo.com",
308      "napc.me",
309      "napc.pro",
310      "nbsknowledge.com.au",
311      "nbsnordic.dk",
312      "nordicpropertynews.com",
313      "panteragt.com",
314      "panteramail.co",
315      "panteramail.com",
316      "panteratools.com",
317      "plannedgrocery.com",
318      "prodlib.com",
319      "prognosecenteret.dk",
320      "prognosesenteret.no",
321      "prognoscentret.se",
322      "proqualverified.com",
323      "questcdn.com",
324      "questcdn.hubexo.com",
325      "riba-insight.com",
326      "ribac.net",
327      "ribacpd.com",
328      "ribae.com",
329      "ribaenterprises.com",
330      "sclspec.com",
331      "schumanninternational.com",
332      "specpack.com.au",
333      "spica.se",
334      "spex.ca",
335      "ssil.se",
336      "svenskamedia.se",
337      "tenders.co.nz",
338      "tendersearch.com.au",
339      "theNBS.onmicrosoft.com",
340      "thenbs.ca",
341      "thenbs.com",
342      "thenbs.com.au",
343      "thenbs.hubexo.com",
344      "vortal.biz",
345      "vortal.com",
346      "vortal.hubexo.com",
347      "whatson.co.nz"
348    ];
349    
350    async function fetchInternalDomains() {
351        try {
352            const response = await fetch(INTERNAL_DOMAINS_CONFIG.url, {
353                method: 'GET',
354                headers: {
355                    'Accept': 'application/json',
356                    'Cache-Control': 'no-cache'
357                }
358            });
359            
360            if (!response.ok) {
361                throw new Error(`HTTP ${response.status}: ${response.statusText}`);
362            }
363            
364            const domains = await response.json();
365            
366            if (!Array.isArray(domains)) {
367                throw new Error('Invalid domains format: expected array');
368            }
369            
370            setCacheWithExpiry(domains);
371            // console.log(`✅ Fetched and cached ${domains.length} internal domains from S3`);
372            return domains;
373            
374        } catch (error) {
375            console.warn('⚠️ Failed to fetch internal domains from S3:', error.message);
376            console.log('📋 Using fallback internal domains list');
377            
378            // Use fallback domains and cache them
379            setCacheWithExpiry(FALLBACK_INTERNAL_DOMAINS);
380            return FALLBACK_INTERNAL_DOMAINS;
381        }
382    }
383    
384    async function getInternalDomains() {
385        // Check cache first
386        if (isCacheValid()) {
387            try {
388                const cachedDomains = sessionStorage.getItem(INTERNAL_DOMAINS_CONFIG.cacheKey);
389                const domains = JSON.parse(cachedDomains);
390                // console.log(`Using cached internal domains (${domains.length} entries)`);
391                return domains;
392            } catch (error) {
393                console.warn('Failed to parse cached domains:', error.message);
394                clearCache();
395            }
396        }
397        
398        // Fetch fresh data
399        return await fetchInternalDomains();
400    }
401    
402    async function checkAndMarkInternalTraffic() {
403        const userDomain = getDomainFromEmail(userEmail);
404        if (!userDomain) {
405            console.log('No user email domain found - skipping internal traffic check');
406            return;
407        }
408        
409        // console.log(`Checking internal traffic for domain: ${userDomain}`);
410        
411        // Get internal domains list
412        const internalDomains = await getInternalDomains();
413        
414        if (!internalDomains) {
415            // console.log('Internal domains not available - user traffic will be treated as external');
416            // Push external traffic type to dataLayer
417            // dataLayer.push({
418            //     'traffic_type': 'external',
419            //     'event': 'traffic_type_determined'
420            // });
421            return;
422        }
423        
424        // console.log(`Found ${internalDomains.length} internal domains to check against`);
425        
426        // Check if user domain is internal
427        if (internalDomains.includes(userDomain)) {
428            // console.log(`✅ User domain '${userDomain}' identified as INTERNAL`);
429            
430            // Push to dataLayer for GTM to handle (no gtag dependency)
431            dataLayer.push({
432                'traffic_type': 'internal',
433                'user_domain': userDomain,
434                'event': 'traffic_type_determined'
435            });
436            
437            // Optional: Push internal traffic event for additional tracking
438            dataLayer.push({
439                'event': 'internal_traffic_identified',
440                'user_domain': userDomain
441            });
442            
443        } else {
444            // console.log(`❌ User domain '${userDomain}
444' not in internal list - traffic remains EXTERNAL`);
445            
446            // Push external traffic type to dataLayer
447            // dataLayer.push({
448            //     'traffic_type': 'external',
449            //     'user_domain': userDomain,
450            //     'event': 'traffic_type_determined'
451            // });
452        }
453    }
454    
455    // --- INITIALIZATION ---
456    function initializeAnalytics() {
457        // console.log('Initializing Hubexo Analytics...');
458        
459        // Handle user authentication tracking
460        handleUserAuthentication();
461        
462        // Handle internal traffic identification (only for logged-in users)
463                
464        // console.log('Hubexo Analytics initialization complete');
465    }
466    
467    // Initialize when DOM is ready
468    if (document.readyState === 'loading') {
469        document.addEventListener('DOMContentLoaded', initializeAnalytics);
470    } else {
471        initializeAnalytics();
472    }
473</script>
473
474
475
476  <!-- Bootstrap -->
477  <link rel="stylesheet" href="https://www.archify.com/assets/bootstrap/css/bootstrap.min.css">
478  <!-- Font Awesome -->
479  <link rel="stylesheet" href="https://www.archify.com/assets/third-party/font-awesome/css/font-awesome.min.css?ts=20260924" media="print" onload="this.media='all'" />
480  <!-- Custom style -->
481  <link rel="stylesheet" href="https://www.archify.com/assets/css/fonts.css?ts=20260924">
482  <link rel="stylesheet" href="https://www.archify.com/assets/css/common.min.css?ts=20260924">
483  <link rel="stylesheet" href="https://www.archify.com/assets/css/__cardhover.css?ts=20260924">
484  <link rel="stylesheet" href="https://www.archify.com/assets/css/modal.css?ts=20260924" media="print" onload="this.media='all'">
485  <link rel="stylesheet" href="https://www.archify.com/assets/third-party/select2/css/select2.min.css" media="print" onload="this.media='all'" />
486  <!-- usman style notification-->
487  <link rel="stylesheet" href="https://www.archify.com/assets/css/asrstyle.css?ts=20260924">
488  <link rel="stylesheet" href="https://www.archify.com/assets/css/asrnotification.css?ts=20260924">
489  <link rel="stylesheet" href="https://www.archify.com/assets/third-party/OwlCarousel2-2.2.1/assets/owl.carousel.min.css" media="print" onload="this.media='all'">
490  <link rel="stylesheet" href="https://www.archify.com/assets/third-party/OwlCarousel2-2.2.1/assets/owl.theme.default.min.css" media="print" onload="this.media='all'">
491  <link href="https://www.archify.com/assets/third-party/noty-3.1.0/noty.css" rel="stylesheet" media="print" onload="this.media='all'">
492
493  <!-- Bygg Facta Analytic  -->
494  
495  
496<script> 
497  if(window.location.href.includes("login")) {
498    setTimeout(() => {
499      window.location.reload();
500    }, 119000); 
501  }
502</script>
502
503
504  <style>
505    #noty_layout__topRight {
506      width: 250px;
507    }
508
509    .noty_has_timeout .noty_progressbar {
510      display: none;
511    }
512
513    .noty_theme__mint.noty_type__alert {
514      background-color: red !important;
515      border-bottom: 1px solid red !important;
516      color: #fff !important;
517      font-family: WorkSans-Medium;
518    }
519
520    .noty_theme__mint.noty_type__success {
521      background-color: #719B46;
522      border-bottom: 1px solid #719B46;
523      color: #fff;
524      font-family: WorkSans-Medium;
525    }
526
527    .noty_theme__mint.noty_bar .noty_body {
528      text-align: center;
529    }
530
531    .noty_layout_mixin,
532    #noty_layout__top,
533    #noty_layout__topLeft,
534    #noty_layout__topCenter,
535    #noty_layout__topRight,
536    #noty_layout__bottom,
537    #noty_layout__bottomLeft,
538    #noty_layout__bottomCenter,
539    #noty_layout__bottomRight,
540    #noty_layout__center,
541    #noty_layout__centerLeft,
542    #noty_layout__centerRight {
543      z-index: 9999999999999 !important;
544    }
545
546  </style>
547
548  <!-- css include -->
549  
550<!-- animate css -->
551<link rel="stylesheet" href="https://www.archify.com/assets/third-party/animatecss/animate.min.css" />
552<link rel="stylesheet" href="https://www.archify.com/assets/third-party/simplebar/simplebar.css?v=1.1.1">
553<link rel="stylesheet" href="https://www.archify.com/assets/third-party/ionrangeslider/ion.rangeSlider.min.css?v=1.1.1">
554<link rel="stylesheet" href="https://www.archify.com/assets/third-party/jquery-webui/jquery-webui-popover.min.css">
555
556
557  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
558  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
559  <!--[if lt IE 9]>
560    
560<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
560
561    
561<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
561
562    <![endif]-->
563
564  <!-- Google AdSense -->
565  <!-- 
565<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
565
566    
566<script>
567      (adsbygoogle = window.adsbygoogle || []).push({
568        google_ad_client: "ca-pub-2965023201243535",
569        enable_page_level_ads: true
570      });
571    </script>
571 -->
572
573  <!-- Css Style Inline -->
574  
575<style>
576.body-page p {
577
578}
579.range-slider {
580    position: relative;
581    height: 58px;
582}
583.irs--round .irs-line{
584    background-color: #e5e5e5;
585    top: 32px;
586}
587.irs--round .irs-bar{
588    /*background: #ababab;*/
589    background: #0039ff;
590    top: 32px;
591}
592.irs--round .irs-handle{
593    /*background-color:#4a4a4a;
594    border:1px solid #4a4a4a;*/
595    background-color:#0039ff;
596    border:3px solid #fff;
597    width: 16px;
598    height: 16px;
599}
600.irs--round .irs-handle.state_hover, .irs--round .irs-handle:hover{
601    background-color:#ababab;
602    border: 1px solid #ababab;
603}
604.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single{
605    background-color: #ababab;
606    font-size: 12px;
607}
608.irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before{
609    border-top-color: #ababab;
610}
611.irs--round .irs-min, .irs--round .irs-max{
612    background-color:transparent;
613    font-family: WorkSans-Medium;
614    font-size: 12px;
615    font-weight: 600;
616    font-stretch: normal;
617    font-style: normal;
618    line-height: 1.67;
619    letter-spacing: -0.09px;
620    color: #ababab;
621}
622.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single {
623    display: none;
624}
625.irs--round .irs-min, .irs--round .irs-max {
626    display: none;
627}
628.wrap-spec-toggle.show .ly-spec-value{
629    display: none;
630}
631.wrap-spec-toggle.show p.spec-value {
632    display: none;
633}
634.wrap-spec-toggle p.slider-label-left {
635    position: absolute;
636    font-family: 'WorkSans-Medium';
637    font-size: 12px;
638    line-height: 1.67;
639    letter-spacing: -0.09px;
640    color: #ababab;
641    left: 0;
642    width: 50%;
643    text-align: left;
644}
645.wrap-spec-toggle p.slider-label-right {
646    position: absolute;
647    font-family: 'WorkSans-Medium';
648    font-size: 12px;
649    line-height: 1.67;
650    letter-spacing: -0.09px;
651    color: #ababab;
652    right: 0;
653    width: 50%;
654    text-align: right;
655}
656.extra-controls span {
657    float: left;
658    margin-right: 10px;
659    padding-top: 6px;
660}
661.extra-controls input {
662    float: left;
663    width: calc(50% - 41px);
664}
665.apply-btm {
666    padding: 10px 0 20px;
667}
668.showcia{
669    display:block;
670}
671.tabsgcc{
672    margin: 0px;
673    padding: 0px;
674    list-style: none;
675    text-align:center;
676}
677.tabsgcc .menu-ly {
678    background: #f9f9f9;
679    color: #222;
680    display: block;
681    padding: 15px 20px;
682    cursor: pointer;
683    border-bottom: 1px solid #e5e5e5;
684    text-align: left;
685    position:relative;
686}
687.tabsgcc .menu-ly:hover,
688.tabsgcc .menu-ly.current{
689    background: #fff;
690}
691
692.tab-content-gcc{
693    display: none;
694    padding: 15px 30px;
695}
696
697.tab-content-gcc.current{
698    display: inherit;
699}
700.data-ipt {
701    padding-right: 20px;
702    font-size: 16px;
703    font-weight: bold;
704    font-stretch: normal;
705    font-style: normal;
706    line-height: 1.25;
707    letter-spacing: -0.2px;
708    color: #4a4a4a;
709    font-family:WorkSans-SemiBold;
710}
711img.icon-acc {
712    position: absolute;
713    top: 18px;
714    right: 20px;
715}
716.ly-subhead{
717    font-size: 14px;
718    font-weight: normal;
719    font-stretch: normal;
720    font-style: normal;
721    line-height: 1.43;
722    letter-spacing: -0.1px;
723    color: #ababab;
724}
725.sub-tite {
726    margin-top: -15px;
727    margin-bottom: 20px;
728    font-size: 16px;
729    font-weight: normal;
730    font-stretch: normal;
731    font-style: normal;
732    line-height: 1.25;
733    letter-spacing: -0.2px;
734    color: #ababab;
735}
736#all-filter .content {
737    margin-left: -30px;
738    margin-right: -30px;
739    border-top: 1px solid #e5e5e5;
740}
741.left-frw {
742    float: left;
743    width: 40%;
744    height: 300px;
745    border-right: 1px solid #e5e5e5;
746    background:#f9f9f9;
747    overflow-y: auto;
748}
749.left-frw::-webkit-scrollbar {
750  width: 5px;
751}
752.left-frw::-webkit-scrollbar-track {
753  background: #fff;
754}
755.left-frw::-webkit-scrollbar-thumb {
756  background: #E5E5E5;
757}
758.left-frw::-webkit-scrollbar-thumb:hover {
759  background: #555;
760}
761
762.right-frw::-webkit-scrollbar {
763  width: 5px;
764}
765.right-frw::-webkit-scrollbar-track {
766  background: #fff;
767}
768.right-frw::-webkit-scrollbar-thumb {
769  background: #E5E5E5;
770}
771.right-frw::-webkit-scrollbar-thumb:hover {
772  background: #555;
773}
774
775.right-frw {
776    float: left;
777    width: 60%;
778    height: 300px;
779    text-align:left;
780    overflow-y: auto;
781}
782.footer-frw {
783    padding-top: 20px;
784    border-top: 1px solid #e5e5e5;
785}
786.title-rwj{
787    font-size: 18px;
788    font-weight: bold;
789    font-stretch: normal;
790    font-style: normal;
791    line-height: 1.22;
792    letter-spacing: -0.23px;
793    color: #4a4a4a;
794    font-family:WorkSans-SemiBold;
795    margin-bottom:15px;
796}
797.subtitle-rwj{
798    font-size: 12px;
799    font-weight: 600;
800    font-stretch: normal;
801    font-style: normal;
802    line-height: 1.67;
803    letter-spacing: -0.09px;
804    color: #ababab;
805    font-family:WorkSans-Medium;
806    margin-bottom:15px;
807}
808.remove-this-section{
809    font-family: 'WorkSans-Medium';
810}
811.fil-1 .main-button:hover {
812    background-color: #4a4a4a;
813}
814.flex-col{
815    width:100%;
816}
817.col50{
818    width:50%;
819    float:left;
820}
821.popnopad{
822    padding-top: 70px;
823}
824
825/* skeleton css */
826.skeleton-wrapper {
827  position: relative;
828  float: left;
829  width: calc(100% + 30px);
830}
831.skeleton-wrapper .skeleton-item {
832  width: 100%;
833  position: relative;
834  float: left;
835  width: calc(100% / 4 - 30px);
836  margin-right: 30px;
837  margin-bottom: 30px;
838  height: auto;
839  border-radius: 3px;
840  overflow: hidden;
841}
842.skeleton-wrapper .skeleton-item .image-area {
843  position: relative;
844  float: left;
845  width: 100%;
846  height: 0px;
847  padding-bottom: 100%;
848  background: #e5e5e5;
849}
850.skeleton-wrapper .skeleton-item .image-area::after {
851  position: absolute;
852  top: 0;
853  right: 0;
854  bottom: 0;
855  left: 0;
856  transform: translateX(-100%);
857  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
858  -webkit-animation: shimmer 2s infinite;
859  animation: shimmer 2s infinite;
860  content: '';
861}
862.skeleton-wrapper .skeleton-item .thumbnail-area {
863  position: relative;
864  float: left;
865  width: calc(100% + 5px);
866  height: auto;
867}
868.skeleton-wrapper .skeleton-item .thumbnail-area .item {
869  position: relative;
870  float: left;
871  width: calc(100% / 3 - 5px);
872  height: 0;
873  padding-bottom: calc(66% / 3 - 5px);
874  background-color: #e5e5e5;
875  border-radius: 3px;
876  overflow: hidden;
877  margin-right: 5px;
878  margin-top: 5px;
879}
880.skeleton-wrapper .skeleton-item .thumbnail-area .item::after {
881  position: absolute;
882  top: 0;
883  right: 0;
884  bottom: 0;
885  left: 0;
886  transform: translateX(-100%);
887  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
888  -webkit-animation: shimmer 2s infinite;
889  animation: shimmer 2s infinite;
890  content: '';
891}
892.skeleton-wrapper .skeleton-item .text-area {
893  position: relative;
894  float: left;
895  width: 100%;
896  height: 48px;
897  padding: 0px;
898}
899.skeleton-wrapper .skeleton-item .text-area .title {
900  position: relative;
901  float: none;
902  width: 80%;
903  height: 16px;
904  margin-top: 10px;
905  margin-left: auto;
906  margin-right: auto;
907  background-color: #e5e5e5;
908}
909.skeleton-wrapper .skeleton-item .text-area .title::after {
910  position: absolute;
911  top: 0;
912  right: 0;
913  bottom: 0;
914  left: 0;
915  transform: translateX(-100%);
916  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
917  -webkit-animation: shimmer 2s infinite;
918  animation: shimmer 2s infinite;
919  content: '';
920}
921.skeleton-wrapper .skeleton-item .text-area .subtitle {
922  position: relative;
923  float: none;
924  width: 80%;
925  height:16px;
926  margin-top: 10px;
927  margin-left: auto;
928  margin-right: auto;
929  background-color: #e5e5e5;
930}
931.skeleton-wrapper .skeleton-item .text-area .subtitle::after {
932  position: absolute;
933  top: 0;
934  right: 0;
935  bottom: 0;
936  left: 0;
937  transform: translateX(-100%);
938  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
939  -webkit-animation: shimmer 2s infinite;
940  animation: shimmer 2s infinite;
941  content: '';
942}
943.skeleton-wrapper .skeleton-item-type-b {
944  width: calc(100% - 20px);
945  height: 192px;
946  border-radius: 0px;
947  overflow: visible;
948  margin-right: 20px;
949  margin-bottom: 20px;
950  position: relative;
951}
952.skeleton-wrapper .skeleton-item-type-b .image-area {
953  width: 300px;
954  border-top-left-radius: 3px;
955  border-bottom-left-radius: 3px;
956  border-top-right-radius: 0px;
957  border-bottom-right-radius: 0px;
958  overflow: hidden;
959  z-index: 2;
960  position: absolute;
961  height: 100%;
962  left: 0;
963  padding-bottom: 0;
964  background-color: #e5e5e5;
965}
966.skeleton-wrapper .skeleton-item-type-b .image-area::after {
967  position: absolute;
968  top: 0;
969  right: 0;
970  bottom: 0;
971  left: 0;
972  transform: translateX(-100%);
973  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
974  -webkit-animation: shimmer 2s infinite;
975  animation: shimmer 2s infinite;
976  content: '';
977}
978.skeleton-wrapper .skeleton-item-type-b .text-area {
979  position: absolute;
980  float: left;
981  background: #fff;
982  left: 0px;
983  height: 192px;
984  display: block;
985  border-top-left-radius: 0px;
986  border-bottom-left-radius: 0px;
987  border-top-right-radius: 3px;
988  border-bottom-right-radius: 3px;
989  width: calc(100% - 0px - 0px);
990  padding: 20px;
991  padding-left: 320px;
992  padding-right: 260px;
993}
994.skeleton-wrapper .skeleton-item-type-b .text-area .header {
995  position: relative;
996  background: #e5e5e5;
997  height: 30px;
998  width: 60%;
999  margin-bottom: 10px;
1000}
1001.skeleton-wrapper .skeleton-item-type-b .text-area .header::after {
1002  position: absolute;
1003  top: 0;
1004  right: 0;
1005  bottom: 0;
1006  left: 0;
1007  transform: translateX(-100%);
1008  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
1009  -webkit-animation: shimmer 2s infinite;
1010  animation: shimmer 2s infinite;
1011  content: '';
1012}
1013.skeleton-wrapper .skeleton-item-type-b .text-area .description {
1014  position: relative;
1015  background: #e5e5e5;
1016  height: 50px;
1017  width: 100%;
1018  margin-bottom: 10px;
1019}
1020.skeleton-wrapper .skeleton-item-type-b .text-area .description::after {
1021  position: absolute;
1022  top: 0;
1023  right: 0;
1024  bottom: 0;
1025  left: 0;
1026  transform: translateX(-100%);
1027  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
1028  -webkit-animation: shimmer 2s infinite;
1029  animation: shimmer 2s infinite;
1030  content: '';
1031}
1032
1033.skeleton-wrapper .skeleton-item-type-b .text-area .caption-header {
1034  position: relative;
1035  background: #e5e5e5;
1036  height: 50px;
1037  width: 60%;
1038}
1039.skeleton-wrapper .skeleton-item-type-b .text-area .caption-header::after {
1040  position: absolute;
1041  top: 0;
1042  right: 0;
1043  bottom: 0;
1044  left: 0;
1045  transform: translateX(-100%);
1046  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
1047  -webkit-animation: shimmer 2s infinite;
1048  animation: shimmer 2s infinite;
1049  content: '';
1050}
1051.skeleton-wrapper .skeleton-item-type-b .text-area .caption-detail {
1052  position: absolute;
1053  width: 240px;
1054  height: 100%;
1055  padding: 20px;
1056  right: 0;
1057  top: 0;
1058  display: flex;
1059  align-items: center;
1060  overflow: hidden;
1061}
1062.skeleton-wrapper .skeleton-item-type-b .text-area .caption-detail .vertical-border-left {
1063  position: absolute;
1064  width: 1px;
1065  height: calc(100% - 40px);
1066  top: 20px;
1067  left: 0px;
1068  background-color: #e5e5e5;
1069}
1070.skeleton-wrapper .skeleton-item-type-b .text-area .caption-detail .content-box {
1071  width: 100%;
1072  height: auto;
1073  margin: 0;
1074}
1075.skeleton-wrapper .skeleton-item-type-b .text-area .caption-detail .content-box .list {
1076  width: 100%;
1077  height: 17px;
1078  margin-bottom: 5px;
1079  background-color: #e5e5e5;
1080}
1081.skeleton-wrapper .skeleton-item-type-b .text-area .caption-detail .content-box .list:last-child {
1082  margin-bottom: 0px;
1083}
1084.skeleton-wrapper .skeleton-item-type-b .text-area .caption-detail .content-box .list::after {
1085  position: absolute;
1086  top: 0;
1087  right: 0;
1088  bottom: 0;
1089  left: 0;
1090  transform: translateX(-100%);
1091  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
1092  -webkit-animation: shimmer 2s infinite;
1093  animation: shimmer 2s infinite;
1094  content: '';
1095}
1096@keyframes shimmer {
1097  100% {
1098    transform: translateX(100%);
1099  }
1100}
1101.listing-a .skeleton-wrapper .skeleton-item {
1102  display: block;
1103}
1104.listing-a .skeleton-wrapper .skeleton-item-type-b {
1105  display: none;
1106}
1107.listing-b .skeleton-wrapper .skeleton-item {
1108  display: none;
1109}
1110.listing-b .skeleton-wrapper .skeleton-item-type-b {
1111  display: block;
1112}
1113@media (max-width: 768px){
1114  .skeleton-wrapper .skeleton-item {
1115    width: calc(100% / 2 - 20px);
1116  }
1117  .skeleton-wrapper .skeleton-item:nth-child(5) {
1118    display: none;
1119  }
1120  .skeleton-wrapper .skeleton-item:nth-child(6) {
1121    display: none;
1122  }
1123  .listing-b .skeleton-wrapper .skeleton-item {
1124    display: block;
1125  }
1126  .listing-b .skeleton-wrapper .skeleton-item-type-b {
1127    display: none;
1128  }
1129
1130
1131  .skeleton-wrapper {
1132    position: relative;
1133    float: left;
1134    width: calc(100% + 10px);
1135  }
1136  .skeleton-wrapper .skeleton-item {
1137    width: 100%;
1138    position: relative;
1139    float: left;
1140    width: calc(100% / 2 - 10px);
1141    margin-right: 10px;
1142    margin-bottom: 10px;
1143    height: auto;
1144    border-radius: 3px;
1145    overflow: hidden;
1146  }
1147}
1148button.secondary-button{
1149  background-color:#fff !important;
1150  border:1px solid #e5e5e5 !important;
1151}
1152button.secondary-button:hover {
1153  background-color: #4A4A4A !important;
1154  color: #fff;
1155}
1156div.secondary-button{
1157  background-color:#fff !important;
1158  border:1px solid #e5e5e5 !important;
1159  color:#4a4a4a;
1160}
1161div.secondary-button:hover {
1162  background-color: #4A4A4A !important;
1163  color: #fff;
1164}
1165.icon-origin-flags-section{
1166  display : inline;
1167}
1168</style>
1169
1170
1171  
1171<script data-rh="true" type="application/ld+json" async>
1172null
1173</script>
1173
1174
1175  
1175<script src="https://www.archify.com/assets/js/jquery-3.7.1.min.js"></script>
1175
1176  <!-- 
1176<script src="https://www.archify.com/assets/js/jquery-3.1.1.min.js"></script>
1176 -->
1177</head>
1178
1179<body>
1180  <input name="email_dttkudkykekis" id="email_dttkudkykekis" autocomplete="off" style="width: 0px;height: 0px;border: 0px;margin: 0;padding: 0;position: fixed;">
1181  <!-- Google Tag Manager (noscript) -->
vendor: 70 bytes, lines 1181-1182
1181
1182  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1182GTM-NGSGKGP
vendor: 91 bytes, lines 1182-1184
1182"
1183      height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1184  
1184<!-- End Google Tag Manager (noscript) -->
1185
1186
1187      <link itemprop="thumbnailUrl" href='https://www.archify.com/assets/img/og-image-bluprin.jpg' />
1188    <span itemprop="thumbnail" itemscope itemtype="http://schema.org/ImageObject">
1189      <link itemprop="url" href="https://www.archify.com/assets/img/og-image-bluprin.jpg">
1190          </span>
1191
1192
1193      <!-- Loading loader -->
1194      <style>
1195        #pageloader_new {
1196          background: rgba(0, 0, 0, 0.8);
1197          display: none;
1198          height: 100%;
1199          position: fixed;
1200          width: 100%;
1201          z-index: 999999999999;
1202          top: 0;
1203        }
1204
1205        #pageloader_new img {
1206          left: 50%;
1207          margin-left: -32px;
1208          margin-top: -32px;
1209          position: absolute;
1210          top: 50%;
1211        }
1212
1213        #pageloader_new .bluprin-loader-new {
1214          left: 50%;
1215          top: 50%;
1216          -webkit-transform: translate(-50%, -50%);
1217          -ms-transform: translate(-50%, -50%);
1218          transform: translate(-50%, -50%);
1219          /* margin-left: -40px;
1220  margin-top: -16px; */
1221          position: absolute;
1222          width: 40px;
1223          height: 16px;
1224          background: url('https://www.archify.com/assets/img/bluprin-loading-black.gif') left center;
1225          background-repeat: no-repeat;
1226          /* animation: play .8s steps(10) infinite; */
1227        }
1228
1229        @keyframes play {
1230          100% {
1231            background-position: -14400px;
1232          }
1233        }
1234      </style>
1235      <div id="pageloader_new">
1236        <div class="bluprin-loader-new">
1237
1238        </div>
1239      </div>
1240
1241      <!-- Navbar -->
1242      <div id="bluprin_navbar">
1243        <style>
1244  .hrefphoto a {
1245    font-size: 14px;
1246    font-weight: 600;
1247    font-stretch: normal;
1248    font-style: normal;
1249    line-height: 1;
1250    letter-spacing: -0.1px;
1251    color: #4a4a4a;
1252    font-family: WorkSans-Medium;
1253  }
1254
1255  .hrefphoto {
1256    text-align: left;
1257  }
1258
1259  .popup-shade-bg-main-menu {
1260    position: fixed;
1261    width: 100%;
1262    height: 100%;
1263    background: rgba(0, 0, 0, 0.7);
1264    z-index: 1111;
1265    display: none;
1266  }
1267
1268  .popup-shade-bg-top-menu {
1269    position: fixed;
1270    width: 100%;
1271    height: 100%;
1272    background: rgba(0, 0, 0, 0.7);
1273    z-index: 3333;
1274    display: none;
1275  }
1276
1277  .popup-shade-bg-mobile-menu {
1278    position: fixed;
1279    width: 100%;
1280    height: 100%;
1281    background: rgba(0, 0, 0, 0.6);
1282    z-index: 9999;
1283    display: none;
1284  }
1285
1286  .popup-shade-bg-mobile-menu.show {
1287    display: block;
1288  }
1289
1290  .popup-shade-bg-mobile-menu .cd-primary-nav-trigger.new {
1291    position: absolute;
1292    right: 0;
1293    top: 0;
1294    height: 100%;
1295    width: 50px;
1296    background-color: transparent;
1297    left: 0;
1298  }
1299
1300  .popup-shade-bg-mobile-menu .cd-primary-nav-trigger.new .cd-menu-icon {
1301    top: 25px;
1302    left: 25px;
1303  }
1304
1305  .popup-shade-bg-mobile-menu .cd-primary-nav-trigger.new .cd-menu-icon.is-clicked::before,
1306  .popup-shade-bg-mobile-menu .cd-primary-nav-trigger.new .cd-menu-icon.is-clicked::after {
1307    background-color: #fff;
1308  }
1309
1310  @media (min-width: 993px) {
1311    .popup-shade-bg-mobile-menu {
1312      display: none !important;
1313    }
1314  }
1315
1316  .linkwithcompany {
1317    display: none;
1318  }
1319
1320  .linkwithoutcompany {
1321    display: block;
1322  }
1323
1324  #myMenuMobileNew .subcategory-box .content ul li.language-list a h5 {
1325    white-space: nowrap;
1326  }
1327
1328  #myAffixHome .header-message-box-wrapper .header-message-box-area .header-area p.link-view-all a {
1329    font-family: 'WorkSans-SemiBold';
1330  }
1331
1332  .space-header {
1333    height: 80px;
1334  }
1335
1336  .flex-up-asr.add-comparation,
1337  .design-hov-com {
1338    display: block !important;
1339  }
1340
1341  #myAffixHome {
1342    height: 80px;
1343    padding-left: 30px !important;
1344    padding-right: 30px !important;
1345    position: fixed !important;
1346    background-color: #fff;
1347    border: 0px;
1348  }
1349
1350  #myAffixHome img.img-logo {
1351    width: 110px;
1352  }
1353
1354  #catalog-home-page #hero {
1355    margin-top: 80px !important;
1356  }
1357
1358  #catalog-home-page.search-brand #new-sidebar-product-category {
1359    height: calc(100vh - 80px - 1px) !important;
1360    margin-top: 80px !important;
1361  }
1362
1363  #new-sidebar-product-subcategory {
1364    height: calc(100vh - 80px - 1px) !important;
1365    margin-top: 80px !important;
1366  }
1367
1368  #new-sidebar-product-subsubcategory {
1369    height: calc(100vh - 80px - 1px) !important;
1370    margin-top: 80px !important;
1371  }
1372
1373  .body-page {
1374    margin-top: 80px !important;
1375  }
1376
1377  .new-company-page .company-header.dashboard {
1378    margin-top: 80px !important;
1379  }
1380
1381  .archify-list-sidebar-wrapper {
1382    height: calc(100vh - 80px) !important;
1383    margin-top: 80px !important;
1384  }
1385
1386  .archify-list-sidebar-wrapper .archify-list-sidebar-wrapper-box {
1387    height: calc(100% - 0px) !important;
1388    top: 0px !important;
1389  }
1390
1391  .archify-list-main-content-wrapper {
1392    min-height: calc(100vh - 80px);
1393    margin-top: 80px !important;
1394    padding-top: 0px !important;
1395  }
1396
1397  @media (max-width: 992px) {
1398    .space-header {
1399      height: 70px;
1400    }
1401
1402    #myAffixHome {
1403      height: 70px;
1404      padding-left: 20px !important;
1405      padding-right: 20px !important;
1406      border-bottom: 1px solid #e5e5e5 !important;
1407    }
1408
1409    #myAffixHome .cd-header {
1410      height: 70px;
1411    }
1412
1413    #catalog-home-page #hero {
1414      margin-top: 70px !important;
1415    }
1416
1417    .body-page {
1418      margin-top: 70px !important;
1419    }
1420
1421    .new-company-page .company-header.dashboard {
1422      margin-top: 70px !important;
1423    }
1424
1425    .archify-list-main-content-wrapper {
1426      margin-top: 70px !important;
1427    }
1428  }
1429
1430  #myAffixHome {
1431    visibility: visible;
1432  }
1433
1434  #newFooter {
1435    visibility: visible;
1436  }
1437
1438  /* new header style */
1439  .new-header-wrapper {
1440    width: 100%;
1441    display: flex;
1442    align-items: center;
1443  }
1444
1445  .new-header-wrapper .desktop-wrapper {
1446    width: 100%;
1447    display: flex;
1448    align-items: center;
1449  }
1450
1451  .new-header-wrapper .logo-wrapper {
1452    width: auto;
1453    height: 22px;
1454    border-right: 1px solid #e5e5e5;
1455    padding-right: 24px;
1456    margin-right: 24px;
1457  }
1458
1459  .new-header-wrapper .logo-wrapper a {
1460    display: block;
1461  }
1462
1463  .new-header-wrapper .navigation-wrapper {
1464    width: 100%;
1465    white-space: nowrap;
1466    position: relative;
1467    height: 40px;
1468    display: flex;
1469    align-items: center;
1470  }
1471
1472  .new-header-wrapper .navigation-wrapper .search-wrapper-header {
1473    width: calc(100% + 60px);
1474    position: absolute;
1475    top: 0;
1476    left: -40px;
1477    background-color: #fff;
1478    height: 40px;
1479    display: none;
1480    align-items: center;
1481    z-index: 1;
1482    padding-left: 40px;
1483    padding-right: 20px;
1484    border-right: 1px solid #e5e5e5;
1485  }
1486
1487  .new-header-wrapper .navigation-wrapper .search-wrapper-header.show-search {
1488    display: flex;
1489  }
1490
1491  .new-header-wrapper .navigation-wrapper .search-wrapper-header input {
1492    width: 100%;
1493    font-family: WorkSans-Regular;
1494    font-size: 14px;
1495    font-stretch: normal;
1496    font-style: normal;
1497    line-height: normal;
1498    letter-spacing: -0.1px;
1499    color: #211f21;
1500    border: 0px;
1501    outline: 0;
1502    padding-left: 10px;
1503    padding-right: 10px;
1504  }
1505
1506  .new-header-wrapper .navigation-wrapper .search-wrapper-header input::placeholder {
1507    /* Chrome, Firefox, Opera, Safari 10.1+ */
1508    color: #ababab;
1509    opacity: 1;
1510    /* Firefox */
1511  }
1512
1513  .new-header-wrapper .navigation-wrapper .search-wrapper-header input:-ms-input-placeholder {
1514    /* Internet Explorer 10-11 */
1515    color: #ababab;
1516  }
1517
1518  .new-header-wrapper .navigation-wrapper .search-wrapper-header input::-ms-input-placeholder {
1519    /* Microsoft Edge */
1520    color: #ababab;
1521  }
1522
1523  .new-header-wrapper .navigation-wrapper .search-wrapper-header button {
1524    width: 65px;
1525    height: 30px;
1526    border-radius: 6px;
1527    background-color: #0039ff;
1528    border: 0px;
1529    font-family: WorkSans-Medium;
1530    font-size: 12px;
1531    font-stretch: normal;
1532    font-style: normal;
1533    line-height: normal;
1534    letter-spacing: -0.24px;
1535    color: #fff;
1536  }
1537
1538  .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper {
1539    width: calc(100% + 0px);
1540    position: absolute;
1541    top: 60px;
1542    left: 0px;
1543    background-color: #fff;
1544    min-height: 100px;
1545    height: auto;
1546    max-height: calc(100vh - 100px);
1547    overflow: auto;
1548    display: block;
1549    z-index: 1;
1550    padding-left: 40px;
1551    padding-right: 20px;
1552    border: 1px solid #e5e5e5;
1553    border-top: 0px;
1554  }
1555
1556  .new-header-wrapper .navigation-wrapper ul {
1557    width: auto;
1558    padding: 0;
1559    margin: 0;
1560    list-style: none;
1561    display: flex;
1562    align-items: center;
1563  }
1564
1565  .new-header-wrapper .navigation-wrapper ul li {
1566    width: auto;
1567    display: inline-block;
1568    margin-right: 16px;
1569  }
1570
1571  .new-header-wrapper .navigation-wrapper ul li:last-child {
1572    margin-right: 0px;
1573  }
1574
1575  .new-header-wrapper .navigation-wrapper ul li a {
1576    font-family: WorkSans-Medium;
1577    font-size: 15px;
1578    font-stretch: normal;
1579    font-style: normal;
1580    line-height: normal;
1581    letter-spacing: -0.4px;
1582    color: #211f21;
1583  }
1584
1585  .new-header-wrapper .menu-wrapper {
1586    width: auto;
1587    margin-left: auto;
1588    white-space: nowrap;
1589  }
1590
1591  .new-header-wrapper .menu-wrapper ul {
1592    width: auto;
1593    padding: 0;
1594    margin: 0;
1595    list-style: none;
1596    display: flex;
1597    align-items: center;
1598  }
1599
1600  .new-header-wrapper .menu-wrapper ul li {
1601    width: auto;
1602    display: inline-block;
1603    margin-right: 16px;
1604    position: relative;
1605  }
1606
1607  .new-header-wrapper .menu-wrapper ul li:hover img.basemsgicon {
1608    opacity: 0.8 !important;
1609  }
1610
1611  .new-header-wrapper .menu-wrapper ul li:hover .fa.fa-bell {
1612    opacity: 0.4 !important;
1613  }
1614
1615  .new-header-wrapper .menu-wrapper ul li:hover img.search-header-button {
1616    opacity: 0.4 !important;
1617  }
1618
1619  .new-header-wrapper .menu-wrapper ul li a {
1620    font-family: WorkSans-Medium;
1621    font-size: 13px;
1622    font-stretch: normal;
1623    font-style: normal;
1624    line-height: normal;
1625    letter-spacing: -0.1px;
1626    text-align: center;
1627    color: #bdbdbf;
1628  }
1629
1630  .new-header-wrapper .menu-wrapper ul li:last-child {
1631    margin-right: 0px;
1632  }
1633
1634  .new-header-wrapper .menu-wrapper ul button {
1635    min-width: 65px;
1636    height: 30px;
1637    font-family: WorkSans-Medium;
1638    font-size: 13px;
1639    font-stretch: normal;
1640    font-style: normal;
1641    line-height: normal;
1642    letter-spacing: -0.1px;
1643    text-align: center;
1644    color: #fff;
1645    border-radius: 3px;
1646    background-color: #0039ff;
1647    border: 0px;
1648  }
1649
1650  /* homepage header wrapper */
1651  .homepage-header-wrapper {
1652    width: 100%;
1653    height: auto;
1654    min-height: 70px;
1655    position: absolute;
1656    top: 79px;
1657    background-color: #fff;
1658    z-index: 9998;
1659    border-bottom: 0px solid #e5e5e5;
1660    display: flex;
1661    align-items: flex-start;
1662    padding-left: 30px;
1663    padding-right: 30px;
1664    display: none;
1665    padding-top: 2px;
1666  }
1667
1668  .homepage-header-wrapper .text-wrapper {
1669    font-family: WorkSans-Regular;
1670    font-size: 14px;
1671    font-weight: normal;
1672    font-stretch: normal;
1673    font-style: normal;
1674    line-height: 0px;
1675    letter-spacing: -0.2px;
1676    color: #211f21;
1677    width: 100%;
1678    position: relative;
1679    left: -7px;
1680    padding-bottom: 20px;
1681    max-width: 1000px;
1682  }
1683
1684  .homepage-header-wrapper .text-wrapper a {
1685    font-family: WorkSans-Regular;
1686    font-size: 14px;
1687    font-weight: normal;
1688    font-stretch: normal;
1689    font-style: normal;
1690    line-height: 14px;
1691    letter-spacing: -0.1px;
1692    color: #211f21;
1693    padding-left: 7px;
1694    padding-right: 7px;
1695    padding-top: 5px;
1696    padding-bottom: 5px;
1697    white-space: nowrap;
1698    text-decoration: none;
1699    display: inline-block;
1700  }
1701
1702  .homepage-header-wrapper .text-wrapper a:hover {
1703    font-family: WorkSans-SemiBold;
1704    color: #fff;
1705    background-color: #0039ff;
1706    border-radius: 500px;
1707    font-size: 14px;
1708    letter-spacing: -0.1px;
1709  }
1710
1711  .homepage-header-wrapper .text-wrapper a.sustain-btn:hover {
1712    background-color: #61a244;
1713  }
1714
1715  /* other menu wrapper */
1716  .other-menu-wrapper {
1717    width: auto;
1718    height: 35px;
1719    display: flex;
1720    margin-left: auto;
1721  }
1722
1723  .other-menu-wrapper.top {
1724    padding-right: 16px;
1725    margin-right: 16px;
1726    border-right: 1px solid #e5e5e5;
1727    height: 22px;
1728  }
1729
1730  .other-menu-wrapper .other-menu {
1731    width: auto;
1732    height: 35px;
1733    padding-left: 15px;
1734    padding-right: 15px;
1735    background-color: #e8e8e8;
1736    border-radius: 500px;
1737    display: flex;
1738    align-items: center;
1739    position: relative;
1740    font-family: WorkSans-Medium;
1741    font-size: 13px;
1742    font-stretch: normal;
1743    font-style: normal;
1744    line-height: normal;
1745    letter-spacing: -0.1px;
1746    color: #211f21;
1747    cursor: pointer;
1748    margin-left: 10px;
1749  }
1750
1751  .other-menu-wrapper.top .other-menu {
1752    height: 35px;
1753    top: -6px
1754  }
1755
1756  .other-menu-wrapper .other-menu img {
1757    margin-left: 10px;
1758  }
1759
1760  .other-menu-wrapper .other-menu .other-menu-list {
1761    position: absolute;
1762    top: 36px;
1763    right: 0;
1764    width: auto;
1765    height: auto;
1766    background-color: #fff;
1767    cursor: auto;
1768    border-radius: 6px;
1769    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
1770    border: solid 1px #f1f1f1;
1771    background-color: #fff;
1772    padding: 20px;
1773    padding-top: 10px;
1774    padding-bottom: 10px;
1775    display: none;
1776  }
1777
1778  .other-menu-wrapper .other-menu.open .other-menu-list {
1779    display: block;
1780  }
1781
1782  .other-menu-wrapper .other-menu.open img {
1783    transform: rotate(180deg);
1784  }
1785
1786  .other-menu-wrapper .other-menu.open .other-menu-list ul {
1787    padding: 0;
1788    margin: 0;
1789    display: block;
1790    list-style: none;
1791  }
1792
1793  .other-menu-wrapper .other-menu.open .other-menu-list ul li {
1794    white-space: nowrap;
1795    margin-bottom: 0px;
1796    margin: 0;
1797    display: block;
1798  }
1799
1800  .other-menu-wrapper .other-menu.open .other-menu-list ul li:last-child {
1801    margin-bottom: 0px;
1802  }
1803
1804  .other-menu-wrapper .other-menu.open .other-menu-list ul li a {
1805    font-family: WorkSans-Medium;
1806    font-size: 14px;
1807    /* font-weight: 600; */
1808    font-stretch: normal;
1809    font-style: normal;
1810    line-height: 2.14;
1811    letter-spacing: -0.1px;
1812    color: #211f21;
1813    display: block;
1814    width: 100%;
1815  }
1816
1817  @media (max-width: 1250px) {
1818    .new-header-wrapper .logo-wrapper {
1819      padding-right: 8px;
1820      margin-right: 8px;
1821    }
1822
1823    .other-menu-wrapper.top {
1824      padding-right: 8px;
1825      margin-right: 8px;
1826    }
1827
1828    .new-header-wrapper .navigation-wrapper ul li {
1829      margin-right: 10px;
1830    }
1831
1832    .new-header-wrapper .navigation-wrapper ul li a {
1833      letter-spacing: -0.8px;
1834    }
1835
1836    .new-header-wrapper .menu-wrapper ul li {
1837      margin-right: 10px;
1838    }
1839
1840    .new-header-wrapper .navigation-wrapper .search-wrapper-header {
1841      width: calc(100% + 40px);
1842      left: -20px;
1843      padding-left: 20px;
1844    }
1845
1846    #myAffixHome img.img-logo {
1847      width: 100px;
1848    }
1849
1850    .other-menu-wrapper .other-menu {
1851      padding-left: 10px;
1852      padding-right: 10px;
1853    }
1854
1855    .other-menu-wrapper .other-menu img {
1856      margin-left: 8px;
1857    }
1858  }
1859
1860  .menu-mobile-left-wrapper {
1861    display: none;
1862  }
1863
1864  .menu-mobile-right-wrapper {
1865    display: none;
1866  }
1867
1868  @media (max-width: 992px) {
1869    .new-header-wrapper .navigation-wrapper {
1870      position: absolute;
1871      width: auto;
1872    }
1873
1874    .new-header-wrapper .navigation-wrapper ul {
1875      display: none;
1876    }
1877
1878    .new-header-wrapper .menu-wrapper {
1879      display: none;
1880    }
1881
1882    .new-header-wrapper .logo-wrapper {
1883      padding: 0;
1884      margin: 0;
1885      border: 0;
1886      margin-left: auto;
1887      margin-right: auto;
1888    }
1889
1890    .menu-mobile-left-wrapper {
1891      display: flex;
1892      width: 20px;
1893      height: 20px;
1894      align-items: center;
1895    }
1896
1897    .menu-mobile-right-wrapper {
1898      display: flex;
1899      width: 20px;
1900      height: 20px;
1901      align-items: center;
1902    }
1903
1904    .new-header-wrapper .navigation-wrapper .search-wrapper-header.show-search {
1905      width: 100%;
1906      height: 70px;
1907      position: fixed;
1908      padding-left: 20px;
1909      padding-right: 20px;
1910      left: 0;
1911      border-right: 0px;
1912      border-bottom: 1px solid #e5e5e5;
1913    }
1914
1915    .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper {
1916      top: 70px;
1917      min-height: calc(100vh - 70px);
1918      max-height: calc(100vh - 70px);
1919      height: calc(100vh - 70px);
1920      padding-bottom: 50px;
1921      border-radius: 0;
1922      padding-left: 0;
1923      padding-right: 0;
1924    }
1925
1926    .homepage-header-wrapper {
1927      display: none !important;
1928    }
1929
1930    .new-header-wrapper .navigation-wrapper .other-menu-wrapper.top {
1931      display: none !important;
1932    }
1933  }
1934
1935  .header-user-menu-wrapper {
1936    width: 20px;
1937    height: 20px;
1938    display: flex;
1939    align-items: center;
1940    justify-content: center;
1941    border-radius: 50%;
1942    background-color: #0039ff;
1943    cursor: pointer;
1944    font-family: WorkSans-SemiBold;
1945    font-size: 10px;
1946    font-stretch: normal;
1947    font-style: normal;
1948    line-height: normal;
1949    letter-spacing: -0.14px;
1950    text-align: center;
1951    color: #fff;
1952    position: relative;
1953    overflow: hidden;
1954  }
1955
1956  .header-user-menu-wrapper img {
1957    width: 20px;
1958    height: 20px;
1959    position: absolute;
1960    width: 20px;
1961    height: 20px;
1962    top: 0;
1963    left: 0;
1964    object-fit: cover;
1965  }
1966
1967  /* section search result header */
1968  .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result {
1969    width: 100%;
1970    padding-top: 40px;
1971    padding-bottom: 40px;
1972    background-color: #fff;
1973    padding-left: 0px;
1974    padding-right: 0px;
1975    position: relative;
1976    white-space: normal;
1977  }
1978
1979  .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result p.title {
1980    font-family: WorkSans-SemiBold;
1981    font-size: 20px;
1982    font-stretch: normal;
1983    font-style: normal;
1984    line-height: 1;
1985    letter-spacing: -0.29px;
1986    color: #211f21;
1987    margin-bottom: 10px;
1988  }
1989
1990  .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .products-search-result-text {
1991    position: relative;
1992    width: calc(100% + 0px);
1993    left: 0px;
1994    margin-bottom: 20px;
1995    line-height: 18px;
1996  }
1997
1998  .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .products-search-result-text a {
1999    width: 634px;
2000    height: 20px;
2001    margin: 12px 0 0;
2002    font-family: WorkSans-Regular;
2003    font-size: 14px;
2004    font-stretch: normal;
2005    font-style: normal;
2006    line-height: 22px;
2007    letter-spacing: -0.2px;
2008    color: #211f21;
2009    display: inline;
2010    margin-right: 0px;
2011    margin-left: 0px;
2012    position: relative;
2013  }
2014
2015  /* .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .products-search-result-text a span {
2016  font-family: WorkSans-SemiBold;
2017} */
2018  .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .products-search-result-text p {
2019    margin-right: 10px;
2020    margin-left: 10px;
2021    margin-bottom: 0;
2022    display: inline;
2023    line-height: 0;
2024  }
2025
2026  .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header {
2027    /* width: calc(100% - 110px); */
2028    width: calc(100% - 100px);
2029    height: auto;
2030    overflow: auto;
2031    position: relative;
2032  }
2033
2034  .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header.full {
2035    width: calc(100% - 0px);
2036    height: auto;
2037    overflow: auto;
2038    position: relative;
2039  }
2040
2041  /* width */
2042  .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header::-webkit-scrollbar {
2043    width: 10px;
2044    height: 0px;
2045  }
2046
2047  /* Track */
2048  .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header::-webkit-scrollbar-track {
2049    background: #f1f1f1;
2050  }
2051
2052  /* Handle */
2053  .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header::-webkit-scrollbar-thumb {
2054    background: #888;
2055  }
2056
2057  /* Handle on hover */
2058  .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header::-webkit-scrollbar-thumb:hover {
2059    background: #555;
2060  }
2061
2062  .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header ul {
2063    width: 100%;
2064    padding: 0;
2065    margin: 0;
2066    list-style: none;
2067    display: block;
2068  }
2069
2070  .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header ul li {
2071    width: 100%;
2072    margin-bottom: 10px;
2073    display: block;
2074  }
2075
2076  .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header ul li a {
2077    width: 100%;
2078    display: block;
2079    font-family: WorkSans-Regular;
2080    font-size: 14px;
2081    font-stretch: normal;
2082    font-style: normal;
2083    line-height: 1.43;
2084    letter-spacing: -0.2px;
2085    color: #211f21;
2086  }
2087
2088  .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header ul li a span {
2089    font-family: WorkSans-SemiBold;
2090  }
2091
2092  .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header .images-inside-wrapper {
2093    width: fit-content;
2094    height: auto;
2095    display: flex;
2096    padding-bottom: 5px;
2097  }
2098
2099  .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header .images-inside-wrapper .image-item-wrapper {
2100    width: 100px;
2101    min-width: 100px;
2102    height: auto;
2103    position: relative;
2104    float: left;
2105    margin-left: 10px;
2106  }
2107
2108  .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header .images-inside-wrapper .image-item-wrapper.projects {
2109    width: 150px;
2110    min-width: 150px;
2111    height: auto;
2112    position: relative;
2113    float: left;
2114    margin-left: 10px;
2115  }
2116
2117  .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header .images-inside-wrapper .image-item-wrapper.inspiration {
2118    width: 90px;
2119    min-width: 90px;
2120    height: auto;
2121    position: relative;
2122    float: left;
2123    margin-left: 10px;
2124  }
2125
2126  .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header .images-inside-wrapper .image-item-wrapper p.name {
2127    width: 100%;
2128    font-family: WorkSans-Medium;
2129    font-size: 12px;
2130    font-stretch: normal;
2131    font-style: normal;
2132    line-height: normal;
2133    letter-spacing: -0.17px;
2134    text-align: center;
2135    color: #211f21;
2136    padding-top: 10px;
2137    position: relative;
2138    float: left;
2139    white-space: normal;
2140    margin-bottom: 0px;
2141  }
2142
2143  .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header .images-inside-wrapper .image-item-wrapper p.title {
2144    font-family: WorkSans-SemiBold;
2145    font-size: 12px;
2146    font-stretch: normal;
2147    font-style: normal;
2148    line-height: normal;
2149    letter-spacing: -0.17px;
2150    color: #211f21;
2151    position: relative;
2152    float: left;
2153    padding-top: 10px;
2154    margin-bottom: 0;
2155    width: 100%;
2156  }
2157
2158  .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header .images-inside-wrapper .image-item-wrapper p.subtitle {
2159    font-family: WorkSans-Regular;
2160    font-size: 12px;
2161    font-stretch: normal;
2162    font-style: normal;
2163    line-height: normal;
2164    letter-spacing: -0.17px;
2165    color: #211f21;
2166    position: relative;
2167    float: left;
2168    margin-bottom: 0;
2169    width: 100%;
2170  }
2171
2172  .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header .images-inside-wrapper .image-item-wrapper:first-child {
2173    margin-left: 0px;
2174  }
2175
2176  .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header .images-inside-wrapper .image-item {
2177    /* width: 100px; */
2178    width: auto;
2179    min-width: 100px;
2180    height: auto;
2181    border: solid 1px #e8e8eb;
2182    position: relative;
2183    float: left;
2184  }
2185
2186  .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header .images-inside-wrapper .image-item.projects {
2187    width: 150px;
2188    min-width: 150px;
2189    height: auto;
2190    border: solid 1px #e8e8eb;
2191    position: relative;
2192    float: left;
2193  }
2194
2195  .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header .images-inside-wrapper .image-item.inspiration {
2196    width: 90px;
2197    min-width: 90px;
2198    height: auto;
2199    border: solid 1px #e8e8eb;
2200    position: relative;
2201    float: left;
2202  }
2203
2204  .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header .images-inside-wrapper .image-item.brands {
2205    padding: 10px;
2206  }
2207
2208  .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header .images-inside-wrapper .image-item img {
2209    width: 100px;
2210    height: 100px;
2211    position: relative;
2212    object-fit: cover;
2213  }
2214
2215  .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header .images-inside-wrapper .image-item.brands img {
2216    width: 80px;
2217    height: 80px;
2218    position: relative;
2219    object-fit: contain;
2220  }
2221
2222  .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header .images-inside-wrapper .image-item.projects img {
2223    width: 148px;
2224    height: 148px;
2225    position: relative;
2226    object-fit: cover;
2227  }
2228
2229  .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header .images-inside-wrapper .image-item.inspiration img {
2230    width: 88px;
2231    height: 88px;
2232    position: relative;
2233    object-fit: cover;
2234  }
2235
2236  .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .main-wrapper {
2237    position: relative;
2238    width: 100%;
2239    height: auto;
2240  }
2241
2242  .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .main-wrapper .image-item.view-more {
2243    border: solid 0px #e8e8eb;
2244    right: 0;
2245    top: 0;
2246    background-color: #fff;
2247    position: absolute;
2248    display: flex;
2249    justify-content: center;
2250    font-family: WorkSans-SemiBold;
2251    font-size: 12px;
2252    font-stretch: normal;
2253    font-style: normal;
2254    line-height: normal;
2255    letter-spacing: -0.17px;
2256    color: #808285;
2257    height: 100%;
2258    padding-top: 47px;
2259    min-width: 100px;
2260    max-width: 100px;
2261    width: 100px;
2262  }
2263
2264  .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .main-wrapper .image-item.view-more.projects {
2265    padding-top: 72px;
2266  }
2267
2268  .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .main-wrapper .image-item.view-more.inspiration {
2269    padding-top: 40px;
2270  }
2271
2272  .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .border-bottom {
2273    position: absolute;
2274    height: 1px;
2275    bottom: 1px;
2276    background-color: #dedbde;
2277    width: calc(100% - 0px);
2278    left: 0px;
2279  }
2280
2281  .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result:last-child .border-bottom {
2282    display: none;
2283  }
2284
2285  @media (max-width: 992px) {
2286    .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result {
2287      padding-left: 20px;
2288      padding-right: 20px;
2289    }
2290
2291    .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .border-bottom {
2292      width: calc(100% - 0px);
2293      left: 0px;
2294    }
2295  }
2296
2297  .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result p.search-result-text {
2298    font-family: WorkSans-SemiBold;
2299    font-size: 20px;
2300    font-weight: bold;
2301    font-stretch: normal;
2302    font-style: normal;
2303    line-height: 1;
2304    letter-spacing: -0.29px;
2305    color: #211f21;
2306    width: 100%;
2307    margin: 0;
2308  }
2309
2310  .popup-shade-bg-top-menu-new-search-box {
2311    position: fixed;
2312    width: 100%;
2313    height: 100%;
2314    background: rgba(0, 0, 0, 0.7);
2315    z-index: 9998;
2316    display: none;
2317  }
2318
2319  .popup-shade-bg-new-main-menu {
2320    position: fixed;
2321    width: 100%;
2322    height: 100%;
2323    background: rgba(0, 0, 0, 0.7);
2324    z-index: 33332;
2325    display: none;
2326  }
2327
2328  /* header menu detail wrapper */
2329  .header-menu-detail-wrapper {
2330    position: fixed;
2331    width: 300px;
2332    height: auto;
2333    min-height: 100px;
2334    border-radius: 6px;
2335    background: rgba(0, 0, 0, 0.7);
2336    z-index: 33333;
2337    background-color: #fff;
2338    top: 20px;
2339    right: 20px;
2340    display: none;
2341    padding-top: 10px;
2342  }
2343
2344  .header-menu-detail-wrapper.notification {
2345    width: 400px;
2346  }
2347
2348  .header-menu-detail-wrapper .header {
2349    width: 100%;
2350    display: flex;
2351    align-items: center;
2352    padding-left: 20px;
2353    padding-right: 20px;
2354    height: 50px;
2355  }
2356
2357  .header-menu-detail-wrapper .header .image-wrapper {
2358    width: 30px;
2359    min-width: 30px;
2360    margin-right: 10px;
2361    height: 30px;
2362    position: relative;
2363    border-radius: 50%;
2364    overflow: hidden;
2365  }
2366
2367  .header-menu-detail-wrapper .header .image-wrapper img {
2368    width: 30px;
2369    height: 30px;
2370    object-fit: cover;
2371    position: absolute;
2372  }
2373
2374  .header-menu-detail-wrapper .header .text-wrapper {
2375    width: 100%;
2376  }
2377
2378  .header-menu-detail-wrapper .header .text-wrapper p.title {
2379    width: 100%;
2380    margin: 0;
2381    font-family: WorkSans-SemiBold;
2382    font-size: 12px;
2383    font-stretch: normal;
2384    font-style: normal;
2385    line-height: normal;
2386    letter-spacing: -0.17px;
2387    color: #211f21;
2388    display: -webkit-box;
2389    -webkit-line-clamp: 1;
2390    -webkit-box-orient: vertical;
2391    overflow: hidden;
2392    text-overflow: ellipsis;
2393  }
2394
2395  .header-menu-detail-wrapper .header .text-wrapper p.subtitle {
2396    width: 100%;
2397    margin: 0;
2398    font-family: WorkSans-Regular;
2399    font-size: 12px;
2400    font-weight: normal;
2401    font-stretch: normal;
2402    font-style: normal;
2403    line-height: normal;
2404    letter-spacing: -0.17px;
2405    color: #808285;
2406    display: -webkit-box;
2407    -webkit-line-clamp: 1;
2408    -webkit-box-orient: vertical;
2409    overflow: hidden;
2410    text-overflow: ellipsis;
2411  }
2412
2413  .header-menu-detail-wrapper .content {
2414    width: 100%;
2415    height: auto;
2416    max-height: calc(100vh - 100px);
2417    overflow: auto;
2418    padding-left: 20px;
2419    padding-right: 20px;
2420    padding-bottom: 20px;
2421  }
2422
2423  .header-menu-detail-wrapper .content .new-lang {
2424    position: relative;
2425    width: 100%;
2426    float: left;
2427    margin-bottom: 5px;
2428    display: flex;
2429    align-items: flex-start;
2430  }
2431
2432  .header-menu-detail-wrapper .content .new-lang a {
2433    color: #4a4a4a;
2434    text-decoration: none;
2435  }
2436
2437  .center-notif-item {
2438    padding-left: 0px;
2439    padding-right: 0px;
2440    border-bottom: 1px solid #e5e5e5;
2441    align-items: flex-start;
2442  }
2443
2444  .center-notif-item:before {
2445    border: 0px;
2446  }
2447
2448  .content-notif-item .txt1 {
2449    font-size: 14px;
2450    display: block;
2451    display: -webkit-box;
2452    height: auto;
2453    -webkit-line-clamp: 3;
2454    -webkit-box-orient: vertical;
2455    overflow: hidden;
2456    text-overflow: ellipsis;
2457    font-family: WorkSans-Medium;
2458    line-height: 14px;
2459  }
2460
2461  .asrbadge {
2462    color: white;
2463    font-size: 8px;
2464    border: 2px solid #fff;
2465    position: absolute;
2466    top: -8px;
2467    right: -10px;
2468    background-color: #1f609b;
2469    border-radius: 50%;
2470    text-align: center;
2471    width: 18px;
2472    font-family: 'WorkSans-SemiBold';
2473    height: 18px;
2474    cursor: pointer;
2475  }
2476
2477  .header-message-count-notification {
2478    color: #fff;
2479    font-size: 8px;
2480    border: 2px solid #fff;
2481    position: absolute;
2482    top: -8px;
2483    right: -10px;
2484    background-color: #1f609b;
2485    border-radius: 50%;
2486    width: 18px;
2487    height: 18px;
2488    font-family: WorkSans-SemiBold;
2489    display: flex;
2490    justify-content: center;
2491    align-items: center;
2492  }
2493
2494  ul.dropdown-menu.user-detail-dropdown {
2495    position: relative;
2496    width: 100%;
2497    display: block;
2498    border: 0px;
2499    padding: 0;
2500  }
2501
2502  ul.dropdown-menu.user-detail-dropdown li {
2503    position: relative;
2504    width: calc(100% + 40px);
2505    left: -20px;
2506    padding-left: 20px;
2507    padding-right: 20px;
2508    display: flex;
2509    align-items: center;
2510    font-family: WorkSans-Regular;
2511    font-size: 12px;
2512    font-stretch: normal;
2513    font-style: normal;
2514    line-height: 12px;
2515    letter-spacing: -0.17px;
2516    color: #211f21;
2517    margin-bottom: 5px;
2518    min-height: 25px;
2519    display: flex;
2520    align-items: center;
2521  }
2522
2523  ul.dropdown-menu.user-detail-dropdown li:hover {
2524    background-color: #f9f9f9;
2525  }
2526
2527  ul.dropdown-menu.user-detail-dropdown li:last-child {
2528    margin-bottom: 0px;
2529  }
2530
2531  ul.dropdown-menu.user-detail-dropdown li button {
2532    width: 100%;
2533  }
2534
2535  ul.dropdown-menu.user-detail-dropdown li a {
2536    display: flex;
2537    width: 100%;
2538    align-items: center;
2539    color: #211f21;
2540    text-decoration: none;
2541    min-height: 25px;
2542  }
2543
2544  ul.dropdown-menu.user-detail-dropdown.main {
2545    padding: 0;
2546    border-bottom: 1px solid #e5e5e5;
2547    padding-bottom: 10px;
2548    margin-bottom: 10px;
2549    padding-top: 10px;
2550  }
2551
2552  ul.dropdown-menu.user-detail-dropdown.main li {
2553    font-family: WorkSans-Medium;
2554    font-size: 12px;
2555    font-stretch: normal;
2556    font-style: normal;
2557    line-height: 12px;
2558    letter-spacing: -0.17px;
2559    color: #211f21;
2560    margin-bottom: 5px;
2561    min-height: 25px;
2562    display: flex;
2563    align-items: center;
2564  }
2565
2566  ul.dropdown-menu.user-detail-dropdown.main li:hover {
2567    background-color: #f9f9f9;
2568  }
2569
2570  ul.dropdown-menu.user-detail-dropdown.main li img {
2571    margin-right: 10px;
2572    opacity: 0.2;
2573  }
2574
2575  ul.dropdown-menu.user-detail-dropdown.main li:hover img {
2576    opacity: 0.7;
2577  }
2578
2579  @media (min-width: 993px) {
2580    .header-menu-detail-wrapper.user-menu-mobile {
2581      display: none !important;
2582    }
2583  }
2584
2585  @media (max-width: 992px) {
2586    .new-header-wrapper .navigation-wrapper {
2587      position: absolute;
2588      width: auto;
2589    }
2590
2591    .new-header-wrapper .navigation-wrapper ul {
2592      display: none;
2593    }
2594
2595    .new-header-wrapper .menu-wrapper {
2596      display: none;
2597    }
2598
2599    .new-header-wrapper .logo-wrapper {
2600      padding: 0;
2601      margin: 0;
2602      border: 0;
2603      margin-left: auto;
2604      margin-right: auto;
2605    }
2606
2607    .menu-mobile-left-wrapper {
2608      display: flex;
2609      width: 20px;
2610      height: 20px;
2611      align-items: center;
2612    }
2613
2614    .menu-mobile-right-wrapper {
2615      display: flex;
2616      width: 20px;
2617      height: 20px;
2618      align-items: center;
2619    }
2620
2621    .new-header-wrapper .navigation-wrapper .search-wrapper-header.show-search {
2622      width: 100%;
2623      height: 70px;
2624      position: fixed;
2625      padding-left: 20px;
2626      padding-right: 20px;
2627      left: 0;
2628      border-right: 0px;
2629    }
2630
2631    .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper {
2632      top: 70px;
2633      min-height: calc(100vh - 70px);
2634      max-height: calc(100vh - 70px);
2635      height: calc(100vh - 70px);
2636      padding-bottom: 50px;
2637      border-radius: 0;
2638      padding-left: 0;
2639      padding-right: 0;
2640    }
2641
2642    .header-menu-detail-wrapper {
2643      top: 0;
2644      left: 0;
2645      right: auto;
2646      width: 100% !important;
2647      border-radius: 0;
2648      height: 100vh;
2649      padding-bottom: 50px;
2650    }
2651  }
2652</style>
2653<style>
2654.top-banner {
2655  position: relative;
2656  top: auto;
2657  left: 0;
2658  width: 100%;
2659  /* height: 100px;           */
2660  z-index: 9999;          
2661  /* overflow: hidden; */
2662  background-color: #fff;
2663  padding:20px 20px 0 20px;
2664}
2665
2666.gif-banner {
2667  display: block;
2668  width: 100%;
2669  /* height: 100px; */
2670  object-fit: contain;   
2671}
2672
2673#myAffixHome {
2674  
2675    z-index: 10000;         /* pastikan header tetap di atas banner */
2676}
2677.homepage-header-wrapper{
2678  top:176px;
2679}
2680@media (min-width:1400px){
2681    
2682.homepage-header-wrapper{
2683  top:217px;
2684}
2685
2686}
2687@media (max-width: 992px) {
2688  #myAffixHome {
2689    top: auto;  
2690  }
2691}
2692.gif-banner{
2693    width: 100%;
2694    object-fit: contain;
2695}
2696
2697@media (max-width: 768px){
2698
2699    .top-banner{
2700        overflow: hidden;
2701    }
2702
2703    .gif-banner{
2704        width: 100%;
2705        /* height: 30px; */
2706        object-fit: fill;
2707    }
2708
2709}
2710</style>
2711<div id="top-main-menu" style="display: none;"></div>
2712
2713
2714<script type="text/javascript">
2715  $(document).ready(function() {
2716    const location = window.location.href;
2717    if (location.includes("revit-webview")) {
2718      $("#myAffixHome").html(`<img onclick="window.history.back()" class="back-icon" src="https://www.archify.com/assets/img/svg/arrow-left-black.svg" />`);
2719
2720      if (location.includes("privacy-policy")) {
2721        $("h1").css("margin-top", "0px");
2722      }
2723      $("#newFooter").css("visibility", "hidden");
2724    }
2725  });
2726</script>
2726
2727
2728  <div class="top-banner" style="display:none">
2729  <a href="https://source.lattira.com/en/au"><img src="https://www.archify.com/assets/banner/lattira-home.gif" class="gif-banner" alt="Archify Banner"></a>
2730</div>
2731<header id="myAffixHome" class="new-header-wrapper fixed-top scrolled">
2732  <div class="menu-mobile-left-wrapper">
2733    <img class="show-menu-mobile-new-header" src="https://www.archify.com/assets/img/svg/burger-menu-svgrepo-com.svg" alt="burger-menu" width="20" height="20" style="cursor: pointer;">
2734  </div>
2735  <div class="logo-wrapper">
2736    <a href="https://www.archify.com/au/" style="position: relative; top: -5px;">
2737      <img class="img-logo" src="https://www.archify.com/assets/img/svg/global-logo-archify.svg?v=1.1.1" alt="Logo" width="110" height="31">
2738    </a>
2739  </div>
2740  <div class="menu-mobile-right-wrapper">
2741    <img class="search-header-button" src="https://www.archify.com/assets/img/svg/general-search.svg" width="20" height="20" alt="Search Icon" style="cursor: pointer; opacity: 0.5;">
2742  </div>
2743  <div class="navigation-wrapper">
2744    <ul>
2745      <li><a id="navbar-menu-products" href="https://www.archify.com/au/products">Products</a></li><li><a id="navbar-menu-brands" href="https://www.archify.com/au/brands">Brands</a></li><li><a id="navbar-menu-education" href="https://www.archify.com/au/education">Education</a></li><li><a id="navbar-menu-events" href="https://www.archify.com/au/events">Events</a></li><li><a id="navbar-menu-archifynow" href="https://www.archify.com/au/archifynow">Articles</a></li><li><a id="navbar-menu-specconsulting" target="_blank"  href="https://sclspec.com/">Spec Consulting</a></li><li><a id="navbar-menu-archifyspec" target="_blank" href="https://archifyspec.com/">ArchifySpec</a></li>      <!-- <li>
2746        <a href="#">Products</a>
2747      </li>
2748      <li>
2749        <a href="#">Brands</a>
2750      </li>
2751      <li>
2752        <a href="#">Professionals</a>
2753      </li> -->
2754    </ul>
2755
2756    <div class="other-menu-wrapper top">
2757            <div id="navbar-menu-explore" class="other-menu" style="">
2758        Explore
2759        <img class="arrow-down-small" src="https://www.archify.com/assets/img/svg/arrow-down-small.svg" alt="arrow-down-small" width="10" height="10">
2760        <div class="other-menu-list">
2761          <ul>
2762            <li><a id="navbar-menu-explore-professionals" href="https://www.archify.com/au/professionals">Professionals</a></li><li><a id="navbar-menu-explore-projects" href="https://www.archify.com/au/projects">Projects</a></li><li><a id="navbar-menu-explore-photos" href="https://www.archify.com/au/photos">Inspiration</a></li>            <!-- <li>
2763              <a href="#">Professionals</a>
2764            </li>
2765            <li>
2766              <a href="#">Inspiration</a>
2767            </li>
2768            <li>
2769              <a href="#">Projects</a>
2770            </li>
2771            <li>
2772              <a href="#">Articles</a>
2773            </li>
2774            <li>
2775              <a href="#">Events</a>
2776            </li> -->
2777          </ul>
2778        </div>
2779      </div>
2780      <div id="navbar-menu-solution" class="other-menu">
2781        Solutions
2782        <img class="arrow-down-small" src="https://www.archify.com/assets/img/svg/arrow-down-small.svg" alt="arrow-down-small" width="10" height="10">
2783        <div class="other-menu-list">
2784          <ul>
2785            <li>
2786              <a id="navbar-menu-solution-profesionals" href="https://www.archify.com/au/forpro">For Professionals</a>
2787            </li>
2788            <li>
2789                              <a id="navbar-menu-solution-brands" href="https://brands.archify.com/">For Brands</a>
2790                          </li>
2791
2792                          <!--  <li>
2793              <a href="https://bcicentral.typeform.com/to/PSHuXZjX" target="_blank">Product Sourcing Service</a>
2794            </li> -->
2795                      </ul>
2796        </div>
2797      </div>
2798    </div>
2799    <div class="search-wrapper-header">
2800      <img src="https://www.archify.com/assets/img/svg/general-search.svg" width="20" height="20" alt="Search Icon" style="cursor: pointer; opacity: 1;">
2801      <input id="newHeaderSearchInput" type="text" name="" value="" placeholder="Search Products, Professional, Projects etc." type="text">
2802      <button id="newHeaderSearchButton" type="button" name="button">Search</button>
2803      <img id="newHeaderCloseSearchButton" class="new-header-close-search-button" src="https://www.archify.com/assets/img/close.png" width="15" height="15" alt="Close Icon" style="margin-left: 20px; cursor: pointer; opacity: 0.3;">
2804      <div class="search-result-wrapper" style="display: none;">
2805
2806        <!-- loading section -->
2807        <div class="section-search-result loading" style="text-align: center;">
2808          <img src="https://www.archify.com/assets/img/new-archify-loading.gif" alt="loading gif" width="20" height="20">
2809        </div>
2810
2811        <!-- no result section -->
2812        <div class="section-search-result no-result">
2813          <p style="font-family: WorkSans-Medium; font-size: 20px; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: -0.29px; color: #211f21; margin-bottom: 20px;">
2814            No Result Found
2815          </p>
2816          <p style="font-family: WorkSans-Regular; font-size: 16px; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: -0.23px; color: #211f21; margin-bottom: 0px;margin-top: -10px;">
2817
2818            <!-- commented because link is broken already confirmed to martin 22/07/2025 -->
2819            <!--               Can’t find what you’re looking for? Let Archify source products for you for free!<br />
2820              <a href="https://bcicentral.typeform.com/to/PSHuXZjX" target="_blank"><button class="btn btn-primary" style="width:120px;margin-top:10px;">Submit Request</button></a>
2821             -->
2822
2823            Make sure all words are spelled correctly.<br />Try more general keywords.
2824          </p>
2825        </div>
2826
2827        <!-- Products Section -->
2828        <div class="section-search-result products">
2829          <p class="title">Products</p>
2830          <div class="products-search-result-text">
2831          </div>
2832          <div class="main-wrapper"></div>
2833          <div class="border-bottom"></div>
2834        </div>
2835
2836        <!-- Brands Section -->
2837        <div class="section-search-result brands">
2838        </div>
2839
2840        <!-- Education Section -->
2841        <div class="section-search-result education">
2842        </div>
2843
2844        <!-- Professionals Section -->
2845        <div class="section-search-result professionals">
2846        </div>
2847
2848        <!-- Projects Section -->
2849        <div class="section-search-result projects">
2850        </div>
2851
2852        <!-- Inspiration Section -->
2853        <div class="section-search-result inspiration">
2854        </div>
2855
2856        <!-- Articles Section -->
2857        <div class="section-search-result articles">
2858        </div>
2859      </div>
2860    </div>
2861  </div>
2862  <div class="menu-wrapper">
2863    
2864<ul>
2865	<li class="header-search-icon-area">
2866		<img id="search-header-btn" class="search-header-button" src="https://www.archify.com/assets/img/svg/general-search.svg" width="15" height="15" alt="Search Icon" style="cursor: pointer; opacity: 0.3;">
2867	</li>
2868		<li class="header-languages-icon-area">
2869		<img id="languages-header-btn" class="select-language-button" src="https://www.archify.com/assets/img/svg/flag/flag-au.svg" alt="Archify - au" width="17" height="17" style="cursor: pointer;">
2870	</li>
2871	<li class="header-login-icon-area">
2872		<a id="login-header-btn" class="login-button" href="https://www.archify.com/au/login">Login</a>
2873	</li>
2874	<li class="header-signup-icon-area">
2875		<a id="signup-header-btn" class="login-button" href="https://www.archify.com/au/signup">
2876			<button class="blue-button" type="button" name="button">Sign Up for Free</button>
2877		</a>
2878	</li>
2879	</ul>
2880
2881
2882  </div>
2883</header>
2884<div class="homepage-header-wrapper">
2885  <div class="text-wrapper">
2886    <a id="homepage-header-product-link-accessibility" href="https://www.archify.com/au/products/accessibility">Accessibility</a><a id="homepage-header-product-link-appliance" href="https://www.archify.com/au/products/appliance">Appliances</a><a id="homepage-header-product-link-bathroom" href="https://www.archify.com/au/products/bathroom">Bathroom</a><a id="homepage-header-product-link-building-materials" href="https://www.archify.com/au/products/building-materials">Building Materials</a><a id="homepage-header-product-link-doors-windows" href="https://www.archify.com/au/products/doors-windows">Doors & Windows</a><a id="homepage-header-product-link-flooring" href="https://www.archify.com/au/products/flooring">Flooring</a><a id="homepage-header-product-link-furniture" href="https://www.archify.com/au/products/furniture">Furniture</a><a id="homepage-header-product-link-hvac-cooling" href="https://www.archify.com/au/products/hvac-cooling">HVAC & Cooling</a><a id="homepage-header-product-link-interior-finishes" href="https://www.archify.com/au/products/interior-finishes">Interior & Finishes</a><a id="homepage-header-product-link-kitchens" href="https://www.archify.com/au/products/kitchens">Kitchens</a><a id="homepage-header-product-link-landscape-outdoors" href="https://www.archify.com/au/products/landscape-outdoors">Landscape & Outdoors</a><a id="homepage-header-product-link-lighting2" href="https://www.archify.com/au/products/lighting2">Lighting</a><a id="homepage-header-product-link-machinery" href="https://www.archify.com/au/products/machinery">
2886Machinery</a><a id="homepage-header-product-link-mechanical-electrical-plumbing" href="https://www.archify.com/au/products/mechanical-electrical-plumbing">Mechanical, Electrical & Plumbing</a><a id="homepage-header-product-link-roofing2" href="https://www.archify.com/au/products/roofing2">Roofing</a><a id="homepage-header-product-link-security-fire-and-safety" href="https://www.archify.com/au/products/security-fire-and-safety">Security, Fire And Safety</a><a id="homepage-header-product-link-walls-ceilings" href="https://www.archify.com/au/products/walls-ceilings">Walls & Ceilings</a>    <!--sustainibility-->
2887    <!-- Remove sustainable hint https://bcisuite.atlassian.net/jira/software/c/projects/AR/boards/85/backlog?selectedIssue=AR-506 -->
2888    <!-- <a id="homepage-header-product-link-sustainable" href="https://www.archify.com/au/products/all-category?sustainable=all" class="sustain-btn">Sustainable Products</a> -->
2889
2890    <!-- <a href="#">
2891      Accessibility
2892    </a>
2893    <a href="#">Appliances</a>
2894    <a href="#">Bathroom</a>
2895    <a href="#">Building Materials</a>
2896    <a href="#">Doors & Windows</a>
2897    <a href="#">Flooring</a>
2898    <a href="#">Furniture</a>
2899    <a href="#">HVAC & Cooling</a>
2900    <a href="#">Interior & Finishes</a>
2901    <a href="#">Kitchens</a>
2902    <a href="#">Landscape & Outdoors</a>
2903    <a href="#">Lighting</a>
2904    <a href="#">Machinery</a>
2905    <a href="#">Mechanical, Electrical & Plumbing</a>
2906    <a href="#">Roofing</a>
2907    <a href="#">Security, Fire And Safety</a>
2908    <a href="#">Walls & Ceilings</a> -->
2909  </div>
2910  <div class="other-menu-wrapper">
2911        <div id="homepage-header-explore" class="other-menu" style="">
2912      Explore
2913      <img class="arrow-down-small" src="https://www.archify.com/assets/img/svg/arrow-down-small.svg" alt="arrow-down-small" width="10" height="10">
2914      <div class="other-menu-list">
2915        <ul>
2916          <li><a id="homepage-header-explore-professionals" href="https://www.archify.com/au/professionals">Professionals</a></li><li><a id="homepage-header-explore-projects" href="https://www.archify.com/au/projects">Projects</a></li><li><a id="homepage-header-explore-photos" href="https://www.archify.com/au/photos">Inspiration</a></li>          <!-- <li>
2917            <a href="#">Professionals</a>
2918          </li>
2919          <li>
2920            <a href="#">Inspiration</a>
2921          </li>
2922          <li>
2923            <a href="#">Projects</a>
2924          </li>
2925          <li>
2926            <a href="#">Articles</a>
2927          </li>
2928          <li>
2929            <a href="#">Events</a>
2930          </li> -->
2931        </ul>
2932      </div>
2933    </div>
2934    <div id="homepage-header-solution" class="other-menu">
2935      Solutions
2936      <img class="arrow-down-small" src="https://www.archify.com/assets/img/svg/arrow-down-small.svg" alt="arrow-down-small" width="10" height="10">
2937      <div class="other-menu-list">
2938        <ul>
2939          <li>
2940            <a id="homepage-header-solution-professionals" href="https://www.archify.com/au/forpro">For Professionals</a>
2941          </li>
2942          <li>
2943
2944                          <a id="homepage-header-solution-brands" href="https://brands.archify.com/">For Brands</a>
2945                      </li>
2946
2947                      <!-- <li>
2948              <a href="https://bcicentral.typeform.com/to/PSHuXZjX" target="_blank">Product Sourcing Service</a>
2949            </li> -->
2950                  </ul>
2951      </div>
2952    </div>
2953  </div>
2954</div>
2955
2956<!-- option add to my library mobile menu -->
2957<div class="mobile-asr-left" id="asr-option">
2958  <div class="header-mob">
2959    <div class="text-nn">
2960      OPTIONS
2961    </div>
2962    <div class="close-nn">
2963      <input type="hidden" id="image-id-header-js" value="" />
2964      <img src="https://www.archify.com/assets/img/close.png" alt="close icon" width="10" height="10">
2965    </div>
2966    <div class="clear"></div>
2967  </div>
2968  <div class="body-mob">
2969
2970  </div>
2971  <!-- <div class="footer-mob">
2972	  <div class="asrbtn-black full">APPLY</div>
2973  </div> -->
2974</div>
2975
2976<div class="popup-shade-bg-top-menu">
2977</div>
2978<div class="popup-shade-bg-top-menu-header-message">
2979</div>
2980<div class="popup-shade-bg-top-menu-search-box">
2981</div>
2982<div class="popup-shade-bg-top-menu-new-search-box">
2983</div>
2984<div class="popup-shade-bg-top-menu-asr hidenow">
2985</div>
2986<div class="popup-shade-bg-main-menu">
2987</div>
2988<div class="popup-shade-bg-mobile-menu">
2989  <a class="cd-primary-nav-trigger new menu-opened" href="#">
2990    <span class="cd-menu-icon"></span>
2991  </a>
2992</div>
2993<div class="popup-shade-mobile-asr">
2994</div>
2995<div class="popup-shade-bg-new-main-menu">
2996</div>
2997
2998<!-- <style>
2999  .items{
3000    font-weight: bold;
3001    background-color: #ccc;
3002  }
3003</style> -->
3004
3005
3006
3007<div class="header-menu-detail-wrapper user-menu-mobile">
3008      <div class="header">
3009      <div class="text-wrapper">
3010        <p class="title">
3011          <a href="https://www.archify.com/au/login" style="color: #4a4a4a;">Login</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="https://www.archify.com/au/signup" style="color: #4a4a4a;">Sign Up</a>
3012        </p>
3013      </div>
3014      <img class="new-header-close-header-menu-detail-button" src="https://www.archify.com/assets/img/close.png" width="15" height="15" alt="Close Icon" style="cursor: pointer; opacity: 0.8;">
3015    </div>
3016    <div class="content">
3017      <ul class="dropdown-menu user-detail-dropdown main" style="display: block;">
3018        <li class="select-language-button" style="cursor: pointer;">
3019          <img class="" src="https://www.archify.com/assets/img/svg/flag/flag-au.svg" alt="Archify - au" width="17" height="17" style="opacity: 1; cursor: pointer;">
3020          <span>
3021            Australia          </span>
3022        </li>
3023      </ul>
3024      <ul class="dropdown-menu user-detail-dropdown main" style="display: block; border-top: 0px; border-bottom: 0; padding-top: 0; margin-top: 0px;">
3025        <li><a href="https://www.archify.com/au/products">Products</a></li><li><a href="https://www.archify.com/au/brands">Brands</a></li><li><a href="https://www.archify.com/au/professionals">Professionals</a></li><li><a href="https://www.archify.com/au/projects">Projects</a></li><li><a href="https://www.archify.com/au/photos">Inspiration</a></li><li><a href="https://www.archify.com/au/education">Education</a></li><li><a href="https://www.archify.com/au/events">Events</a></li><li><a href="https://www.archify.com/au/archifynow">Articles</a></li><li><a href="https://www.archify.com/au/specconsulting">Spec Consulting</a></li><li><a href="https://www.archify.com/au/archifyspec">ArchifySpec</a></li>      </ul>
3026    </div>
3027  </div>
3028</div>
3029
3030<div class="header-menu-detail-wrapper notification">
3031  <div class="header">
3032    <div class="text-wrapper">
3033      <p class="title">Notification</p>
3034    </div>
3035    <img class="new-header-close-header-menu-detail-button" src="https://www.archify.com/assets/img/close.png" width="15" height="15" alt="Close Icon" style="cursor: pointer; opacity: 0.8;">
3036  </div>
3037  <div class="content">
3038    <div id="list_notif" class="">
3039    </div>
3040  </div>
3041</div>
3042
3043<div class="header-menu-detail-wrapper language">
3044  <div class="header">
3045    <div class="text-wrapper">
3046      <p class="title">Select Country</p>
3047    </div>
3048    <img class="new-header-close-header-menu-detail-button" src="https://www.archify.com/assets/img/close.png" width="15" height="15" alt="Close Icon" style="cursor: pointer; opacity: 0.8;">
3049  </div>
3050  <div class="content">
3051    <div class="new-lang name-wrapper nationality-active">
3052      <a id="nav-select-languages-link-au" href="https://www.archify.com/au/products" class="flag_click" style="cursor:pointer !important; letter-spacing:0px; position: relative; float: left; width: 100%;">
3053        <img src="https://www.archify.com/assets/img/svg/flag/flag-au.svg" alt="au" width="15" height="15" style="margin-right: 10px; border-radius: 0;">
3054        Australia
3055      </a>
3056    </div>
3057
3058    <div class="new-lang name-wrapper                                     ">
3059
3060      <!-- remove site lang for now release CI4 needs -->
3061      <a id="nav-select-languages-link-hk" href="https://www.archify.com/hk/products" class="flag_click" style="cursor:pointer !important; letter-spacing:0px; position: relative; float: left; width: 100%;">
3062        <img src="https://www.archify.com/assets/img/svg/flag/flag-hk.svg" alt="hk" width="15" height="15" style="margin-right: 10px; border-radius: 0;">
3063        Hong Kong SAR
3064      </a>
3065      <!-- <a id="nav-select-languages-link-hk" href="https://www.archify.com/site/lang/hk" class="flag_click" style="cursor:pointer !important; letter-spacing:0px; position: relative; float: left; width: 100%;">
3066        <img src="https://www.archify.com/assets/img/svg/flag/flag-hk.svg" alt="hk" width="15" height="15" style="margin-right: 10px; border-radius: 0;">
3067        Hong Kong SAR
3068      </a> -->
3069      <!-- <div class="wrap-lang-new">
3070                          <div onclick="window.location='https://www.archify.com/site/lang/hk'" class="lang-new-link ">English</div>
3071                          <span class="lang-new-sep">|</span>
3072                          <div onclick="window.location='https://www.archify.com/site/lang/hk-sc'" class="lang-new-link ">Simplified 简</div>
3073                          <span class="lang-new-sep">|</span>
3074                          <div onclick="window.location='https://www.archify.com/site/lang/hk-tc'" class="lang-new-link ">Traditional 繁</div>
3075      </div>           -->
3076    </div>
3077
3078    <div class="new-lang name-wrapper ">
3079      <a id="nav-select-languages-link-id" href="https://www.archify.com/id/products" class="flag_click" style="cursor:pointer !important; letter-spacing:0px; position: relative; float: left; width: 100%;">
3080        <img src="https://www.archify.com/assets/img/svg/flag/flag-id.svg" alt="id" width="15" height="15" style="margin-right: 10px; border-radius: 0;">
3081        Indonesia
3082      </a>
3083    </div>
3084
3085    <div class="new-lang name-wrapper ">
3086      <a id="nav-select-languages-link-my" href="https://www.archify.com/my/products" class="flag_click" style="cursor:pointer !important; letter-spacing:0px; position: relative; float: left; width: 100%;">
3087        <img src="https://www.archify.com/assets/img/svg/flag/flag-my.svg" alt="my" width="15" height="15" style="margin-right: 10px; border-radius: 0;">
3088        Malaysia
3089      </a>
3090    </div>
3091
3092    <div class="new-lang name-wrapper ">
3093      <a id="nav-select-languages-link-nz" href="https://www.archify.com/nz/products" class="flag_click" style="cursor:pointer !important; letter-spacing:0px; position: relative; float: left; width: 100%;">
3094        <img src="https://www.archify.com/assets/img/svg/flag/flag-nz.svg" alt="nz" width="15" height="15" style="margin-right: 10px; border-radius: 0;">
3095        New Zealand
3096      </a>
3097    </div>
3098
3099    <div class="new-lang name-wrapper ">
3100      <a id="nav-select-languages-link-ph" href="https://www.archify.com/ph/products" class="flag_click" style="cursor:pointer !important; letter-spacing:0px; position: relative; float: left; width: 100%;">
3101        <img src="https://www.archify.com/assets/img/svg/flag/flag-ph.svg" alt="ph" width="15" height="15" style="margin-right: 10px; border-radius: 0;">
3102        Philippines
3103      </a>
3104    </div>
3105
3106    <div class="new-lang name-wrapper ">
3107      <a id="nav-select-languages-link-sg" href="https://www.archify.com/sg/products" class="flag_click" style="cursor:pointer !important; letter-spacing:0px; position: relative; float: left; width: 100%;">
3108        <img src="https://www.archify.com/assets/img/svg/flag/flag-sg.svg" alt="sg" width="15" height="15" style="margin-right: 10px; border-radius: 0;">
3109        Singapore
3110      </a>
3111    </div>
3112
3113    <!--
3114    <div class="new-lang name-wrapper ">
3115      <a href="https://www.archify.com/th/products" class="flag_click" style="cursor:pointer !important; letter-spacing:0px; position: relative; float: left; width: 100%;">
3116      <img src="https://www.archify.com/assets/img/svg/flag/flag-th.svg" width="15" height="15" style="margin-right: 10px; border-radius: 0;">
3117      Thailand
3118      </a>
3119    </div>
3120    -->
3121
3122    
3123    
3124                      </div>
3125</div>
3126
3127
3128<div class="header-menu-detail-wrapper user-menu">
3129  </div>
3130</div>
3131
3132<script>
3133  $(".new-header-close-header-menu-detail-button").click(function() {
3134    $(this).parents(".header-menu-detail-wrapper").fadeOut();
3135    $(".popup-shade-bg-new-main-menu").fadeOut();
3136  });
3137  $(".popup-shade-bg-new-main-menu").click(function() {
3138    $(".header-menu-detail-wrapper").fadeOut();
3139    $(".popup-shade-bg-new-main-menu").fadeOut();
3140  });
3141  $(".new-header-notification-button").click(function() {
3142    $(".header-menu-detail-wrapper.notification").fadeIn();
3143    $(".popup-shade-bg-new-main-menu").fadeIn();
3144  });
3145  $(".header-user-menu-wrapper").click(function() {
3146    $(".header-menu-detail-wrapper.user-menu").fadeIn();
3147    $(".popup-shade-bg-new-main-menu").fadeIn();
3148  });
3149  $(".show-menu-mobile-new-header").click(function() {
3150    $(".header-menu-detail-wrapper.user-menu-mobile").fadeIn();
3151    $(".popup-shade-bg-new-main-menu").fadeIn();
3152  });
3153  $(".select-language-button").click(function() {
3154    $(".header-menu-detail-wrapper.language").fadeIn();
3155    $(".popup-shade-bg-new-main-menu").fadeIn();
3156  });
3157  $(document).ready(function() {
3158        $("#list_notif").on('mouseenter', '.items', function(e) {
3159      e.preventDefault();
3160      var id = $(this).attr('data');
3161      var read = $(this).attr('data-read');
3162      if (read == "null") {
3163        $.ajax({
3164          method: "GET",
3165          url: "https://www.archify.com/au/gpost/generals/read_notif_hover",
3166          async: true,
3167          data: {
3168            id: id
3169          },
3170          dataType: 'json',
3171          success: function(data) {
3172
3173            $(".badge-notif-right-" + id).removeClass('asrbluebadge');
3174            $(".asrbadge-number").text(data);
3175            $(".asrr-count-notif").text(data + " New ");
3176            if (data == 0) {
3177              $(".asrbadge").hide();
3178              $(".asrbadge-number").hide();
3179              $(".asrr-count-notif").text('');
3180            } else {
3181              $(".asrbadge").show();
3182              $(".asrbadge-number").show();
3183            }
3184          }
3185        });
3186      }
3187
3188    });
3189  });
3190</script>
3190
3191
3192
3193<script>
3194  function view_detail_notif(_id) {
3195    var id = _id;
3196    var title = $("#title-" + _id).html();
3197    var subtitle = $("#subtitle-" + _id).html();
3198    var content = $("#content-" + _id).html();
3199    var image = $("#image-" + _id).attr('src');
3200    var button_url = $("#button_url-" + _id).html();
3201    var button_text = $("#button_text-" + _id).html();
3202
3203    var html = '<div class="asr-img-popup"><img src="' + image + '"></div>\
3204              <div class="asr-datainput">';
3205    if (title != "")
3206      html += '<div class="asr-title">' + title + '</div>';
3207
3208    if (subtitle != "")
3209      html += '<div class="asr-subtitle">' + subtitle + '</div>';
3210
3211    if (content != "")
3212      html += '<div class="asr-maintitle">' + content + '</div>';
3213
3214    if (button_url != "") {
3215      var link = button_url;
3216      if (link.search(/\./) >= 0) {
3217        if (link.search("http") < 0)
3218          link = "https://" + link;
3219
3220        html += '<a class="asr-link" href="' + link + '" target="_blank">\
3221                <button type="button" class="asr-btn-grey link_notif">' + button_text + '</button>\
3222              </a>';
3223      } else {
3224        html += '<a class="asr-link" href="https://www.archify.com/au/' + button_url + '">\
3225                  <button type="button" class="asr-btn-grey link_notif">' + button_text + '</button>\
3226                </a>';
3227      }
3228    }
3229    html += '</div>';
3230
3231    $('#popup-notif-ones-contentx').html(html);
3232    $('body').css('overflowY', 'hidden');
3233    $("#popup-notif-onex").fadeIn();
3234    $(".notif-bgblack").fadeOut();
3235    $(".popup-shade-bg-top-menu-asr").fadeOut();
3236    $(".popup-shade-bg-new-main-menu").fadeOut();
3237    $(".header-menu-detail-wrapper.notification").fadeOut();
3238
3239    var divpopup = $("#popup-notif-ones-contentx").height();
3240    var docheight = $(window).height();
3241
3242    if (divpopup > docheight) {
3243      $(".asr-popup-body").addClass('usemargin');
3244    } else {
3245      $(".asr-popup-body").addClass('usetransform');
3246    };
3247
3248    if (title == "" && subtitle == "" && content == "" && button_url == "")
3249      $(".asr-datainput").hide();
3250
3251  }
3252</script>
3252
3253
3254<script>
3255  $('.link_notif').on('click', function() {
3256    alert("this.href : " + this.href + "\n\n.attr(href) : " + $(this).attr('href'));
3257  });
3258</script>
3258
3259
3260
3261
3262
3263<script>
3264  $('.personal-mssg').on('click', function() {
3265    switch_inbox();
3266  });
3267
3268  $('.company-mssg').on('click', function() {
3269    switch_inbox();
3270  });
3271
3272  function switch_inbox() {
3273    $.ajax({
3274      type: "GET",
3275      dataType: "json",
3276      async: true,
3277      url: "https://www.archify.com/au/gpost/account/show_all_account/inbox",
3278      success: function(data) {
3279        if (data.length > 2) {
3280          var json_data = JSON.parse(data);
3281          $.each(json_data, function(k, v) {
3282            switch_account(v.token);
3283          });
3284        }
3285      }
3286    });
3287  }
3288</script>
3288
3289
3290<script>
3291  //    hover message icon img
3292  // $('.header-message-icon-area').hover(function(){ // hover in
3293  //     $('.basemsgicon').attr("src", "https://www.archify.com/assets/img/svg/message-greyhover.svg");
3294  // }, function(){ // hover out
3295  //     $('.basemsgicon').attr("src", "https://www.archify.com/assets/img/svg/message-grey.svg");
3296  // });
3297</script>
3297
3298
3299<script>
3300  function toMyCertificates() {
3301    $.ajax({
3302      url: "https://www.archify.com/gpost/thinkific/getUrlSSOThinkific",
3303      type: "POST",
3304      data: '?&url_option=account',
3305      dataType: 'JSON',
3306      async: true,
3307      success: function(data) {
3308        if (data.code == '200') {
3309          var urlLogin = data.data.url;
3310          window.open(urlLogin, '_blank');
3311        } else {
3312
3313        }
3314      }
3315    });
3316  }
3317</script>
3317
3318
3319
3320<!-- other menu show hide -->
3321<script>
3322  $(".other-menu-wrapper .other-menu").click(function() {
3323    $(this).toggleClass("open");
3324  });
3325</script>
3325
3326
3327<script>
3328  var mouse_is_inside_other_menu1 = false;
3329  var mouse_is_inside_other_menu2 = false;
3330
3331  $(document).ready(function() {
3332    $(".other-menu-wrapper .other-menu:first-child").hover(function() {
3333      mouse_is_inside_other_menu1 = true;
3334    }, function() {
3335      mouse_is_inside_other_menu1 = false;
3336    });
3337    $(".other-menu-wrapper .other-menu:last-child").hover(function() {
3338      mouse_is_inside_other_menu2 = true;
3339    }, function() {
3340      mouse_is_inside_other_menu2 = false;
3341    });
3342
3343    $("body").click(function(e) {
3344      if (!mouse_is_inside_other_menu1) {
3345        $(".other-menu-wrapper .other-menu:first-child").removeClass("open");
3346      }
3347      if (!mouse_is_inside_other_menu2) {
3348        $(".other-menu-wrapper .other-menu:last-child").removeClass("open");
3349      }
3350    });
3351  });
3352</script>
3352
3353
3354
3355<script>
3356const banner = document.querySelector('.top-banner');
3357const header = document.getElementById('myAffixHome');
3358
3359window.addEventListener('scroll', function () {
3360
3361    const bannerHeight = banner.offsetHeight;
3362    const scroll = window.scrollY;
3363
3364    header.style.top = Math.max(0, bannerHeight - scroll) + 'px';
3365
3366    // console.log(scroll);
3367
3368});
3369const img = document.querySelector('.gif-banner');
3370
3371console.log({
3372    renderedWidth: img.clientWidth,
3373    renderedHeight: img.clientHeight,
3374    naturalWidth: img.naturalWidth,
3375    naturalHeight: img.naturalHeight
3376});
3377</script>
3377      </div>
3378      <!-- end header -->
3379
3380
3381      <style>
3382        /*
3383.icon-star-on {
3384  display: none !important;
3385  visibility: hidden !important;
3386}
3387.icon-star-off {
3388  display: none !important;
3389  visibility: hidden !important;
3390}
3391*/
3392      </style>
3393
3394<script>
3395  function sanitizeInput(input) {
3396    // const escape = document.createElement("textarea");
3397    // escape.innerText = input;
3398    // return escape.innerHTML;
3399    return $("<textarea/>").text(input).html();
3400  }
3401
3402  function sanitizeInputHtmlEntities(input) {
3403    // const escape = document.createElement("textarea");
3404    // escape.html = input;
3405    // return escape.textContent;
3406    return $("<textarea/>").html(input).text();
3407  }
3408</script>
3408
3409
3410<!-- usercentrics hide btn -->
3411<script>
3412  // function to track url change global
3413  function createUrlTracker(callback) {
3414    let currentUrl = window.location.href;
3415    
3416    const observer = new MutationObserver(() => {
3417        if (currentUrl !== window.location.href) {
3418            callback(window.location.href, currentUrl);
3419            currentUrl = window.location.href;
3420        }
3421    });
3422    
3423    observer.observe(document, { 
3424        subtree: true, 
3425        childList: true 
3426    });
3427    
3428    // Also listen for popstate
3429    window.addEventListener('popstate', () => {
3430        if (currentUrl !== window.location.href) {
3431            callback(window.location.href, currentUrl);
3432            currentUrl = window.location.href;
3433        }
3434    });
3435    
3436    return observer;
3437  }
3438
3439  let refreshIntervalId = null;
3440
3441  const checkUsercentrics = () => {
3442    let count = 0;
3443    
3444    // clear interval if already set to make not redundant
3445    if(refreshIntervalId){
3446      clearInterval(refreshIntervalId);
3447    }
3448    
3449    // set interval to check if usercentrics is loaded after that hide the button if showed
3450    refreshIntervalId = setInterval(()=>{
3451      if(document?.querySelector("#usercentrics-cmp-ui")?.shadowRoot?.querySelector("#uc-privacy-button")){
3452          document.querySelector("#usercentrics-cmp-ui").shadowRoot.querySelector("#uc-privacy-button").style.display = "none";
3453      }
3454      
3455      if(document?.querySelector("#usercentrics-cmp-ui")?.shadowRoot?.querySelector("#uc-privacy-button")?.style?.display == "none"){
3456          clearInterval(refreshIntervalId);
3457      }
3458      count++;
3459
3460      // if count > 5 minutes clear avoid memory leak
3461      // 5 minutes = 600 * 500ms
3462      if(count > 600){
3463          clearInterval(refreshIntervalId);
3464      }
3465    }, 500);
3466  }
3467
3468  // tracking url change global
3469  const urlTracker = createUrlTracker((newUrl, oldUrl) => {
3470    checkUsercentrics();
3471  });
3472
3473  // check when load the pages
3474  window.onload = () => {
3475    checkUsercentrics();
3476  }
3477</script>
3477
3478<link href="https://www.archify.com/assets/css/__search_product_v2.css?ts=20260924" rel="stylesheet">
3479<style>
3480  #catalog-home-page.search-brand .main-content.new .right-area .header .filter-area .brand-filter {
3481    top: 18px;
3482    margin-top: 0px;
3483  }
3484</style>
3485
3486
3487<script>
3488  var page = 1;
3489</script>
vendor: 1 bytes, line 3489
3489
3490<script type="text/javascript">
3491  var product_mylibrary = [];
3492  var getMyLibraryAjax = "";
3493  $(document).ready(function() {
3494    if (getMyLibraryAjax) {
3495      getMyLibraryAjax.abort();
3496    }
3497    getMyLibraryAjax = $.get("https://www.archify.com/au/gpost/member/get_mylibrary", function(data) {
3498      product_mylibrary = jQuery.parseJSON(data);
3499    });
3500  });
3501</script>
3501
3502<style>
3503  #catalog-home-page.search-brand .main-content.new .right-area .header .filter-area .left-box #dropDownSortBy {
3504    margin-left: 0;
3505    margin-right: 5px;
3506  }
3507
3508  #catalog-home-page.search-brand .main-content.new .right-area .header .filter-area .left-box #dropDownSortBy .drop-down-list #sortByList span {
3509    padding-left: 10px;
3510    padding-right: 10px;
3511    position: relative;
3512    float: left;
3513    width: 100%;
3514  }
3515
3516  #catalog-home-page.search-brand .main-content.new .right-area .header .filter-area .left-box #dropDownSortBy .drop-down-list #sortByList span h5 {
3517    margin-top: 10px;
3518    margin-bottom: 5px;
3519  }
3520
3521  #articleBox a {
3522    color: #4a4a4a;
3523    text-decoration: underline;
3524    font-size: 12px !important;
3525  }
3526
3527  #articleBox p {
3528    font-size: 12px !important;
3529  }
3530
3531  #articleBox {
3532    text-align: left !important;
3533    font-size: 12px !important;
3534  }
3535
3536  #newFooter {
3537    display: none;
3538  }
3539
3540  @media (max-width: 992px) {
3541    #catalog-home-page.search-brand .main-content.new .right-area .header .filter-area .left-box #dropDownSortBy {
3542      margin-left: 0;
3543      margin-right: 5px;
3544      width: 170px;
3545    }
3546  }
3547
3548  @media (max-width: 768px) {
3549    #catalog-home-page.search-brand .main-content.new .right-area .header .filter-area .left-box #dropDownSortBy {
3550      width: 100%;
3551      margin-bottom: 5px;
3552      z-index: 4;
3553    }
3554  }
3555
3556  /*======= dropdown sort =====================================    */
3557  .dropDownSortBy-mobile {
3558    display: none;
3559  }
3560
3561  .dropDownSortBy-mobile {
3562    position: relative;
3563    float: left;
3564    width: 30px;
3565    height: 30px;
3566    border: 0;
3567    border-radius: 3px;
3568    background-color: #E5E5E5;
3569    outline: 0;
3570    padding: 5px;
3571    z-index: 2;
3572  }
3573
3574  .dropDownSortBy-mobile p {
3575    font-family: "WorkSans-Medium";
3576    font-size: 13px;
3577    color: #fff;
3578    margin: 0;
3579    text-align: left;
3580    -webkit-touch-callout: none;
3581    -webkit-user-select: none;
3582    -khtml-user-select: none;
3583    -moz-user-select: none;
3584    -ms-user-select: none;
3585    user-select: none;
3586  }
3587
3588  .dropDownSortBy-mobile img.arrow-down {
3589    position: absolute;
3590    right: 15px;
3591    top: 10px;
3592    transform: rotate(-90deg);
3593  }
3594
3595  .dropDownSortBy-mobile.drop-down-show img.arrow-down {
3596    top: 10px;
3597    transform: rotate(90deg);
3598  }
3599
3600  .dropDownSortBy-mobile .toggle-area {
3601    position: absolute;
3602    width: 100%;
3603    height: 100%;
3604    top: 0;
3605    left: 0;
3606    cursor: pointer;
3607  }
3608
3609  .dropDownSortBy-mobile .drop-down-list {
3610    position: absolute;
3611    float: left;
3612    width: 150px;
3613    right: 0;
3614    height: auto;
3615    background: #fff;
3616    top: 30px;
3617    z-index: 1;
3618    padding: 0;
3619    height: 0 !important;
3620    overflow: hidden;
3621  }
3622
3623  .dropDownSortBy-mobile.drop-down-show .drop-down-list {
3624    height: auto !important;
3625    max-height: 260px !important;
3626    border: 1px solid #e5e5e5;
3627  }
3628
3629  .dropDownSortBy-mobile .drop-down-wrapper {
3630    position: relative;
3631    float: left;
3632    padding: 10px;
3633    padding-bottom: 10px;
3634    width: 100%;
3635
3636  }
3637
3638  .sort-list {
3639    position: relative;
3640    float: left;
3641    width: 100%;
3642    max-height: 200px;
3643    overflow-y: auto;
3644    margin-bottom: 0;
3645    padding: 0;
3646    list-style: none;
3647    padding-top: 2px;
3648    text-align: left;
3649  }
3650
3651  .dropDownSortBy-mobile .sort-list span {
3652    padding-left: 10px;
3653    padding-right: 10px;
3654    position: relative;
3655    float: left;
3656    width: 100%;
3657  }
3658
3659  /*========================================================    */
3660  #dropdown-brand {
3661    margin-left: 0;
3662    margin-right: 5px;
3663  }
3664
3665  #dropdown-brand {
3666    position: relative;
3667    float: left;
3668    width: 170px;
3669    height: 30px;
3670    border: 0;
3671    border-radius: 3px;
3672    background-color: #4a4a4a;
3673    outline: 0;
3674    padding-top: 6px;
3675    padding-left: 20px;
3676    z-index: 2;
3677  }
3678
3679  #dropdown-brand p {
3680    font-family: "WorkSans-Medium";
3681    font-size: 13px;
3682    color: #fff;
3683    margin: 0;
3684    text-align: left;
3685    -webkit-touch-callout: none;
3686    -webkit-user-select: none;
3687    -khtml-user-select: none;
3688    -moz-user-select: none;
3689    -ms-user-select: none;
3690    user-select: none;
3691  }
3692
3693  #dropdown-brand img.arrow-down {
3694    position: absolute;
3695    right: 15px;
3696    top: 10px;
3697    transform: rotate(-90deg);
3698  }
3699
3700  #dropdown-brand.drop-down-show img.arrow-down {
3701    top: 10px;
3702    transform: rotate(90deg);
3703  }
3704
3705  #dropdown-brand .toggle-area {
3706    position: absolute;
3707    width: 100%;
3708    height: 100%;
3709    top: 0;
3710    left: 0;
3711    cursor: pointer;
3712  }
3713
3714  #dropdown-brand .drop-down-list {
3715    position: absolute;
3716    float: left;
3717    width: 100%;
3718    left: 0;
3719    height: auto;
3720    background: #fff;
3721    top: 30px;
3722    z-index: 1;
3723    padding: 0;
3724    height: 0 !important;
3725    overflow: hidden;
3726  }
3727
3728  #dropdown-brand.drop-down-show .drop-down-list {
3729    height: auto !important;
3730    max-height: 260px !important;
3731    border: 1px solid #e5e5e5;
3732  }
3733
3734  #dropdown-brand .drop-down-wrapper {
3735    position: relative;
3736    float: left;
3737    padding: 5px;
3738    padding-bottom: 10px;
3739    width: 100%;
3740  }
3741
3742  .sort-list {
3743    position: relative;
3744    float: left;
3745    width: 100%;
3746    max-height: 200px;
3747    overflow-y: auto;
3748    margin-bottom: 0;
3749    padding: 0;
3750    list-style: none;
3751    padding-top: 2px;
3752    text-align: left;
3753  }
3754
3755  #dropdown-brand .sort-list span {
3756    padding-left: 10px;
3757    padding-right: 10px;
3758    position: relative;
3759    float: left;
3760    width: 100%;
3761  }
3762
3763  .sort-list .txt-input {
3764    font-size: 12px;
3765    margin-top: 5px;
3766    font-family: "WorkSans-Medium";
3767    margin-bottom: 5px;
3768    cursor: pointer;
3769    text-transform: uppercase;
3770    color: #ababab;
3771  }
3772
3773  .sortByList-mobile li.active span {
3774    font-family: WorkSans-SemiBold;
3775  }
3776
3777  @media (max-width: 992px) {
3778    .item-brands .caption-brands {
3779      padding-top: 10px;
3780      background: #fff;
3781    }
3782  }
3783
3784  @media (max-width: 768px) {
3785    .dropDownSortBy-mobile {
3786      display: block;
3787    }
3788
3789    #catalog-home-page.search-brand .main-content.new .right-area .header .filter-area .left-box {
3790      display: flex;
3791    }
3792
3793    #toggleCategoryButtonMobile,
3794    #dropDownBrandList,
3795    #sortlatest {
3796      margin-right: 5px !important;
3797    }
3798
3799    #toggleCategoryButtonMobile {
3800      width: auto !important;
3801      padding-left: 10px;
3802      padding-right: 10px;
3803    }
3804
3805    #dropdown-brand {
3806      width: 100%;
3807      margin-bottom: 5px;
3808      z-index: 3;
3809      padding-left: 0px;
3810      display: none;
3811    }
3812
3813    #dropdown-brand p {
3814      text-align: center;
3815    }
3816
3817    #dropDownSortBy {
3818      display: none !important;
3819    }
3820
3821    .item-brands .caption-brands {
3822      padding-top: 10px;
3823    }
3824
3825    .mob-filter {
3826      overflow-x: auto;
3827      white-space: nowrap;
3828      -webkit-overflow-scrolling: touch;
3829      scrollbar-width: none;
3830      -ms-overflow-style: none;
3831    }
3832
3833    .mob-filter::-webkit-scrollbar {
3834      display: none;
3835      /* Hide scrollbar on WebKit-based browsers (Chrome, Safari) */
3836    }
3837
3838  }
3839
3840  @media (max-width: 420px) {
3841    .item-brands .image-wrapper {
3842      padding-bottom: 170px;
3843    }
3844
3845    .item-brands img.small {
3846      height: 40px;
3847    }
3848
3849    .item-brands .small-image-wrapper {
3850      height: 40px;
3851    }
3852  }
3853
3854  .sort-list li.active .txt-input {
3855    color: #4a4a4a;
3856  }
3857
3858  /* Animation */
3859  @keyframes fadeInUp {
3860    from {
3861      -webkit-transform: translate3d(0, 40px, 0);
3862      transform: translate3d(0, 40px, 0);
3863    }
3864
3865    to {
3866      -webkit-transform: translate3d(0, 0, 0);
3867      transform: translate3d(0, 0, 0);
3868      opacity: 1;
3869    }
3870  }
3871
3872  @-webkit-keyframes fadeInUp {
3873    from {
3874      -webkit-transform: translate3d(0, 40px, 0);
3875      transform: translate3d(0, 40px, 0);
3876    }
3877
3878    to {
3879      -webkit-transform: translate3d(0, 0, 0);
3880      transform: translate3d(0, 0, 0);
3881      opacity: 1;
3882    }
3883  }
3884
3885  .fadeInUp {
3886    opacity: 0;
3887    animation-name: fadeInUp;
3888    -webkit-animation-name: fadeInUp;
3889  }
3890
3891  .wrap-spec-val {
3892    display: none;
3893  }
3894
3895  /* loading css animation */
3896  #catalog-home-page.search-brand .main-content.new .right-area .header .top-title h1 {
3897    min-height: 29.04px;
3898  }
3899
3900  .loading-css-animation {
3901    position: relative;
3902    height: 10px;
3903    display: flex;
3904    align-items: center;
3905    float: left;
3906    top: 10px;
3907    margin-right: 10px;
3908  }
3909
3910  .loading-css-animation .obj {
3911    width: 5px;
3912    height: 15px;
3913    background: #e5e5e5;
3914    margin: 0 2px;
3915    border-radius: 15px;
3916    animation: obj-loading-animation .8s infinite;
3917  }
3918
3919  .loading-css-animation .obj:nth-child(2) {
3920    animation-delay: .1s;
3921    height: 10px;
3922  }
3923
3924  .loading-css-animation .obj:nth-child(3) {
3925    animation-delay: .2s;
3926  }
3927
3928  .loading-css-animation .obj:nth-child(4) {
3929    animation-delay: .3s;
3930    height: 10px;
3931  }
3932
3933  .loading-css-animation .obj:nth-child(5) {
3934    animation-delay: .4s;
3935  }
3936
3937  .loading-css-animation .obj:nth-child(6) {
3938    animation-delay: .5s;
3939    height: 10px;
3940  }
3941
3942  .loading-css-animation .obj:nth-child(7) {
3943    animation-delay: .6s;
3944  }
3945
3946  .loading-css-animation .obj:nth-child(8) {
3947    animation-delay: .7s;
3948    height: 10px;
3949  }
3950
3951  @media (max-width: 768px) {
3952    .loading-css-animation {
3953      top: 6px;
3954    }
3955
3956    #catalog-home-page.search-brand .main-content.new .right-area .header .top-title h1 {
3957      min-height: 24.2px;
3958    }
3959  }
3960
3961  @keyframes obj-loading-animation {
3962    0% {
3963      height: 0;
3964    }
3965
3966    50% {
3967      height: 15px;
3968    }
3969
3970    100% {
3971      height: 0;
3972    }
3973  }
3974</style>
3975
3976
3977<style type="text/css">
3978  #new-sidebar-product-subcategory {
3979    position: fixed;
3980    width: 320px;
3981    height: 100vh;
3982    overflow-y: auto;
3983    background-color: #fff;
3984    padding-bottom: 50px;
3985    border-right: 1px solid #f9f9f9;
3986    padding-top: 0px;
3987    padding-bottom: 30px;
3988    left: -320px;
3989    -webkit-transition: left 200ms ease-in;
3990    -moz-transition: left 200ms ease-in;
3991    -o-transition: left 200ms ease-in;
3992    transition: left 200ms ease-in;
3993    padding: 20px;
3994    padding-bottom: 50px;
3995    border: 0;
3996    padding-top: 10px;
3997    border-right: 1px solid #f9f9f9;
3998    overflow-x: hidden;
3999  }
4000
4001  #new-sidebar-product-subcategory.show {
4002    left: 0px;
4003  }
4004
4005  #new-sidebar-product-subcategory .toggle-spec {
4006    display: none;
4007  }
4008
4009  #new-sidebar-product-subsubcategory {
4010    position: fixed;
4011    width: 320px;
4012    height: 100vh;
4013    overflow-y: auto;
4014    background-color: #fff;
4015    padding-bottom: 50px;
4016    border-right: 1px solid #f9f9f9;
4017    padding-top: 0px;
4018    padding-bottom: 30px;
4019    left: -320px;
4020    -webkit-transition: left 200ms ease-in;
4021    -moz-transition: left 200ms ease-in;
4022    -o-transition: left 200ms ease-in;
4023    transition: left 200ms ease-in;
4024    padding: 20px;
4025    padding-bottom: 50px;
4026    border: 0;
4027    padding-top: 10px;
4028    overflow-x: hidden;
4029  }
4030
4031  #new-sidebar-product-subsubcategory.show {
4032    left: 0px;
4033  }
4034
4035  .wrap-spec-toggle p.spec-value.hide {
4036    display: none;
4037  }
4038
4039  .buttom-tnn {
4040    display: none;
4041    /* position: relative; */
4042    position: fixed;
4043    bottom: 0px;
4044    left: 50%;
4045    transform: translateX(-50%);
4046    padding: 10px 20px;
4047    /* border: none; */
4048    border-top: 3px solid #e5e5e5;
4049    border-radius: 5px;
4050    cursor: pointer;
4051    width: 100%;
4052    background-color: #fff;
4053  }
4054
4055  .buttom-tnn .q3 {
4056    font-size: 14px;
4057    font-family: 'WorkSans-Medium';
4058    font-stretch: normal;
4059    font-style: normal;
4060    line-height: 20px;
4061    letter-spacing: -0.1px;
4062    text-align: center;
4063    color: #4a4a4a;
4064    margin: 13px;
4065    cursor: pointer;
4066  }
4067
4068  .buttom-tnn .q2 {
4069    float: left;
4070    width: 50%;
4071    padding-left: 5px;
4072  }
4073
4074  .buttom-tnn .q1 {
4075    float: left;
4076    width: 50%;
4077    padding-right: 5px;
4078
4079  }
4080
4081  .toggle-spec {
4082    list-style: none;
4083    margin: 0;
4084    padding: 0;
4085  }
4086
4087  .toggle-spec .spec-updown {
4088    padding: 10px 0px;
4089    font-size: 14px;
4090    position: relative;
4091  }
4092
4093  .toggle-spec .body-togg-asr {
4094    display: none;
4095  }
4096
4097  .toggle-spec .arrow-cio {
4098    display: inline;
4099    position: absolute;
4100    right: 0px;
4101    top: 14px;
4102  }
4103
4104  .subcategory-list-wrapper {
4105    position: relative;
4106  }
4107
4108  .head-spec {
4109    cursor: pointer;
4110    display: flex;
4111    margin-bottom: 30px;
4112    margin-top: 20px;
4113  }
4114
4115  .head-spec img {
4116    align-items: center;
4117  }
4118
4119  .head-spec span {
4120    font-family: WorkSans-SemiBold;
4121    font-size: 16px;
4122    font-weight: bold;
4123    font-stretch: normal;
4124    font-style: normal;
4125    line-height: 1.25;
4126    letter-spacing: -0.2px;
4127    color: #4a4a4a;
4128  }
4129
4130  .meas-spec {
4131    padding: 10px 0;
4132    border-bottom: 1px solid #e5e5e5;
4133    border-top: 1px solid #e5e5e5;
4134    margin-bottom: 20px;
4135  }
4136
4137  .meas-spec .meas-left {
4138    float: left;
4139    font-size: 14px;
4140    font-weight: normal;
4141    font-stretch: normal;
4142    font-style: normal;
4143    line-height: 1.43;
4144    letter-spacing: -0.1px;
4145    color: #4a4a4a;
4146  }
4147
4148  .meas-spec .meas-right {
4149    float: right;
4150    font-size: 14px;
4151    font-weight: normal;
4152    font-stretch: normal;
4153    font-style: normal;
4154    line-height: 1.43;
4155    letter-spacing: -0.1px;
4156    color: #ababab;
4157  }
4158
4159  .meas-spec .meas-right .met-2 {
4160    margin: 0 5px;
4161  }
4162
4163  .meas-spec .meas-right .met-1 {
4164    cursor: pointer;
4165  }
4166
4167  .meas-spec .meas-right .met-1.active {
4168    font-weight: bold;
4169    color: #4a4a4a;
4170    cursor: auto;
4171  }
4172
4173  .name-spec {
4174    font-size: 12px;
4175    font-weight: 600;
4176    font-stretch: normal;
4177    font-style: normal;
4178    line-height: 1.67;
4179    letter-spacing: -0.09px;
4180    color: #ababab;
4181    font-family: WorkSans-Medium;
4182    margin-bottom: 0px;
4183    margin-top: 20px;
4184  }
4185
4186  .toggle-spec {
4187    margin-bottom: 30px;
4188  }
4189
4190  .unit-metric,
4191  .unit-imperial {
4192    margin-left: 2px;
4193  }
4194
4195  .wrap-spec-val {
4196    font-family: WorkSans-Regular;
4197    font-size: 14px;
4198    line-height: 1.43;
4199    letter-spacing: -0.1px;
4200    color: #ababab;
4201    margin-bottom: 5px;
4202  }
4203
4204  .wrap-spec-val .spec-value {
4205    display: inline-block;
4206    margin-right: 5px;
4207  }
4208
4209  .wrap-spec-val .info-lab {
4210    display: inline-block;
4211  }
4212
4213  .wrap-spec-toggle {
4214    cursor: pointer;
4215    border-bottom: 1px solid #e5e5e5;
4216  }
4217
4218  .wrap-spec-toggle .spec-updown {
4219    font-family: "WorkSans-Medium";
4220    font-size: 14px;
4221    line-height: 1.43;
4222    letter-spacing: -0.1px;
4223    color: #4a4a4a;
4224    padding: 15px 0px;
4225  }
4226
4227  .toggle-spec .body-togg-asr .view-more-checkbox-spec {
4228    position: relative;
4229    width: 100%;
4230    font-family: WorkSans-SemiBold;
4231    font-size: 14px;
4232    line-height: 1.79;
4233    letter-spacing: -0.1px;
4234    color: #0039ff;
4235  }
4236
4237  .wrap-spec-toggle .ly-spec-value,
4238  .wrap-spec-toggle p.spec-value {
4239    font-family: WorkSans-Regular;
4240    font-size: 14px;
4241    line-height: 1.43;
4242    letter-spacing: -0.1px;
4243    color: #ababab;
4244    margin-bottom: 5px;
4245  }
4246
4247  ul.list-spec {
4248    margin-top: 0px;
4249    margin-bottom: 15px;
4250    list-style-type: none;
4251    padding-left: 20px;
4252  }
4253
4254  ul.list-spec li {
4255    margin-bottom: 10px;
4256  }
4257
4258  ul.list-spec li a {
4259    font-size: 14px;
4260    font-weight: normal;
4261    font-stretch: normal;
4262    font-style: normal;
4263    line-height: 1.25;
4264    letter-spacing: -0.2px;
4265    color: #4a4a4a;
4266  }
4267
4268  ul.list-spec li a.selected {
4269    font-size: 14px;
4270    font-weight: normal;
4271    font-stretch: normal;
4272    font-style: normal;
4273    line-height: 1.25;
4274    letter-spacing: -0.2px;
4275    color: #4a4a4a;
4276    font-family: WorkSans-SemiBold;
4277  }
4278
4279  .ullevel3 {
4280    margin-top: 10px !important;
4281    padding-left: 0 !important;
4282  }
4283
4284  /* The asr-checkbox */
4285  .asr-checkbox {
4286    display: block;
4287    position: relative;
4288    padding-left: 25px;
4289    margin-bottom: 12px;
4290    margin-top: 0px;
4291    cursor: pointer;
4292    -webkit-user-select: none;
4293    -moz-user-select: none;
4294    -ms-user-select: none;
4295    user-select: none;
4296    font-size: 12px;
4297    font-weight: 600;
4298    font-stretch: normal;
4299    font-style: normal;
4300    line-height: normal;
4301    letter-spacing: normal;
4302    color: #4a4a4a;
4303    font-family: WorkSans-Medium;
4304  }
4305
4306  /* Hide the browser's default checkbox */
4307  .asr-checkbox input {
4308    position: absolute;
4309    opacity: 0;
4310    cursor: pointer;
4311    height: 0;
4312    width: 0;
4313  }
4314
4315  .asr-checkbox-mob {
4316    display: block;
4317    position: relative;
4318    padding-left: 25px;
4319    margin-bottom: 12px;
4320    margin-top: 0px;
4321    cursor: pointer;
4322    -webkit-user-select: none;
4323    -moz-user-select: none;
4324    -ms-user-select: none;
4325    user-select: none;
4326    font-size: 12px;
4327    font-stretch: normal;
4328    font-style: normal;
4329    line-height: normal;
4330    letter-spacing: normal;
4331    color: #4a4a4a;
4332    font-family: WorkSans-Regular;
4333  }
4334
4335  /* Hide the browser's default checkbox */
4336  .asr-checkbox-mob input {
4337    position: absolute;
4338    opacity: 0;
4339    cursor: pointer;
4340    height: 0;
4341    width: 0;
4342  }
4343
4344  /* Create a custom checkbox */
4345  .asrlabel-checkbox {
4346    position: absolute;
4347    top: 0;
4348    left: 0;
4349    height: 15px;
4350    width: 15px;
4351    border: 1px solid #e5e5e5;
4352    border-radius: 5px;
4353  }
4354
4355  /* On mouse-over, add a grey background color */
4356  .asr-checkbox:hover input~.asrlabel-checkbox {
4357    background: #f9f9f9;
4358  }
4359
4360  /* Create the asrlabel-checkbox/indicator (hidden when not checked) */
4361  .asrlabel-checkbox:after {
4362    content: "";
4363    position: absolute;
4364    display: none;
4365  }
4366
4367  /* Show the asrlabel-checkbox when checked */
4368  .asr-checkbox input:checked~.asrlabel-checkbox:after {
4369    display: block;
4370  }
4371
4372  /* Style the asrlabel-checkbox/indicator */
4373  .asr-checkbox .asrlabel-checkbox:after {
4374    left: 4px;
4375    top: 1px;
4376    width: 5px;
4377    height: 8px;
4378    border: solid #4a4a4a;
4379    border-width: 0 2px 2px 0;
4380    -webkit-transform: rotate(45deg);
4381    -ms-transform: rotate(45deg);
4382    transform: rotate(45deg);
4383  }
4384
4385  .asr-checkbox-mob input:checked~.asrlabel-checkbox:after {
4386    display: block;
4387    content: '';
4388  }
4389
4390  /* Style the asrlabel-checkbox/indicator */
4391  .asr-checkbox-mob .asrlabel-checkbox:after {
4392    left: 4px;
4393    top: 1px;
4394    width: 5px;
4395    height: 8px;
4396    border: solid #4a4a4a;
4397    border-width: 0 2px 2px 0;
4398    -webkit-transform: rotate(45deg);
4399    -ms-transform: rotate(45deg);
4400    transform: rotate(45deg);
4401  }
4402
4403  .filte-bn {
4404    display: inline-block;
4405    background: #e5e5e5;
4406    padding: 7px;
4407    border-radius: 3px;
4408  }
4409
4410  .category-filter-mobile {
4411    display: none;
4412    position: relative;
4413    float: left;
4414  }
4415
4416  .fil-2 {
4417    display: none;
4418  }
4419
4420  .fil-1 {
4421    background: #4a4a4a;
4422    width: 150px;
4423    display: flex;
4424    align-items: center;
4425    justify-content: center;
4426    border-radius: 3px;
4427    text-decoration: none;
4428  }
4429
4430  .fil-1 button {
4431    display: flex;
4432    align-items: center;
4433    justify-content: center;
4434    text-decoration: none;
4435    width: 100%;
4436  }
4437
4438  .more-filter {
4439    padding: 10px 0px;
4440    text-align: center;
4441    font-family: 'WorkSans-Medium';
4442    cursor: pointer;
4443    background-color: #4a4a4a;
4444    color: #fff;
4445    margin-top: 10px;
4446    border-radius: 3px;
4447
4448  }
4449
4450  .filter-container,
4451  #remake_filter_l3 {
4452    /* border-top: 3px solid #e5e5e5;
4453    padding-top:20px; */
4454  }
4455
4456  .filter-container:before,
4457  #remake_filter_l3:before {
4458    content: '';
4459    height: 1px;
4460    width: 150%;
4461    position: absolute;
4462    left: -20%;
4463    border-top: 3px solid #e5e5e5;
4464  }
4465
4466  .toggle-spec::after {
4467    content: '';
4468    height: 1px;
4469    width: 150%;
4470    position: absolute;
4471    left: -20%;
4472    border-top: 1px solid #e5e5e5;
4473    margin-top: -1px;
4474  }
4475
4476  #drawing_filter_l1.filter-container {
4477    /* top: -75px;
4478    position: relative; */
4479  }
4480
4481  .draw-filter {
4482    font-family: "WorkSans-SemiBold";
4483    font-size: 16px;
4484    line-height: 1.43;
4485    letter-spacing: -0.1px;
4486    color: #4a4a4a;
4487    padding: 15px 0px;
4488    position: relative;
4489    top: 20px;
4490  }
4491
4492  .filter-val-chx {
4493    margin-top: 40px;
4494    margin-bottom: 20px;
4495  }
4496
4497  .filter-val-chx-mob {
4498    margin-top: 20px;
4499    margin-bottom: 20px;
4500  }
4501
4502  @media (max-width: 1200px) {
4503
4504    #new-sidebar-product-subcategory,
4505    #new-sidebar-product-subsubcategory {
4506      width: 250px;
4507    }
4508  }
4509
4510  @media (max-width: 992px) {
4511
4512    #new-sidebar-product-subcategory,
4513    #new-sidebar-product-subsubcategory {
4514      display: none !important;
4515    }
4516
4517    #catalog-home-page.search-brand .main-content.new .right-area .header .filter-area .left-box {
4518      display: none;
4519    }
4520
4521    .category-filter-mobile {
4522      display: flex;
4523      gap: 5px;
4524      /* z-index:10; */
4525    }
4526
4527    .apply-slider {
4528      display: none;
4529    }
4530  }
4531
4532  /* override left box */
4533  #catalog-home-page.search-brand .main-content.new .right-area .header .filter-area .left-box {
4534    width: auto;
4535  }
4536
4537  /* override product item hover */
4538  #catalog-home-page.search-brand .main-content.new .right-area .product-item-wrapper .product-item:hover {
4539    top: 0 !important;
4540  }
4541
4542  /* more filter wrapper */
4543  .more-filter-wrapper {
4544    position: relative;
4545    float: right;
4546    width: auto;
4547    height: 30px;
4548    border-left: 0px solid #e5e5e5;
4549    margin-left: 15px;
4550    padding-left: 15px;
4551    padding-top: 0px;
4552  }
4553
4554  .more-filter-wrapper .squaredThree {
4555    padding-left: 22px;
4556    display: inline-block;
4557  }
4558
4559  .more-filter-wrapper .squaredThree:nth-child(2) {
4560    margin-left: 5px;
4561  }
4562
4563  .more-filter-wrapper .squaredThree:nth-child(3) {
4564    margin-left: 10px;
4565  }
4566
4567  .more-filter-wrapper .squaredThree input {
4568    width: 0;
4569    display: none;
4570  }
4571
4572  .more-filter-wrapper .squaredThree .checkbox-label {
4573    position: absolute;
4574    left: 0px;
4575    margin: 0;
4576  }
4577
4578  .more-filter-wrapper .squaredThree p {
4579    margin: 0;
4580    position: relative;
4581    font-family: WorkSans-Medium;
4582    font-size: 12px;
4583    cursor: pointer;
4584    top: 1px;
4585  }
4586
4587  .more-filter-wrapper .squaredThree label:after {
4588    top: 3px;
4589    left: 2px;
4590  }
4591
4592  .more-filter-wrapper .squaredThree input[type=checkbox]:checked+label:after {
4593    top: 3px;
4594    left: 2px;
4595  }
4596
4597  .left-box .squaredThree {
4598    float: left;
4599    width: 170px;
4600    height: 30px;
4601    border: 0;
4602    border-radius: 3px;
4603    background-color: #61a244;
4604    outline: 0;
4605    padding-top: 6px;
4606    padding-left: 20px;
4607    z-index: 2;
4608  }
4609
4610  .left-box .squaredThree .checkbox-label {
4611    position: absolute;
4612    left: 10px;
4613    top: 6px;
4614    margin: 0;
4615  }
4616
4617  .left-box .squaredThree p {
4618    margin: 0;
4619    position: absolute;
4620    font-family: WorkSans-Medium;
4621    font-size: 13px;
4622    cursor: pointer;
4623    top: 6px;
4624    left: 30px;
4625    color: #fff;
4626  }
4627
4628  .left-box .squaredThree label:after {
4629    top: 3px;
4630    left: 2px;
4631  }
4632
4633  .left-box .squaredThree input[type=checkbox]:checked+label:after {
4634    top: 3px;
4635    left: 2px;
4636  }
4637
4638  .more-filter-wrapper .squaredThree img.info-filter-drawing-files {
4639    margin-right: 5px;
4640    top: -1px;
4641    position: relative;
4642  }
4643
4644  .more-filter-wrapper .squaredThree img.info-logo {
4645    opacity: 0.5;
4646    top: -1px;
4647    position: relative;
4648  }
4649
4650  .more-filter-wrapper .squaredThree img.info-logo:hover {
4651    opacity: 1;
4652  }
4653
4654  .more-filter-wrapper .nbs-checkbox-wrapper {
4655    height: 25px;
4656    padding: 5px;
4657    background: rgb(35, 92, 148);
4658    background: linear-gradient(90deg, rgba(35, 92, 148, 1) 0%, rgba(37, 98, 153, 1) 50%, rgba(51, 123, 173, 1) 100%);
4659    border: 0px;
4660    border-radius: 3px;
4661    display: flex;
4662    align-items: center;
4663    font-size: 12px;
4664    font-family: WorkSans-Medium;
4665    color: #fff;
4666    cursor: pointer;
4667    margin-top: 2px;
4668    width: 136px;
4669  }
4670
4671  .more-filter-wrapper .nbs-checkbox-wrapper .squaredThree input[type=checkbox]:checked+label {
4672    background: #39b1c8;
4673  }
4674
4675  .more-filter-wrapper .nbs-checkbox-wrapper .squaredThree input[type=checkbox]:checked+label:after {
4676    border-color: #fff;
4677  }
4678  .select2-container--default .select2-search--inline .select2-search__field{
4679    padding-left: 8px;
4680  }
4681  @media (max-width: 768px) {
4682    .more-filter-wrapper {
4683      border-left: 1px solid #fff;
4684      margin-top: 10px;
4685      /* left: -30px; */
4686      left: 10px;
4687      clear: both;
4688      height: 18px;
4689      float: left;
4690      position: absolute;
4691    }
4692
4693    .more-filter-wrapper.float-right {
4694      border-left: 0px solid #fff;
4695      margin-top: 0px;
4696      left: auto;
4697      clear: both;
4698      position: absolute;
4699      right: 0;
4700    }
4701  }
4702
4703  @media (max-width: 1000px) {
4704    .more-filter-wrapper.float-right {
4705      top: 45px;
4706      width: auto;
4707    }
4708  }
4709
4710  @media (max-width: 768px) {
4711    .more-filter-wrapper {
4712      border-left: 0px solid #fff;
4713      margin-top: 10px;
4714      /* left: -20px; */
4715      /* left: 15px; */
4716      /* left:-15px; */
4717      height: auto;
4718      margin-left: 100px;
4719      padding-left: 0;
4720      /* width: 100%; */
4721      width: auto;
4722      overflow: auto;
4723      /* z-index:1; */
4724    }
4725  }
4726
4727  @media (max-width: 712px) {
4728    .more-filter-wrapper.float-right {
4729      top: 45px;
4730      width: 100%;
4731      text-align: center;
4732      position: relative;
4733      top: 0;
4734      margin-top: 10px;
4735    }
4736
4737    .more-filter-wrapper .nbs-checkbox-wrapper {
4738      margin: auto;
4739    }
4740  }
4741
4742  /* sustainable drawing files wrapper */
4743  .sustainable-drawing-files-wrapper {
4744    position: absolute;
4745    width: 100%;
4746    height: auto;
4747    bottom: 5px;
4748    min-height: 10px;
4749    padding-left: 10px;
4750    padding-right: 10px;
4751  }
4752
4753  .sustainable-drawing-files-wrapper .nbs-box {
4754    position: relative !important;
4755    float: left;
4756    width: 20px !important;
4757    height: 20px !important;
4758    margin-right: 5px;
4759    margin-bottom: 5px;
4760    cursor: pointer;
4761    border-radius: 3px;
4762    overflow: hidden;
4763    display: flex;
4764    align-items: center;
4765    justify-content: center;
4766    background-color: #59396c;
4767  }
4768
4769  .sustainable-drawing-files-wrapper .nbs-box img.nbs {
4770    width: 14px !important;
4771    height: 14px !important;
4772    top: auto !important;
4773    left: auto !important;
4774    margin-left: 1px;
4775  }
4776
4777  .sustainable-drawing-files-wrapper .sustainable-item {
4778    position: relative !important;
4779    float: left;
4780    width: 20px !important;
4781    height: 20px !important;
4782    margin-right: 5px;
4783    margin-bottom: 5px;
4784    cursor: pointer;
4785  }
4786
4787  .sustainable-drawing-files-wrapper .drawing-files-item-wrapper {
4788    cursor: pointer;
4789    position: relative;
4790    float: left;
4791    width: auto;
4792    height: 20px;
4793    display: flex;
4794    align-items: center;
4795    border-radius: 5px;
4796    background-color: rgba(74, 74, 74, 0.5);
4797    padding-left: 5px;
4798    padding-right: 5px;
4799    color: #fff;
4800    font-size: 12px;
4801    margin-bottom: 5px;
4802    font-family: WorkSans-Medium;
4803  }
4804
4805  .sustainable-drawing-files-wrapper .drawing-files-item-wrapper img.drawing-files-logo {
4806    position: relative !important;
4807    float: left;
4808    width: 12px !important;
4809    height: 12px !important;
4810    margin-right: 2px;
4811  }
4812
4813
4814
4815
4816  #catalog-home-page.search-brand .main-content.new .right-area .product-item-wrapper .button-load-more-area .load-more-button {
4817    border-radius: 4px;
4818  }
4819
4820  @media (max-width: 992px) {
4821    #catalog-home-page.search-brand .main-content.new .right-area .header {
4822      padding-left: 40px;
4823      padding-right: 40px;
4824    }
4825
4826    #catalog-home-page.search-brand .main-content.new .right-area {
4827      padding-left: 0px;
4828      padding-right: 0px;
4829    }
4830
4831    #catalog-home-page.search-brand .main-content.new .right-area .product-item-wrapper {
4832      padding-left: 20px;
4833      padding-right: 20px;
4834      margin-top: 20px;
4835    }
4836
4837    #catalog-home-page.search-brand .main-content.new .right-area .product-item-wrapper .button-load-more-area .load-more-button {
4838      left: 0 !important;
4839      width: 100% !important;
4840      margin-top: 10px !important;
4841    }
4842  }
4843
4844  .more-filter-wrapper .nbs-checkbox-wrapper .squaredThree label {
4845    border-radius: 500px;
4846    background-color: transparent;
4847    background: transparent;
4848    border: 2px solid #fff;
4849  }
4850
4851  .more-filter-wrapper .nbs-checkbox-wrapper .squaredThree input[type=checkbox]:checked+label {
4852    background-color: transparent;
4853  }
4854
4855  .more-filter-wrapper .nbs-checkbox-wrapper .squaredThree label:before {
4856    content: '';
4857    position: absolute;
4858    /* width: 10px; */
4859    width: 0px;
4860    height: 0px;
4861    background: transparent;
4862    top: 2px;
4863    left: 3px;
4864    border: 5px solid #0039ff;
4865    border-top: none;
4866    border-right: none;
4867    -webkit-transform: rotate(-45deg);
4868    -moz-transform: rotate(-45deg);
4869    -o-transform: rotate(-45deg);
4870    -ms-transform: rotate(-45deg);
4871    transform: rotate(-45deg);
4872    transition: all 100ms cubic-bezier(.4, .0, .23, 1);
4873  }
4874
4875  .more-filter-wrapper .nbs-checkbox-wrapper .squaredThree input[type=checkbox]:checked+label:before {
4876    animation: checkbox-check2 50ms 100ms cubic-bezier(.4, .0, .23, 1) forwards;
4877  }
4878
4879  .more-filter-wrapper .nbs-checkbox-wrapper .squaredThree label:after {
4880    content: '';
4881    position: absolute;
4882    /* width: 10px; */
4883    width: 10px;
4884    height: 6px;
4885    background: transparent;
4886    top: 1px;
4887    left: 2px;
4888    border: 3px solid transparent;
4889    border-top: none;
4890    border-right: none;
4891    -webkit-transform: rotate(-45deg);
4892    -moz-transform: rotate(-45deg);
4893    -o-transform: rotate(-45deg);
4894    -ms-transform: rotate(-45deg);
4895    transform: rotate(-45deg);
4896    width: 10px;
4897    height: 6px;
4898    border-width: 3px;
4899    animation: checkbox-check 150ms 250ms cubic-bezier(.4, .0, .23, 1) forwards;
4900    transition: all 250ms cubic-bezier(.4, .0, .23, 1);
4901  }
4902
4903  .more-filter-wrapper .nbs-checkbox-wrapper .squaredThree input[type=checkbox]:checked+label:after {
4904    top: 1px;
4905    left: 2px;
4906  }
4907
4908  @keyframes checkbox-check {
4909    0% {
4910      width: 0;
4911      height: 0;
4912      border-width: 0;
4913      transform: scale(0) rotate(-45deg);
4914    }
4915
4916    33% {
4917      width: 5px;
4918      height: 3px;
4919      border-width: 1.5px;
4920      transform: scale(0.5) rotate(-45deg);
4921    }
4922
4923    100% {
4924      width: 10px;
4925      height: 6px;
4926      border-width: 3px;
4927      transform: scale(1) rotate(-45deg);
4928    }
4929  }
4930
4931  @keyframes checkbox-check2 {
4932    0% {
4933      width: 0;
4934      height: 0;
4935      border-width: 0;
4936      transform: scale(0) rotate(-45deg);
4937    }
4938
4939    33% {
4940      width: 5px;
4941      height: 3px;
4942      border-width: 1.5px;
4943      transform: scale(0.5) rotate(-45deg);
4944    }
4945
4946    100% {
4947      width: 11px;
4948      height: 5px;
4949      border-width: 5px;
4950      transform: scale(1) rotate(-45deg);
4951    }
4952  }
4953
4954  .squaredThree label {
4955    width: 15px;
4956    height: 15px;
4957    border-radius: 3px;
4958    margin-bottom: 0px;
4959  }
4960
4961  .squaredThree input[type=checkbox]:checked+label {
4962    background: #4a4a4a;
4963  }
4964
4965  .squaredThree.blue-checkbox input[type=checkbox]:checked+label {
4966    background: #0039ff;
4967  }
4968
4969  .squaredThree label:after {
4970    width: 10px;
4971    height: 5px;
4972    border-color: #FFF;
4973    top: 3px;
4974    left: 2px;
4975  }
4976
4977  p.title.title-by-countries {
4978    color: #ababab;
4979    font-size: 14px;
4980    font-weight: 700;
4981    padding-top: 26px;
4982  }
4983
4984  #countriesFilterSidebarSection .form-check .squaredThree {
4985    flex: 0 0 33%;
4986    padding-right: 4px;
4987  }
4988
4989  #countriesFilterSidebarSection .form-check .squaredThree .country-checkbox-text {
4990    margin-bottom: 5px;
4991    text-transform: uppercase;
4992  }
4993
4994  #countriesFilterSidebarSection .form-check .squaredThree .country-checkbox-text {
4995    width: 100%;
4996    position: relative;
4997    display: flex;
4998    align-items: center;
4999    cursor: pointer;
5000    overflow-x: hidden;
5001    white-space: nowrap;
5002    text-overflow: ellipsis;
5003    font-size: 10px !important;
5004    font-weight: 700 !important;
5005    height: 100%;
5006  }
5007
5008  #countriesFilterSidebarSection .form-check .squaredThree .country-checkbox-text .flag-icon {
5009    margin-right: 5px;
5010    width: 15px;
5011    height: 15px;
5012  }
5013
5014  #projectKeywordFilterSidebarSection {
5015    padding-top: 15px;
5016  }
5017
5018  .new-company-filter-project-category-menu-mobile p.title.title-by-countries {
5019    padding: 0;
5020  }
5021
5022  .nbs-nordic-icon img {
5023    position: absolute;
5024    max-width: 18px;
5025    max-height: 18px;
5026    margin-left: 10px;
5027    margin-top: 10px;
5028  }
5029
5030  .epd-filter-wrap {
5031    display: flex;
5032    flex-direction: column;
5033    position: relative;
5034    margin-top: 20px;
5035  }
5036
5037  .epd-filter-wrap .epd-filter-slider-wrap {
5038    padding-bottom: 20px;
5039  }
5040
5041  .epd-filter-wrap .epd-filter-slider-wrap:last-child {
5042    border-bottom: none;
5043  }
5044
5045  .epd-filter-wrap .epd-filter-slider-wrap .epd-filter-toggle-head {
5046    display: flex;
5047    justify-content: space-between;
5048  }
5049
5050  hr.line-filter {
5051    height: 1px;
5052    width: calc(100% + 40px);
5053    margin: 0px -20px;
5054    border-top: 3px solid #e5e5e5;
5055  }
5056
5057  .epd-filter-toggle-head .title {
5058    display: flex;
5059    align-items: center;
5060  }
5061
5062  .epd-filter-toggle-head .title span {
5063    line-height: normal;
5064  }
5065
5066  .epd-filter-toggle-head .title .epd-hint-img {
5067    margin-left: 5px;
5068    width: 16px;
5069    height: 16px;
5070  }
5071
5072  .filter-epd-top-wrapper {
5073    display: inline-flex;
5074    position: relative;
5075    background-color: #059e61;
5076    align-items: center;
5077    border-radius: 3px;
5078    padding: 0 10px;
5079    height: 30px;
5080    font-size: 12px;
5081    font-family: WorkSans-SemiBold;
5082    color: #fff;
5083    cursor: pointer;
5084  }
5085
5086  .filter-epd-top-wrapper.epd-white {
5087    background-color: #fff;
5088    border: 1px solid #e5e5e5;
5089    color: #66875a;
5090  }
5091
5092  .filter-epd-top-wrapper img {
5093    width: 20px;
5094    height: 20px;
5095    margin-left: 5px;
5096  }
5097
5098  .filter-epd-top-wrapper .squaredThree {
5099    width: auto;
5100    height: auto;
5101    background-color: transparent;
5102    padding-top: 0px;
5103    padding-left: 0px;
5104    display: flex;
5105    align-items: center;
5106    justify-content: center;
5107    position: relative;
5108    margin-right: 7px;
5109  }
5110
5111  .filter-epd-top-wrapper.epd-white .squaredThree .checkbox-label {
5112    border: 1px solid #e5e5e5;
5113  }
5114
5115  .filter-epd-top-wrapper .squaredThree .checkbox-label {
5116    top: -1px;
5117    left: 0;
5118    border: 1px solid #059e61;
5119  }
5120
5121  .filter-epd-top-wrapper .squaredThree .checkbox-label::after {
5122    top: 3px;
5123    left: 2px;
5124  }
5125
5126  .category-filter-mobile .filter-epd-top-wrapper {
5127    height: 35px;
5128  }
5129
5130  .select2-selection .select2-selection--multiple {
5131    height: 34px !important;
5132    border-radius: 2px !important;
5133  }
5134
5135  .select2-container--default .select2-selection--multiple {
5136    border: 1px solid #e5e5e5 !important;
5137  }
5138
5139  .select2-container .select2-selection--multiple .select2-selection__rendered {
5140    display: block;
5141    padding: 2px 7px 8px !important;
5142    overflow: hidden;
5143    text-overflow: ellipsis;
5144    white-space: nowrap;
5145  }
5146
5147  .webui-popover-ggt-hint-item {
5148    z-index: 10000000000000;
5149  }
5150</style>
5151
5152
5153<div id="catalog-home-page" class="search-brand">
5154  <div class="" style="position: relative; float: left; width: 100%; height:0; margin: 0;">
5155    <!-- Images For Seo WIth ALT -->
5156                                                                                                                          </div>
5157  <div id="hero" style="border: 0;">
5158  </div>
5159  <div id="new-sidebar-product-category" class="show" style="margin-top: 120px; height: calc((100vh - 120px) - 1px);">
5160    <!--   sidebar skeleton-->
5161    <div class="sidebar skeleton">
5162      <div class="header" style="display:none">
5163        <div class="text-area">
5164          <p style="color: #9b9b9b;">PRODUCT CATEGORIES</p>
5165        </div>
5166        <div class="button-area close-category-button desktop" style="display: none;">
5167          <img src="https://www.archify.com/assets/img/close.png" alt="close icon" width="10" height="10">
5168        </div>
5169        <div class="button-area close-category-button mobile">
5170          <img src="https://www.archify.com/assets/img/close.png" alt="close icon" width="10" height="10">
5171        </div>
5172      </div>
5173
5174      <div class="product-category-item panel-group">
5175        <div class="panel-heading" role="tab" id="product1">
5176          <h4 class="panel-title">
5177            <a class="collapsed">
5178              <p style="width: 100px; height: 10px; background: #e5e5e5;"></p>
5179            </a>
5180          </h4>
5181        </div>
5182        <div id="collapse1" class="panel-collapse collapse show" role="tabpanel" aria-labelledby="product1">
5183          <div class="panel-body">
5184            <ul>
5185              <li><a href="#" style="width: 100px; height: 10px; background: #e5e5e5;"></a></li>
5186              <li><a href="#" style="width: 230px; height: 10px; background: #e5e5e5;"></a></li>
5187              <li><a href="#" style="width: 170px; height: 10px; background: #e5e5e5;"></a></li>
5188            </ul>
5189          </div>
5190        </div>
5191      </div>
5192
5193      <div class="product-category-item panel-group">
5194        <div class="panel-heading" role="tab" id="product3">
5195          <h4 class="panel-title">
5196            <a class="collapsed">
5197              <p style="width: 100px; height: 10px; background: #e5e5e5;"></p>
5198            </a>
5199          </h4>
5200        </div>
5201        <div id="collapse3" class="panel-collapse collapse show" role="tabpanel" aria-labelledby="product3">
5202          <div class="panel-body">
5203            <ul>
5204              <li><a href="#" style="width: 100px; height: 10px; background: #e5e5e5;"></a></li>
5205              <li><a href="#" style="width: 230px; height: 10px; background: #e5e5e5;"></a></li>
5206              <li><a href="#" style="width: 170px; height: 10px; background: #e5e5e5;"></a></li>
5207            </ul>
5208          </div>
5209        </div>
5210      </div>
5211    </div>
5212    <div class="sidebar category-sidebar">
5213      <div class="header" style="display: none;">
5214        <div class="text-area">
5215          <p style="color: #9b9b9b;">PRODUCT CATEGORIES</p>
5216        </div>
5217        <div class="button-area close-category-button desktop" style="display: none;">
5218          <img src="https://www.archify.com/assets/img/close.png" alt="close icon" width="10" height="10">
5219        </div>
5220        <div class="button-area close-category-button mobile">
5221          <img src="https://www.archify.com/assets/img/close.png" alt="close icon" width="10" height="10">
5222        </div>
5223      </div>
5224      <!-- Countries Filter -->
5225            <div class="category-list-wrapper" id="xxxxxx" style="height: auto;">
5226
5227      </div>
5228              <!-- Hide if not au user -->
5229        <div id="drawing_filter_l1" class="filter-container">
5230          <span id="drawlevel1" class="draw-filter">Third Party Certification </span>
5231          <div class="row filter-val-chx third-party-chk">
5232            <div class="col-md-10" style="display: flex; align-items:baseline; gap:4px;">
5233              <label class="asr-checkbox-mob checkbox-epd-ggt-certificate-filter">
5234                <span>Global GreenTag Certificate</span>
5235                <input type="checkbox" class="checkbox-ggt-epd-certificate" id="checkbox-ggt-epd-certificate" type="checkbox" name="checkbox-select-sustainable" >
5236                <span class="asrlabel-checkbox"></span>
5237              </label>
5238              <span class="ggt-hint" data-content="Learn more about <a href='https://www.archify.com/au/sustainability/about-globalgreentag-for-design-professionals' target='_blank'>Global GreenTag <i class='fa fa-external-link'></i></a>">
5239                <img src="https://www.archify.com/assets/img/svg/hint.svg" />
5240              </span>
5241            </div>
5242            <div class="col-md-10" style="display: flex; align-items:baseline; gap:4px;">
5243              <label class="asr-checkbox-mob checkbox-epd-ggt-filter">
5244                <span>Global GreenTag EPD</span>
5245                <input type="checkbox" class="checkbox-ggt-epd" id="checkbox-ggt-epd" type="checkbox" name="checkbox-select-sustainable" >
5246                <span class="asrlabel-checkbox"></span>
5247              </label>
5248              <span class="ggt-hint" data-content="Learn more about <a href='https://www.archify.com/au/sustainability/about-globalgreentag-for-design-professionals' target='_blank'>Global GreenTag <i class='fa fa-external-link'></i></a>">
5249                <img src="https://www.archify.com/assets/img/svg/hint.svg" />
5250              </span>
5251            </div>
5252          </div>
5253        </div>
5254            <div id="drawing_filter_l1" class="filter-container">
5255        <span id="drawlevel1" class="draw-filter">Manufacturer</span>
5256        <div id="brand_check">
5257          <div class="control_brand">
5258            <input class="input form-control search_brand" type="text" placeholder="Search" id="search_brand_desk_1" />
5259            <span class="icon is-small is-left">
5260              <span class="searchIcon"></span>
5261            </span>
5262          </div>
5263        </div>
5264        <div class="row filter-val-chx brand_chk" id="brand_check_list_1">
5265        </div>
5266      </div>
5267      <div id="drawing_filter_l1" class="filter-container">
5268        <span id="drawlevel2" class="draw-filter">BIM Files</span>
5269        <div class="row filter-val-chx bim-filter-wrap">
5270
5271        </div>
5272      </div>
5273      <div id="drawing_filter_l1" class="filter-container">
5274        <span id="drawlevel2" class="draw-filter">CAD Files</span>
5275        <div class="row filter-val-chx cad-filter-wrap">
5276
5277        </div>
5278      </div>
5279      <div id="drawing_filter_l1" class="filter-container">
5280        <span id="drawlevel2" class="draw-filter">Other Files</span>
5281        <div class="row filter-val-chx other-filter-wrap">
5282
5283        </div>
5284      </div>
5285
5286      <div id="drawing_filter_l1" class="filter-container container-filter-country-manufacturer">
5287        <span id="drawlevel1" class="draw-filter">Country Manufacturer</span>
5288
5289        <div class="row filter-val-chx" id="country_mnf">
5290          <div class="select-manufactured-in-wrapper1 select-drop-down-wrapper multiple-wrapper col-md-12">
5291            <select class="select-manufactured-in" id="selectManufacturedIn1" style="width: 100%; border: 1px solid #e5e5e5; border-radius: 0; height: 35px; background: #fff; color: #fff;" data-parent-name="country_manufactured" value="" name="">
5292              <option value="0">-</option>
5293                                <option value="2">Albania</option>
5294                                <option value="7">Anguilla</option>
5295                                <option value="12">Aruba</option>
5296                                <option value="13">Australia</option>
5297                                <option value="14">Austria</option>
5298                                <option value="17">Bahrain</option>
5299                                <option value="21">Belgium</option>
5300                                <option value="30">British Indian Ocean Territory</option>
5301                                <option value="38">Canada</option>
5302                                <option value="44">China</option>
5303                                <option value="55">Czech Republic</option>
5304                                <option value="57">Denmark</option>
5305                                <option value="63">Egypt</option>
5306                                <option value="72">Finland</option>
5307                                <option value="73">France</option>
5308                                <option value="78">Germany</option>
5309                                <option value="95">India</option>
5310                                <option value="96">Indonesia</option>
5311                                <option value="99">Ireland</option>
5312                                <option value="101">Israel</option>
5313                                <option value="102">Italy</option>
5314                                <option value="105">Japan</option>
5315                                <option value="121">Lithuania</option>
5316                                <option value="122">Luxembourg</option>
5317                                <option value="127">Malaysia</option>
5318                                <option value="135">Mexico</option>
5319                                <option value="148">Netherlands</option>
5320                                <option value="151">New Zealand</option>
5321                                <option value="169">Poland</option>
5322                                <option value="199">South Africa</option>
5323                                <option value="200">South Korea</option>
5324                                <option value="202">Spain</option>
5325                                <option value="208">Sweden</option>
5326                                <option value="209">Switzerland</option>
5327                                <option value="211">Taiwan</option>
5328                                <option value="214">Thailand</option>
5329                                <option value="220">Turkey</option>
5330                                <option value="227">United Arab Emirates</option>
5331                                <option value="228">United Kingdom</option>
5332                                <option value="229">United States</option>
5333                                <option value="235">Vietnam</option>
5334                          </select>
5335          </div>
5336        </div>
5337      </div>
5338
5339      <div id="drawing_filter_l1" class="filter-container container-filter-material-origin">
5340        <span id="drawlevel1" class="draw-filter">Material Origin</span>
5341
5342        <div class="row filter-val-chx" id="country_mnf">
5343          <div class="select-material-origin-wrapper-l1 select-drop-down-wrapper multiple-wrapper col-md-12">
5344            <select class="select-material-origin" id="select-material-origin-l1" style="width: 100%; border: 1px solid #e5e5e5; border-radius: 0; height: 35px; background: #fff; color: #fff;" data-parent-name="country_manufactured" value="" name="">
5345                                <option value="2">Albania</option>
5346                                <option value="7">Anguilla</option>
5347                                <option value="12">Aruba</option>
5348                                <option value="13">Australia</option>
5349                                <option value="14">Austria</option>
5350                                <option value="17">Bahrain</option>
5351                                <option value="21">Belgium</option>
5352                                <option value="30">British Indian Ocean Territory</option>
5353                                <option value="38">Canada</option>
5354                                <option value="44">China</option>
5355                                <option value="55">Czech Republic</option>
5356                                <option value="57">Denmark</option>
5357                                <option value="63">Egypt</option>
5358                                <option value="72">Finland</option>
5359                                <option value="73">France</option>
5360                                <option value="78">Germany</option>
5361                                <option value="95">India</option>
5362                                <option value="96">Indonesia</option>
5363                                <option value="99">Ireland</option>
5364                                <option value="101">Israel</option>
5365                                <option value="102">Italy</option>
5366                                <option value="105">Japan</option>
5367                                <option value="121">Lithuania</option>
5368                                <option value="122">Luxembourg</option>
5369                                <option value="127">Malaysia</option>
5370                                <option value="135">Mexico</option>
5371                                <option value="148">Netherlands</option>
5372                                <option value="151">New Zealand</option>
5373                                <option value="169">Poland</option>
5374                                <option value="199">South Africa</option>
5375                                <option value="200">South Korea</option>
5376                                <option value="202">Spain</option>
5377                                <option value="208">Sweden</option>
5378                                <option value="209">Switzerland</option>
5379                                <option value="211">Taiwan</option>
5380                                <option value="214">Thailand</option>
5381                                <option value="220">Turkey</option>
5382                                <option value="227">United Arab Emirates</option>
5383                                <option value="228">United Kingdom</option>
5384                                <option value="229">United States</option>
5385                                <option value="235">Vietnam</option>
5386                          </select>
5387          </div>
5388        </div>
5389      </div>
5390
5391      <div id="drawing_filter_l1" class="filter-container">
5392        <span id="drawlevel1" class="draw-filter">EPD / Sustainability</span>
5393        <div class="epd-filter-wrap">
5394
5395        </div>
5396        <hr class="line-filter" />
5397      </div>
5398
5399      <div class="wrap-more-filter">
5400        <!-- <button id="" type="button" name="button" class="secondary-button clear-spec-filter-mrr clear-filter-sidebar" style="width:100%;">Clear Filter</button> -->
5401        <div class="more-filter secondary-button clear-spec-filter-mrr1 clear-filter-sidebar" style="width:100%;">Clear Filter</div>
5402      </div>
5403    </div>
5404  </div>
5405
5406  <!--  sidebar level 2-->
5407  <div id="new-sidebar-product-subcategory" class="" style="margin-top: 120px; height: calc((100vh - 120px) - 1px); overflow-x: hidden;">
5408    <div class="clear"></div>
5409    <div class="subcategory-list-wrapper" style="height: auto;">
5410      <div class="head-spec close-level-2" style="position: relative; left: -5px;">
5411        <img src="https://www.archify.com/assets/img/svg/02-icon-01-general-arrow-left.svg">
5412        <span id="infolevel2"></span>
5413      </div>
5414      <div class="name-spec">Sub Categories</div>
5415      <div id="id-sublevel2">
5416
5417      </div>
5418
5419              <!-- Hide if not au user -->
5420        <div id="drawing_filter_l2" class="filter-container">
5421          <span id="drawlevel2" class="draw-filter">Third Party Certification </span>
5422          <div class="row filter-val-chx third-party-chk">
5423            <div class="col-md-10" style="display: flex; align-items:baseline; gap:4px;">
5424              <label class="asr-checkbox-mob checkbox-epd-ggt-certificate-filter">
5425                <span>Global GreenTag Certificate</span>
5426                <input type="checkbox" class="checkbox-ggt-epd-certificate" id="checkbox-ggt-epd-certificate" type="checkbox" name="checkbox-select-sustainable" >
5427                <span class="asrlabel-checkbox"></span>
5428              </label>
5429              <span class="ggt-hint" data-content="Learn more about <a href='https://www.archify.com/au/sustainability/about-globalgreentag-for-design-professionals' target='_blank'>Global GreenTag <i class='fa fa-external-link'></i></a>">
5430                <img src="https://www.archify.com/assets/img/svg/hint.svg" />
5431              </span>
5432            </div>
5433            <div class="col-md-10" style="display: flex; align-items:baseline; gap:4px;">
5434              <label class="asr-checkbox-mob checkbox-epd-ggt-filter">
5435                <span>Global GreenTag EPD</span>
5436                <input type="checkbox" class="checkbox-ggt-epd" id="checkbox-ggt-epd" type="checkbox" name="checkbox-select-sustainable" >
5437                <span class="asrlabel-checkbox"></span>
5438              </label>
5439              <span class="ggt-hint" data-content="Learn more about <a href='https://www.archify.com/au/sustainability/about-globalgreentag-for-design-professionals' target='_blank'>Global GreenTag <i class='fa fa-external-link'></i></a>">
5440                <img src="https://www.archify.com/assets/img/svg/hint.svg" />
5441              </span>
5442            </div>
5443          </div>
5444        </div>
5445            <div id="drawing_filter_l2" class="filter-container">
5446        <span id="drawlevel2" class="draw-filter">Manufacturer</span>
5447        <div id="brand_check">
5448          <div class="control_brand">
5449            <input class="input form-control search_brand" type="text" placeholder="Search" id="search_brand_desk_2" />
5450            <span class="icon is-small is-left">
5451              <span class="searchIcon"></span>
5452            </span>
5453          </div>
5454        </div>
5455        <div class="row filter-val-chx brand_chk" id="brand_check_list_2">
5456        </div>
5457      </div>
5458      <div id="drawing_filter_l2" class="filter-container">
5459        <span id="drawlevel2" class="draw-filter">BIM Files</span>
5460        <div class="row filter-val-chx bim-filter-wrap">
5461
5462        </div>
5463      </div>
5464      <div id="drawing_filter_l2" class="filter-container">
5465        <span id="drawlevel2" class="draw-filter">CAD Files</span>
5466        <div class="row filter-val-chx cad-filter-wrap">
5467
5468        </div>
5469      </div>
5470      <div id="drawing_filter_l2" class="filter-container">
5471        <span id="drawlevel2" class="draw-filter">Other Files</span>
5472        <div class="row filter-val-chx other-filter-wrap">
5473
5474        </div>
5475      </div>
5476
5477
5478      <div id="drawing_filter_l2" class="filter-container container-filter-country-manufacturer">
5479        <span id="drawlevel2" class="draw-filter">Country Manufacturer</span>
5480
5481        <div class="row filter-val-chx" id="country_mnf">
5482          <div class="select-manufactured-in-wrapper2 select-drop-down-wrapper multiple-wrapper col-md-10">
5483            <select class="select-manufactured-in" id="selectManufacturedIn2" style="width: 100%; border: 1px solid #e5e5e5; border-radius: 0; height: 35px; background: #fff; color: #fff;" data-parent-name="country_manufactured" value="" name="">
5484              <option value="0">-</option>
5485                                <option value="2">Albania</option>
5486                                <option value="7">Anguilla</option>
5487                                <option value="12">Aruba</option>
5488                                <option value="13">Australia</option>
5489                                <option value="14">Austria</option>
5490                                <option value="17">Bahrain</option>
5491                                <option value="21">Belgium</option>
5492                                <option value="30">British Indian Ocean Territory</option>
5493                                <option value="38">Canada</option>
5494                                <option value="44">China</option>
5495                                <option value="55">Czech Republic</option>
5496                                <option value="57">Denmark</option>
5497                                <option value="63">Egypt</option>
5498                                <option value="72">Finland</option>
5499                                <option value="73">France</option>
5500                                <option value="78">Germany</option>
5501                                <option value="95">India</option>
5502                                <option value="96">Indonesia</option>
5503                                <option value="99">Ireland</option>
5504                                <option value="101">Israel</option>
5505                                <option value="102">Italy</option>
5506                                <option value="105">Japan</option>
5507                                <option value="121">Lithuania</option>
5508                                <option value="122">Luxembourg</option>
5509                                <option value="127">Malaysia</option>
5510                                <option value="135">Mexico</option>
5511                                <option value="148">Netherlands</option>
5512                                <option value="151">New Zealand</option>
5513                                <option value="169">Poland</option>
5514                                <option value="199">South Africa</option>
5515                                <option value="200">South Korea</option>
5516                                <option value="202">Spain</option>
5517                                <option value="208">Sweden</option>
5518                                <option value="209">Switzerland</option>
5519                                <option value="211">Taiwan</option>
5520                                <option value="214">Thailand</option>
5521                                <option value="220">Turkey</option>
5522                                <option value="227">United Arab Emirates</option>
5523                                <option value="228">United Kingdom</option>
5524                                <option value="229">United States</option>
5525                                <option value="235">Vietnam</option>
5526                          </select>
5527          </div>
5528        </div>
5529      </div>
5530
5531      <div id="drawing_filter_l2" class="filter-container container-filter-material-origin">
5532        <span id="drawlevel2" class="draw-filter">Material Origin</span>
5533
5534        <div class="row filter-val-chx" id="country_mnf">
5535          <div class="select-material-origin-wrapper-l2 select-drop-down-wrapper multiple-wrapper col-md-12">
5536            <select class="select-material-origin" id="select-material-origin-l2" style="width: 100%; border: 1px solid #e5e5e5; border-radius: 0; height: 35px; background: #fff; color: #fff;" data-parent-name="country_manufactured" value="" name="">
5537                                <option value="2">Albania</option>
5538                                <option value="7">Anguilla</option>
5539                                <option value="12">Aruba</option>
5540                                <option value="13">Australia</option>
5541                                <option value="14">Austria</option>
5542                                <option value="17">Bahrain</option>
5543                                <option value="21">Belgium</option>
5544                                <option value="30">British Indian Ocean Territory</option>
5545                                <option value="38">Canada</option>
5546                                <option value="44">China</option>
5547                                <option value="55">Czech Republic</option>
5548                                <option value="57">Denmark</option>
5549                                <option value="63">Egypt</option>
5550                                <option value="72">Finland</option>
5551                                <option value="73">France</option>
5552                                <option value="78">Germany</option>
5553                                <option value="95">India</option>
5554                                <option value="96">Indonesia</option>
5555                                <option value="99">Ireland</option>
5556                                <option value="101">Israel</option>
5557                                <option value="102">Italy</option>
5558                                <option value="105">Japan</option>
5559                                <option value="121">Lithuania</option>
5560                                <option value="122">Luxembourg</option>
5561                                <option value="127">Malaysia</option>
5562                                <option value="135">Mexico</option>
5563                                <option value="148">Netherlands</option>
5564                                <option value="151">New Zealand</option>
5565                                <option value="169">Poland</option>
5566                                <option value="199">South Africa</option>
5567                                <option value="200">South Korea</option>
5568                                <option value="202">Spain</option>
5569                                <option value="208">Sweden</option>
5570                                <option value="209">Switzerland</option>
5571                                <option value="211">Taiwan</option>
5572                                <option value="214">Thailand</option>
5573                                <option value="220">Turkey</option>
5574                                <option value="227">United Arab Emirates</option>
5575                                <option value="228">United Kingdom</option>
5576                                <option value="229">United States</option>
5577                                <option value="235">Vietnam</option>
5578                          </select>
5579          </div>
5580        </div>
5581      </div>
5582
5583      <div id="drawing_filter_l2" class="filter-container">
5584        <span id="drawlevel2" class="draw-filter">EPD / Sustainability</span>
5585        <div class="epd-filter-wrap">
5586
5587        </div>
5588        <hr class="line-filter" />
5589      </div>
5590
5591      <div class="wrap-more-filter">
5592        <!-- <button id="" type="button" name="button" class="secondary-button clear-spec-filter-mrr clear-filter-sidebar" style="width:100%;">Clear Filter</button> -->
5593        <div class="more-filter secondary-button clear-spec-filter-mrr2 clear-filter-sidebar" style="width:100%;">Clear Filter</div>
5594      </div>
5595    </div>
5596    <div class="clear"></div>
5597  </div>
5598
5599  <!--  sidebar level 3-->
5600  <div id="new-sidebar-product-subsubcategory" class="" style="margin-top: 120px; height: calc((100vh - 120px) - 1px);">
5601    <div class="clear"></div>
5602    <!-- Countries Filter -->
5603        <div class="subcategory-list-wrapper" style="height: auto;">
5604      <div class="head-spec close-level-3" style="position: relative; left: -5px;">
5605        <img src="https://www.archify.com/assets/img/svg/02-icon-01-general-arrow-left.svg">
5606        <span id="infolevel3"></span>
5607        <span id="infolevel3slug" style="display:none;">Beds Frames</span>
5608        <span id="infolevel2slug" style="display:none;"></span>
5609      </div>
5610      <div class="name-spec">Solution</div>
5611      <div id="id-sublevel3">
5612
5613      </div>
5614
5615            <span id="remake_filter_l3">
5616
5617      </span>
5618
5619              <!-- Hide if not au user -->
5620        <div id="drawing_filter_l3" class="filter-container">
5621          <span id="drawlevel3" class="draw-filter">Third Party Certification </span>
5622          <div class="row filter-val-chx third-party-chk">
5623            <div class="col-md-10" style="display: flex; align-items:baseline; gap:4px;">
5624              <label class="asr-checkbox-mob checkbox-epd-ggt-certificate-filter">
5625                <span>Global GreenTag Certificate</span>
5626                <input type="checkbox" class="checkbox-ggt-epd-certificate" id="checkbox-ggt-epd-certificate" type="checkbox" name="checkbox-select-sustainable" >
5627                <span class="asrlabel-checkbox"></span>
5628              </label>
5629              <span class="ggt-hint" data-content="Learn more about <a href='https://www.archify.com/au/sustainability/about-globalgreentag-for-design-professionals' target='_blank'>Global GreenTag <i class='fa fa-external-link'></i></a>">
5630                <img src="https://www.archify.com/assets/img/svg/hint.svg" />
5631              </span>
5632            </div>
5633            <div class="col-md-10" style="display: flex; align-items:baseline; gap:4px;">
5634              <label class="asr-checkbox-mob checkbox-epd-ggt-filter">
5635                <span>Global GreenTag EPD</span>
5636                <input type="checkbox" class="checkbox-ggt-epd" id="checkbox-ggt-epd" type="checkbox" name="checkbox-select-sustainable" >
5637                <span class="asrlabel-checkbox"></span>
5638              </label>
5639              <span class="ggt-hint" data-content="Learn more about <a href='https://www.archify.com/au/sustainability/about-globalgreentag-for-design-professionals' target='_blank'>Global GreenTag <i class='fa fa-external-link'></i></a>">
5640                <img src="https://www.archify.com/assets/img/svg/hint.svg" />
5641              </span>
5642            </div>
5643          </div>
5644        </div>
5645            <div id="drawing_filter_l3" class="filter-container">
5646        <span id="drawlevel3" class="draw-filter">Manufacturer</span>
5647        <div id="brand_check">
5648          <div class="control_brand">
5649            <input class="input form-control search_brand" type="text" placeholder="Search" id="search_brand_desk_3" />
5650            <span class="icon is-small is-left">
5651              <span class="searchIcon"></span>
5652            </span>
5653          </div>
5654        </div>
5655        <div class="row filter-val-chx brand_chk" id="brand_check_list_3">
5656        </div>
5657      </div>
5658      <div id="drawing_filter_l3" class="filter-container">
5659        <span id="drawlevel3" class="draw-filter">BIM Files</span>
5660        <div class="row filter-val-chx bim-filter-wrap">
5661
5662        </div>
5663      </div>
5664      <div id="drawing_filter_l3" class="filter-container">
5665        <span id="drawlevel3" class="draw-filter">CAD Files</span>
5666        <div class="row filter-val-chx cad-filter-wrap">
5667
5668        </div>
5669      </div>
5670      <div id="drawing_filter_l3" class="filter-container">
5671        <span id="drawlevel3" class="draw-filter">Other Files</span>
5672        <div class="row filter-val-chx other-filter-wrap">
5673
5674        </div>
5675      </div>
5676
5677      <div id="drawing_filter_l3" class="filter-container container-filter-country-manufacturer">
5678        <span id="drawlevel3" class="draw-filter">Country Manufacturer</span>
5679
5680        <div class="row filter-val-chx" id="country_mnf">
5681          <div class="select-manufactured-in-wrapper3 select-drop-down-wrapper multiple-wrapper col-md-12">
5682            <select class="select-manufactured-in" id="selectManufacturedIn3" style="width: 100%; border: 1px solid #e5e5e5; border-radius: 0; height: 35px; background: #fff; color: #fff;" data-parent-name="country_manufactured" value="" name="">
5683              <option value="0">-</option>
5684                                <option value="2">Albania</option>
5685                                <option value="7">Anguilla</option>
5686                                <option value="12">Aruba</option>
5687                                <option value="13">Australia</option>
5688                                <option value="14">Austria</option>
5689                                <option value="17">Bahrain</option>
5690                                <option value="21">Belgium</option>
5691                                <option value="30">British Indian Ocean Territory</option>
5692                                <option value="38">Canada</option>
5693                                <option value="44">China</option>
5694                                <option value="55">Czech Republic</option>
5695                                <option value="57">Denmark</option>
5696                                <option value="63">Egypt</option>
5697                                <option value="72">Finland</option>
5698                                <option value="73">France</option>
5699                                <option value="78">Germany</option>
5700                                <option value="95">India</option>
5701                                <option value="96">Indonesia</option>
5702                                <option value="99">Ireland</option>
5703                                <option value="101">Israel</option>
5704                                <option value="102">Italy</option>
5705                                <option value="105">Japan</option>
5706                                <option value="121">Lithuania</option>
5707                                <option value="122">Luxembourg</option>
5708                                <option value="127">Malaysia</option>
5709                                <option value="135">Mexico</option>
5710                                <option value="148">Netherlands</option>
5711                                <option value="151">New Zealand</option>
5712                                <option value="169">Poland</option>
5713                                <option value="199">South Africa</option>
5714                                <option value="200">South Korea</option>
5715                                <option value="202">Spain</option>
5716                                <option value="208">Sweden</option>
5717                                <option value="209">Switzerland</option>
5718                                <option value="211">Taiwan</option>
5719                                <option value="214">Thailand</option>
5720                                <option value="220">Turkey</option>
5721                                <option value="227">United Arab Emirates</option>
5722                                <option value="228">United Kingdom</option>
5723                                <option value="229">United States</option>
5724                                <option value="235">Vietnam</option>
5725                          </select>
5726          </div>
5727        </div>
5728      </div>
5729
5730      <div id="drawing_filter_l3" class="filter-container container-filter-material-origin">
5731        <span id="drawlevel3" class="draw-filter">Material Origin</span>
5732
5733        <div class="row filter-val-chx" id="country_mnf">
5734          <div class="select-material-origin-wrapper-l3 select-drop-down-wrapper multiple-wrapper col-md-12">
5735            <select class="select-material-origin" id="select-material-origin-l3" style="width: 100%; border: 1px solid #e5e5e5; border-radius: 0; height: 35px; background: #fff; color: #fff;" data-parent-name="country_manufactured" value="" name="">
5736                                <option value="2">Albania</option>
5737                                <option value="7">Anguilla</option>
5738                                <option value="12">Aruba</option>
5739                                <option value="13">Australia</option>
5740                                <option value="14">Austria</option>
5741                                <option value="17">Bahrain</option>
5742                                <option value="21">Belgium</option>
5743                                <option value="30">British Indian Ocean Territory</option>
5744                                <option value="38">Canada</option>
5745                                <option value="44">China</option>
5746                                <option value="55">Czech Republic</option>
5747                                <option value="57">Denmark</option>
5748                                <option value="63">Egypt</option>
5749                                <option value="72">Finland</option>
5750                                <option value="73">France</option>
5751                                <option value="78">Germany</option>
5752                                <option value="95">India</option>
5753                                <option value="96">Indonesia</option>
5754                                <option value="99">Ireland</option>
5755                                <option value="101">Israel</option>
5756                                <option value="102">Italy</option>
5757                                <option value="105">Japan</option>
5758                                <option value="121">Lithuania</option>
5759                                <option value="122">Luxembourg</option>
5760                                <option value="127">Malaysia</option>
5761                                <option value="135">Mexico</option>
5762                                <option value="148">Netherlands</option>
5763                                <option value="151">New Zealand</option>
5764                                <option value="169">Poland</option>
5765                                <option value="199">South Africa</option>
5766                                <option value="200">South Korea</option>
5767                                <option value="202">Spain</option>
5768                                <option value="208">Sweden</option>
5769                                <option value="209">Switzerland</option>
5770                                <option value="211">Taiwan</option>
5771                                <option value="214">Thailand</option>
5772                                <option value="220">Turkey</option>
5773                                <option value="227">United Arab Emirates</option>
5774                                <option value="228">United Kingdom</option>
5775                                <option value="229">United States</option>
5776                                <option value="235">Vietnam</option>
5777                          </select>
5778          </div>
5779        </div>
5780      </div>
5781
5782      <div id="drawing_filter_l3" class="filter-container">
5783        <span id="drawlevel3" class="draw-filter">EPD / Sustainability</span>
5784        <div class="epd-filter-wrap">
5785
5786        </div>
5787        <hr class="line-filter" />
5788      </div>
5789
5790
5791      <div class="wrap-more-filter">
5792        <!-- <button id="" type="button" name="button" class="secondary-button clear-spec-filter-mrr clear-filter-sidebar" style="width:100%;">Clear Filter</button> -->
5793        <div class="more-filter secondary-button clear-spec-filter-mrr clear-filter-sidebar" style="width:100%;">Clear Filter</div>
5794        <div class="more-filter more-filter-call" style="width:100%;">More Filter</div>
5795      </div>
5796    </div>
5797    <div class="clear"></div>
5798  </div>
5799
5800  <div id="bg-menu-mobile-transparent">
5801  </div>
5802  <div class="main-content new" style="z-index: 1; overflow-y: hidden;">
5803    <div class="right-area" style="overflow: hidden;">
5804
5805      <!-- <h4>Product - <span id="head_category">All Categories</span></h4> -->
5806
5807      <div class="header">
5808        <div class="header-wrapper">
5809
5810          <!-- breadcrumb here -->
5811          <div class="breadcrumb-nav" style="margin-bottom: 5px; text-align: left;">
5812            <span itemscope itemtype="http://schema.org/BreadcrumbList">
5813              <span itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
5814                <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/" href="/"><span itemprop="name">Home</span></a>
5815                <meta itemprop="position" content="1">
5816              </span>
5817              <span itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
5818                /
5819                <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products" href="https://www.archify.com/au/products"><span itemprop="name">Products</span></a>
5820                <meta itemprop="position" content="2">
5821              </span>
5822                                                      </span>
5823          </div>
5824
5825          <!-- Old Breadcrumbs -->
5826          <!-- <div class="breadcrumbs" style="width: 100%; height: auto; margin-bottom: 5px;">
5827              <p></p>
5828            </div> -->
5829          <div class="top-title" style="display:none;">
5830            <h2><span class="count" style="font-family: WorkSans-SemiBold;"></span><span style="font-family: WorkSans-SemiBold;"> Products</span><span> in </span><span class="text">All Categories</span></h2>
5831          </div>
5832          <div class="top-title">
5833            <h1>
5834              <span class="loading-css-animation">
5835                <span class="obj"></span><span class="obj"></span><span class="obj"></span><span class="obj"></span><span class="obj"></span><span class="obj"></span> <span class="obj"></span><span class="obj"></span>
5836              </span>
5837              <span class="count" style="display: none;">132</span>
5838                            <span id="seo_h1" class="text" style="font-family: WorkSans-SemiBold;">Products</span>
5839              <!-- <span id="seo_h1" class="text" style="font-family: WorkSans-SemiBold;"></span> -->
5840
5841            </h1>
5842          </div>
5843          <div class="filter-area mob-filter">
5844
5845            <div class="category-filter-mobile">
5846              <a href="#" class="fil-1" val="product-category">
5847                <button type="button" name="button" class="main-button"><img src="https://www.archify.com/assets/img/svg/icon-general-filter-white.svg"><span style="margin-left:5px; position: relative;">Filters</span></button>
5848              </a>
5849              <a href="#" class="fil-2" val="project-category-speckfilter" class="floating-m">
5850                <div class="filte-bn">
5851                  <img src="https://www.archify.com/assets/img/svg/02-icon-01-general-filter.svg">
5852                </div>
5853              </a>
5854              <!--                 <div class="filter-epd-top-wrapper checkbox-epd-ggt-certificate-filter" onclick="$(`.checkbox-ggt-epd-certificate`).click()">
5855                  <div class="squaredThree blue-checkbox">
5856                    <input id="checkbox-ggt-epd-certificate" class="checkbox-ggt-epd-certificate" type="checkbox" name="checkbox-select-sustainable" onclick="$('.checkbox-epd-ggt-certificate-filter').click()" >
5857                    <label class="checkbox-label" for="checkbox-ggt-epd-certificate"></label>
5858                  </div>
5859                  Global GreenTag Certificate <img src="https://www.archify.com/assets/img\svg\icon-sustainability-greentag-epd-certificate.svg" />
5860                </div>
5861                <div class="filter-epd-top-wrapper epd-white checkbox-epd-ggt-filter">
5862                  <div class="squaredThree blue-checkbox">
5863                    <input id="checkbox-ggt-epd" class="checkbox-ggt-epd" type="checkbox" name="checkbox-select-sustainable" onclick="$('.checkbox-epd-ggt-filter').click()" >
5864                    <label class="checkbox-label" for="checkbox-ggt-epd"></label>
5865                  </div>
5866                  Global GreenTag EPD <img src="https://www.archify.com/assets/img\svg\icon-sustainability-greentag-epd.svg" />
5867                </div>
5868
5869               -->
5870            </div>
5871            <div class="left-box">
5872              <button id="toggleCategoryButton" class="clicked" type="button" name="button" style="display: none;">Category</button>
5873              <button id="toggleCategoryButtonMobile" class="" t
5873ype="button" name="button">Category</button>
5874              <!-- Drop Down Sort By -->
5875              <div id="dropDownSortBy">
5876                <p>Sort by <span></span></p>
5877                <img class="arrow-down" src="https://www.archify.com/assets/img/svg/mega-dropdown-arrow.svg" alt="arrow down" width="10" height="10">
5878                <div class="toggle-area">
5879                </div>
5880                <div class="drop-down-list">
5881                  <div class="drop-down-wrapper">
5882                    <ul id="sortByList" class="">
5883                      <li class="active" val="default" name="Default">
5884                        <span>
5885                          <h5 class="">Relevant</h5>
5886                        </span>
5887                      </li>
5888                      <li val="asc" name="A-Z">
5889                        <span>
5890                          <h5 class="">A-Z</h5>
5891                        </span>
5892                      </li>
5893                      <li val="desc" name="Z-A">
5894                        <span>
5895                          <h5 class="">Z-A</h5>
5896                        </span>
5897                      </li>
5898                      <li val="latest" name="Latest">
5899                        <span>
5900                          <h5 class="">Latest</h5>
5901                        </span>
5902                      </li>
5903                    </ul>
5904                  </div>
5905                </div>
5906              </div>
5907
5908                            <div id="dropdown-brand">
5909                <p>View by <span> - products</span></p>
5910                <img class="arrow-down" src="https://www.archify.com/assets/img/svg/mega-dropdown-arrow.svg" alt="arrow down" width="10" height="10">
5911                <div class="toggle-area">
5912                </div>
5913                <div class="drop-down-list">
5914                  <div class="drop-down-wrapper">
5915                    <ul class="sort-list" class="">
5916                      <li class="active" name="Products">
5917                        <span>
5918                          <div class="txt-input">Products</div>
5919                        </span>
5920                      </li>
5921                      <li class="" name="Brands" onClick="link_to_brand()">
5922                        <!--a href="https://www.archify.com/au/brands"-->
5923                        <span>
5924                          <div class="txt-input">Brands</div>
5925                        </span>
5926                        <!--/a-->
5927                      </li>
5928                    </ul>
5929                  </div>
5930                </div>
5931              </div>
5932
5933              <div id="dropDownBrandList" style="display:none;" class="first-click">
5934                <p>Brand Name</p>
5935                <img class="arrow-down" src="https://www.archify.com/assets/img/svg/mega-dropdown-arrow.svg" alt="arrow down" width="10" height="10">
5936                <div class="toggle-area">
5937                </div>
5938                <div class="drop-down-list">
5939                  <div class="drop-down-wrapper">
5940                    <div class="filter-brand-wrapper">
5941                      <input id="filterBrand" class="filter-brand" onkeyup="filterBrandSearch()" type="text" name="" value="" placeholder="Search Brand">
5942                    </div>
5943                    <div class="brand-list-wrapper">
5944                      <ul id="brandList" class="brand-list">
5945                      </ul>
5946                    </div>
5947                  </div>
5948                </div>
5949              </div>
5950
5951              <!-- Drop Down Sort By -->
5952
5953              <div id="sortbrand" class="dropDownSortBy-mobile">
5954                <p><img src="https://www.archify.com/assets/img/svg/sortbymob2.svg" alt="sort icon"></p>
5955                <div class="toggle-area">
5956                </div>
5957                <div class="drop-down-list">
5958                  <div class="drop-down-wrapper">
5959                    <ul class="sort-list" class="">
5960                      <li class="active" name="Products">
5961                        <span>
5962                          <div class="txt-input">Products</div>
5963                        </span>
5964                      </li>
5965                      <li class="" name="Brands" onClick="link_to_brand()">
5966                        <!--a href="https://www.archify.com/au/brands"-->
5967                        <span>
5968                          <div class="txt-input">Brands</div>
5969                        </span>
5970                        <!--/a-->
5971                      </li>
5972                    </ul>
5973                  </div>
5974                </div>
5975              </div>
5976
5977              <!-- Remove sustainable hint https://bcisuite.atlassian.net/jira/software/c/projects/AR/boards/85/backlog?selectedIssue=AR-506 -->
5978              <!-- <div class="squaredThree">
5979                <input id="checkbox-filter-sustainable" class="checkbox-filter-sustainable" type="checkbox" name="checkbox-select-sustainable" value="1">
5980                <label class="checkbox-label" for="checkbox-filter-sustainable"></label>
5981                <p onclick="document.getElementById('checkbox-filter-sustainable').click()">
5982                  Sustainable Products
5983                </p>
5984              </div> -->
5985              <!--                 <div class="filter-epd-top-wrapper checkbox-epd-ggt-certificate-filter" onclick="$(`.checkbox-ggt-epd-certificate`).click()">
5986                  <div class="squaredThree blue-checkbox">
5987                    <input id="checkbox-ggt-epd-certificate" class="checkbox-ggt-epd-certificate" type="checkbox" name="checkbox-select-sustainable" >
5988                    <label class="checkbox-label" for="checkbox-ggt-epd-certificate"></label>
5989                  </div>
5990                  Global GreenTag Certificate <img src="https://www.archify.com/assets/img\svg\icon-sustainability-greentag-epd-certificate.svg" />
5991                </div>
5992                <div class="filter-epd-top-wrapper epd-white checkbox-epd-ggt-filter">
5993                  <div class="squaredThree blue-checkbox">
5994                    <input id="checkbox-ggt-epd" class="checkbox-ggt-epd" type="checkbox" name="checkbox-select-sustainable" >
5995                    <label class="checkbox-label" for="checkbox-ggt-epd"></label>
5996                  </div>
5997                  Global GreenTag EPD <img src="https://www.archify.com/assets/img\svg\icon-sustainability-greentag-epd.svg" />
5998                </div>
5999               -->
6000            </div>
6001            <div class="more-filter-wrapper">
6002              <!-- https://app.asana.com/0/1201425521169514/1205484352191573 -->
6003              <!-- <div class="squaredThree">
6004                <input id="checkbox-filter-drawing-files" class="checkbox-filter-drawing-files" type="checkbox" name="checkbox-select-sustainable" value="1">
6005                <label class="checkbox-label" for="checkbox-filter-drawing-files"></label>
6006                <p onclick="document.getElementById('checkbox-filter-drawing-files').click()">
6007                  Drawing Files
6008                  <img class="info-logo info-filter-drawing-files" src="https://www.archify.com/assets/img/svg/02-icon-01-general-info.svg" alt="icon general info" width="15" height="15">
6009                </p>
6010              </div> -->
6011
6012              <!--  <div class="squaredThree">
6013                <input id="checkbox-filter-sustainable" class="checkbox-filter-sustainable" type="checkbox" name="checkbox-select-sustainable" value="1">
6014                <label class="checkbox-label" for="checkbox-filter-sustainable"></label>
6015                <p onclick="document.getElementById('checkbox-filter-sustainable').click()">
6016                  Sustainable Products
6017                  <img class="info-logo info-filter-sustainable" src="https://www.archify.com/assets/img/svg/02-icon-01-general-info.svg" alt="icon general info" width="15" height="15">
6018                </p>
6019              </div> -->
6020                                            <!-- remove this field requested by martin 10/12/2024 -->
6021                <!-- <div class="squaredThree blue-checkbox">
6022                  <input id="checkbox-filter-enhanced" class="checkbox-filter-enhanced" type="checkbox" name="checkbox-select-sustainable" value="1">
6023                  <label class="checkbox-label" for="checkbox-filter-enhanced"></label>
6024                  <p onclick="document.getElementById('checkbox-filter-enhanced').click()">
6025                    Enhanced Spec
6026                    <img class="info-logo info-filter-nbs" src="https://www.archify.com/assets/img/svg/02-icon-01-general-info.svg" alt="icon general info" width="15" height="15">
6027                  </p>
6028                </div> -->
6029
6030                <!-- <div style="display: inline-block;margin-left: 10px;">
6031                    <div class="nbs-checkbox-wrapper">
6032                      <div class="squaredThree">
6033                        <input id="checkbox-filter-enhanced" class="checkbox-filter-enhanced" type="checkbox" name="checkbox-select-sustainable" value="1">
6034                        <label class="checkbox-label" for="checkbox-filter-enhanced" style="left: 2px; top: 6px;"></label>
6035                        <p onclick="document.getElementById('checkbox-filter-enhanced').click()" style="color: #fff; top: 0px; margin-right: 8px; line-height: 27px;">
6036                          Enhanced Spec
6037                        </p>
6038                      </div>
6039                      <img class="info-filter-nbs" src="https://www.archify.com/assets/img/svg/icon-general-info-white.svg" alt="icon general info" width="12" height="12" style="margin-right: 0px;">
6040                    </div>
6041                  </div> -->
6042              
6043            </div>
6044            <div class="more-filter-wrapper float-right" style="border: none;display:none;">
6045              <!-- <div class="nbs-checkbox-wrapper">
6046                  <img onclick="document.getElementById('checkbox-filter-nbs').click()" src="https://www.archify.com/assets/img/svg/icon-nbs-white-small.svg" alt="NBS Logo" width="13" height="14" style="margin-right: 5px;">
6047                  <span class="no-select" onclick="document.getElementById('checkbox-filter-nbs').click()">NBS Enhanced Spec</span>&nbsp;&nbsp;&nbsp;
6048                  <img class="info-filter-nbs" src="https://www.archify.com/assets/img/svg/icon-general-info-white.svg" alt="icon general info" width="12" height="12" style="margin-right: 7px;">
6049                  <div class="squaredThree" style="padding-left: 12px;">
6050                    <input id="checkbox-filter-nbs" class="checkbox-filter-nbs" type="checkbox" name="checkbox-select-nbs" value="1">
6051                    <label class="checkbox-label" for="checkbox-filter-nbs" style="top:-7.7px;"></label>
6052                  </div>
6053                </div> -->
6054            </div>
6055            <div class="brand-filter">
6056              <div class="search-tags-wrapper">
6057
6058              </div>
6059              <div class="brand-tags-wrapper">
6060
6061              </div>
6062              <div class="countries-tags-wrapper">
6063
6064              </div>
6065            </div>
6066            <div class="right-box">
6067
6068            </div>
6069          </div>
6070        </div>
6071      </div>
6072      <div class="product-item-wrapper">
6073
6074
6075        
6076        <div class="brand-container">
6077
6078
6079        </div>
6080
6081                <div class="button-load-more-area" style="text-align: center;">
6082          <!-- <img class="loading-img" src="https://www.archify.com/assets/img/bluprin-loading.gif" alt="" style="margin: auto; padding-right: 0px;"> -->
6083          <div class="skeleton-wrapper">
6084
6085            <!-- skeleton for listing a style -->
6086            <div class="skeleton-item">
6087              <div class="image-area">
6088              </div>
6089              <div class="text-area">
6090                <div class="title"></div>
6091                <div class="subtitle"></div>
6092              </div>
6093            </div>
6094            <div class="skeleton-item">
6095              <div class="image-area">
6096              </div>
6097              <div class="text-area">
6098                <div class="title"></div>
6099                <div class="subtitle"></div>
6100              </div>
6101            </div>
6102            <div class="skeleton-item">
6103              <div class="image-area">
6104              </div>
6105              <div class="text-area">
6106                <div class="title"></div>
6107                <div class="subtitle"></div>
6108              </div>
6109            </div>
6110            <div class="skeleton-item">
6111              <div class="image-area">
6112              </div>
6113              <div class="text-area">
6114                <div class="title"></div>
6115                <div class="subtitle"></div>
6116              </div>
6117            </div>
6118            <div class="skeleton-item">
6119              <div class="image-area">
6120              </div>
6121              <div class="text-area">
6122                <div class="title"></div>
6123                <div class="subtitle"></div>
6124              </div>
6125            </div>
6126            <div class="skeleton-item">
6127              <div class="image-area">
6128              </div>
6129              <div class="text-area">
6130                <div class="title"></div>
6131                <div class="subtitle"></div>
6132              </div>
6133            </div>
6134            <div class="skeleton-item">
6135              <div class="image-area">
6136              </div>
6137              <div class="text-area">
6138                <div class="title"></div>
6139                <div class="subtitle"></div>
6140              </div>
6141            </div>
6142            <div class="skeleton-item">
6143              <div class="image-area">
6144              </div>
6145              <div class="text-area">
6146                <div class="title"></div>
6147                <div class="subtitle"></div>
6148              </div>
6149            </div>
6150            <div class="skeleton-item">
6151              <div class="image-area">
6152              </div>
6153              <div class="text-area">
6154                <div class="title"></div>
6155                <div class="subtitle"></div>
6156              </div>
6157            </div>
6158            <div class="skeleton-item">
6159              <div class="image-area">
6160              </div>
6161              <div class="text-area">
6162                <div class="title"></div>
6163                <div class="subtitle"></div>
6164              </div>
6165            </div>
6166            <div class="skeleton-item">
6167              <div class="image-area">
6168              </div>
6169              <div class="text-area">
6170                <div class="title"></div>
6171                <div class="subtitle"></div>
6172              </div>
6173            </div>
6174            <div class="skeleton-item">
6175              <div class="image-area">
6176              </div>
6177              <div class="text-area">
6178                <div class="title"></div>
6179                <div class="subtitle"></div>
6180              </div>
6181            </div>
6182            <div class="skeleton-item">
6183              <div class="image-area">
6184              </div>
6185              <div class="text-area">
6186                <div class="title"></div>
6187                <div class="subtitle"></div>
6188              </div>
6189            </div>
6190            <div class="skeleton-item">
6191              <div class="image-area">
6192              </div>
6193              <div class="text-area">
6194                <div class="title"></div>
6195                <div class="subtitle"></div>
6196              </div>
6197            </div>
6198            <div class="skeleton-item">
6199              <div class="image-area">
6200              </div>
6201              <div class="text-area">
6202                <div class="title"></div>
6203                <div class="subtitle"></div>
6204              </div>
6205            </div>
6206            <div class="skeleton-item">
6207              <div class="image-area">
6208              </div>
6209              <div class="text-area">
6210                <div class="title"></div>
6211                <div class="subtitle"></div>
6212              </div>
6213            </div>
6214            <div class="skeleton-item">
6215              <div class="image-area">
6216              </div>
6217              <div class="text-area">
6218                <div class="title"></div>
6219                <div class="subtitle"></div>
6220              </div>
6221            </div>
6222            <div class="skeleton-item">
6223              <div class="image-area">
6224              </div>
6225              <div class="text-area">
6226                <div class="title"></div>
6227                <div class="subtitle"></div>
6228              </div>
6229            </div>
6230            <div class="skeleton-item">
6231              <div class="image-area">
6232              </div>
6233              <div class="text-area">
6234                <div class="title"></div>
6235                <div class="subtitle"></div>
6236              </div>
6237            </div>
6238            <div class="skeleton-item">
6239              <div class="image-area">
6240              </div>
6241              <div class="text-area">
6242                <div class="title"></div>
6243                <div class="subtitle"></div>
6244              </div>
6245            </div>
6246            <div class="skeleton-item">
6247              <div class="image-area">
6248              </div>
6249              <div class="text-area">
6250                <div class="title"></div>
6251                <div class="subtitle"></div>
6252              </div>
6253            </div>
6254            <div class="skeleton-item">
6255              <div class="image-area">
6256              </div>
6257              <div class="text-area">
6258                <div class="title"></div>
6259                <div class="subtitle"></div>
6260              </div>
6261            </div>
6262            <div class="skeleton-item">
6263              <div class="image-area">
6264              </div>
6265              <div class="text-area">
6266                <div class="title"></div>
6267                <div class="subtitle"></div>
6268              </div>
6269            </div>
6270            <div class="skeleton-item">
6271              <div class="image-area">
6272              </div>
6273              <div class="text-area">
6274                <div class="title"></div>
6275                <div class="subtitle"></div>
6276              </div>
6277            </div>
6278            <div class="skeleton-item">
6279              <div class="image-area">
6280              </div>
6281              <div class="text-area">
6282                <div class="title"></div>
6283                <div class="subtitle"></div>
6284              </div>
6285            </div>
6286            <div class="skeleton-item">
6287              <div class="image-area">
6288              </div>
6289              <div class="text-area">
6290                <div class="title"></div>
6291                <div class="subtitle"></div>
6292              </div>
6293            </div>
6294            <div class="skeleton-item">
6295              <div class="image-area">
6296              </div>
6297              <div class="text-area">
6298                <div class="title"></div>
6299                <div class="subtitle"></div>
6300              </div>
6301            </div>
6302            <div class="skeleton-item">
6303              <div class="image-area">
6304              </div>
6305              <div class="text-area">
6306                <div class="title"></div>
6307                <div class="subtitle"></div>
6308              </div>
6309            </div>
6310            <div class="skeleton-item">
6311              <div class="image-area">
6312              </div>
6313              <div class="text-area">
6314                <div class="title"></div>
6315                <div class="subtitle"></div>
6316              </div>
6317            </div>
6318            <div class="skeleton-item">
6319              <div class="image-area">
6320              </div>
6321              <div class="text-area">
6322                <div class="title"></div>
6323                <div class="subtitle"></div>
6324              </div>
6325            </div>
6326            <div class="skeleton-item">
6327              <div class="image-area">
6328              </div>
6329              <div class="text-area">
6330                <div class="title"></div>
6331                <div class="subtitle"></div>
6332              </div>
6333            </div>
6334            <div class="skeleton-item">
6335              <div class="image-area">
6336              </div>
6337              <div class="text-area">
6338                <div class="title"></div>
6339                <div class="subtitle"></div>
6340              </div>
6341            </div>
6342            <div class="skeleton-item">
6343              <div class="image-area">
6344              </div>
6345              <div class="text-area">
6346                <div class="title"></div>
6347                <div class="subtitle"></div>
6348              </div>
6349            </div>
6350            <div class="skeleton-item">
6351              <div class="image-area">
6352              </div>
6353              <div class="text-area">
6354                <div class="title"></div>
6355                <div class="subtitle"></div>
6356              </div>
6357            </div>
6358            <div class="skeleton-item">
6359              <div class="image-area">
6360              </div>
6361              <div class="text-area">
6362                <div class="title"></div>
6363                <div class="subtitle"></div>
6364              </div>
6365            </div>
6366            <div class="skeleton-item">
6367              <div class="image-area">
6368              </div>
6369              <div class="text-area">
6370                <div class="title"></div>
6371                <div class="subtitle"></div>
6372              </div>
6373            </div>
6374            <div class="skeleton-item">
6375              <div class="image-area">
6376              </div>
6377              <div class="text-area">
6378                <div class="title"></div>
6379                <div class="subtitle"></div>
6380              </div>
6381            </div>
6382            <div class="skeleton-item">
6383              <div class="image-area">
6384              </div>
6385              <div class="text-area">
6386                <div class="title"></div>
6387                <div class="subtitle"></div>
6388              </div>
6389            </div>
6390            <div class="skeleton-item">
6391              <div class="image-area">
6392              </div>
6393              <div class="text-area">
6394                <div class="title"></div>
6395                <div class="subtitle"></div>
6396              </div>
6397            </div>
6398            <div class="skeleton-item">
6399              <div class="image-area">
6400              </div>
6401              <div class="text-area">
6402                <div class="title"></div>
6403                <div class="subtitle"></div>
6404              </div>
6405            </div>
6406          </div>
6407          <div id="paginationBox" style="position: relative; float: left; width: 100%; display: none;">
6408            <ul id="pagination" class="pagination">
6409            </ul>
6410            </nav>
6411          </div>
6412          <button class="load-more-button bluprin-button-yellow" type="button" name="button" style="display: none; padding-top: 5px; margin-bottom: 40px; width: 100px;">Load More</button>
6413
6414          <div class="clearfix"></div>
6415          <div id="articleBox" style="margin-top: 30px;">
6416                      </div>
6417
6418        </div>
6419
6420      </div>
6421    </div>
6422  </div>
6423</div>
6424
6425<div id="backToTopButton" style="opacity: 0;">
6426  <img src="https://www.archify.com/assets/img/moodboard/small-up-white.svg" alt="">
6427</div>
6428</div>
6429
6430
6431<style>
6432  .popup-shade-bg-mobile-filter-menu {
6433    position: fixed;
6434    /* width: 100%;
6435    height: 100%; */
6436    width: 50px;
6437    height: 50px;
6438    /* background: rgba(0, 0, 0, 0.6); */
6439    z-index: 9999999;
6440    display: none;
6441    top: 0;
6442    /* right:20px; */
6443    right: 0;
6444  }
6445
6446  .popup-shade-bg-mobile-filter-menu .cd-primary-nav-trigger.new {
6447    position: absolute;
6448    right: 0;
6449    top: 0;
6450    /* height: 100%; */
6451    height: 50px;
6452    width: 50px;
6453    background-color: transparent;
6454    /* left: 0; */
6455  }
6456
6457  .popup-shade-bg-mobile-filter-menu .cd-primary-nav-trigger.new .cd-menu-icon {
6458    top: 25px;
6459    /* left: 25px; */
6460  }
6461
6462  .popup-shade-bg-mobile-filter-menu .cd-primary-nav-trigger.new .cd-menu-icon.is-clicked::before,
6463  .popup-shade-bg-mobile-filter-menu .cd-primary-nav-trigger.new .cd-menu-icon.is-clicked::after {
6464    background-color: #000;
6465  }
6466
6467  .new-company-filter-menu {
6468    position: fixed;
6469    /* width: calc(100% - 50px); */
6470    left: 100%;
6471    height: 100vh;
6472    background-color: #fff;
6473    z-index: 999999;
6474    display: block;
6475    -webkit-transition: all 200ms ease-in !important;
6476    -moz-transition: all 200ms ease-in !important;
6477    -o-transition: all 200ms ease-in !important;
6478    transition: all 200ms ease-in !important;
6479    border-top-left-radius: 3px;
6480    border-bottom-left-radius: 3px;
6481    top: 0;
6482    /* left: 0; */
6483    right: auto;
6484    width: 100% !important;
6485    border-radius: 0;
6486    padding-bottom: 50px;
6487  }
6488
6489  .new-company-filter-menu.show {
6490    /* left: 50px; */
6491    left: 0;
6492  }
6493
6494  .new-company-filter-menu .header {
6495    position: relative;
6496    float: left;
6497    width: 100%;
6498    min-height: 50px;
6499    padding-left: 30px;
6500    padding-right: 30px;
6501    padding-top: 30px;
6502    border-bottom: 0px solid #e5e5e5;
6503  }
6504
6505  .new-company-filter-menu .section {
6506    position: absolute;
6507    width: calc(100% - 0px);
6508    left: 100%;
6509    height: 100vh;
6510    background-color: #fff;
6511    z-index: 999999;
6512    display: block;
6513    -webkit-transition: all 200ms ease-in !important;
6514    -moz-transition: all 200ms ease-in !important;
6515    -o-transition: all 200ms ease-in !important;
6516    transition: all 200ms ease-in !important;
6517    border-top-left-radius: 3px;
6518    border-bottom-left-radius: 3px;
6519    top: 0;
6520    overflow-y: auto;
6521  }
6522
6523  .new-company-filter-menu .section.show {
6524    left: 0px;
6525  }
6526
6527  .new-company-filter-menu .header p {
6528    position: relative;
6529    float: left;
6530    width: 100%;
6531    font-family: WorkSans-SemiBold;
6532    font-size: 20px;
6533    letter-spacing: -0.25px;
6534    line-height: 20px;
6535    margin: 0;
6536    color: #4a4a4a;
6537  }
6538
6539  .new-company-filter-menu .content {
6540    position: relative;
6541    float: left;
6542    width: 100%;
6543    padding: 30px;
6544    height: calc(100vh - 50px);
6545    overflow-y: auto;
6546    -webkit-overflow-scrolling: touch;
6547  }
6548
6549  .new-company-filter-menu .content ul {
6550    position: relative;
6551    float: left;
6552    width: 100%;
6553    padding: 0;
6554    list-style: none;
6555    margin-bottom: 0;
6556  }
6557
6558  .new-company-filter-menu .content ul li {
6559    position: relative;
6560    float: left;
6561    width: 100%;
6562    margin-bottom: 10px;
6563  }
6564
6565  .new-company-filter-menu .content ul li a {
6566    font-family: WorkSans-Medium;
6567    font-size: 14px;
6568    margin: 0;
6569    color: #ababab;
6570  }
6571
6572  .new-company-filter-menu .content ul li a.active {
6573    color: #4a4a4a;
6574  }
6575
6576  .new-company-filter-menu .content.full {
6577    height: calc(100vh - 0px);
6578  }
6579
6580  .new-company-filter-menu .content.full p.title {
6581    position: relative;
6582    float: left;
6583    width: 100%;
6584    font-family: WorkSans-SemiBold;
6585    font-size: 20px;
6586    letter-spacing: -0.25px;
6587    line-height: 20px;
6588    margin: 0;
6589    color: #4a4a4a;
6590  }
6591
6592  .new-company-filter-menu .content.full ul {
6593    position: relative;
6594    float: left;
6595    width: 100%;
6596    padding: 0;
6597    margin-top: 30px;
6598  }
6599
6600  .new-company-filter-menu .content.full ul li {
6601    position: relative;
6602    float: left;
6603    width: 100%;
6604    padding: 0;
6605    margin-bottom: 20px;
6606    font-family: WorkSans-Regular;
6607    font-size: 14px;
6608    letter-spacing: -0.1px;
6609    line-height: 20px;
6610    cursor: pointer;
6611  }
6612
6613  .new-company-filter-menu .content.full ul li.active {
6614    font-family: WorkSans-SemiBold;
6615  }
6616
6617  .new-company-filter-menu .content.full ul li:last-child {
6618    margin-bottom: 0px;
6619  }
6620
6621  .new-company-filter-menu .content.full .divider {
6622    position: relative;
6623    float: left;
6624    width: 100%;
6625    height: 1px;
6626    background-color: #e5e5e5;
6627    margin-top: 30px;
6628    margin-bottom: 30px;
6629  }
6630
6631  .filter-head {
6632    padding: 20px;
6633    font-size: 16px;
6634    font-weight: bold;
6635    font-stretch: normal;
6636    font-style: normal;
6637    line-height: 1.25;
6638    letter-spacing: -0.2px;
6639    color: #ababab;
6640    font-family: WorkSans-SemiBold;
6641    border-bottom: 1px solid #e5e5e5;
6642  }
6643
6644  .filter-content-full {
6645    /* padding: 20px; */
6646    padding: 20px 12px 20px 20px;
6647    padding-bottom: 100px;
6648  }
6649
6650  .info-back-filter {
6651    margin-bottom: 20px;
6652  }
6653
6654  h5.sidebar_brand {
6655    font-family: 'WorkSans-Regular';
6656    font-size: 14px;
6657  }
6658
6659  .sidebar_brand.checked {
6660    font-family: WorkSans-SemiBold;
6661  }
6662
6663  #MobilebrandList .squaredThree span {
6664    padding-left: 0;
6665  }
6666
6667  .list-level {
6668    list-style-type: none;
6669    padding-left: 0;
6670  }
6671
6672  .list-level li.active {
6673    font-family: WorkSans-SemiBold;
6674  }
6675
6676  .list-level li {
6677    margin-bottom: 20px;
6678    position: relative;
6679    cursor: pointer;
6680  }
6681
6682  .list-level .imgliv {
6683    position: absolute;
6684    right: 0;
6685    /* top: 6px; */
6686  }
6687
6688  .info-back-filter {
6689    display: flex;
6690    align-items: center;
6691  }
6692
6693  .info-back-filter .back-class {
6694    margin-right: 10px;
6695  }
6696
6697  .remove-this-section {
6698    cursor: pointer;
6699  }
6700
6701  .divider {
6702    position: relative;
6703    width: 100%;
6704    height: 1px;
6705    background-color: #e5e5e5;
6706    margin-top: 30px;
6707    margin-bottom: 30px;
6708  }
6709
6710  .fontchange {
6711    font-family: WorkSans-Medium;
6712    font-size: 16px;
6713    /* font-weight: bold; */
6714    font-stretch: normal;
6715    font-style: normal;
6716    line-height: 1.25;
6717    letter-spacing: -0.2px;
6718    color: #4a4a4a;
6719  }
6720
6721  .new-company-filter-menu *::-webkit-scrollbar {
6722    width: 5px;
6723  }
6724
6725  .new-company-filter-menu *::-webkit-scrollbar-track {
6726    background: #f1f1f1;
6727  }
6728
6729  .new-company-filter-menu *::-webkit-scrollbar-thumb {
6730    background: #888;
6731  }
6732
6733  .new-company-filter-menu *::-webkit-scrollbar-thumb:hover {
6734    background: #555;
6735  }
6736
6737  .ullevel1 {
6738    position: relative;
6739    float: left;
6740    width: 100%;
6741    margin-top: 10px;
6742    margin-bottom: 0px;
6743    border-bottom: 1px solid #e5e5e5;
6744  }
6745
6746  .load-more-l3 {
6747    font-family: WorkSans-SemiBold;
6748    font-size: 14px;
6749    color: #4a4a4a;
6750  }
6751
6752  #catalog-home-page.search-brand #new-sidebar-product-category .sidebar .category-list-wrapper {
6753    /* margin-top:-75px; */
6754  }
6755
6756  #catalog-home-page.search-brand #new-sidebar-product-category .product-category-item:last-child {
6757    margin-bottom: 5px !important;
6758  }
6759
6760  .arrow-mobile {
6761    position: absolute;
6762    right: 15px;
6763  }
6764</style>
6765
6766
6767<!--mobile filter category-->
6768<div class="popup-shade-bg-mobile-filter-menu" style="display: none;">
6769  <a class="cd-primary-nav-trigger new menu-opened" href="#">
6770    <span class="cd-menu-icon"></span>
6771  </a>
6772</div>
6773<div class="new-company-filter-project-category-menu-mobile new-company-filter-menu">
6774  <div class="section main-section">
6775    <div class="filter-head">
6776      Filter
6777    </div>
6778
6779    <div class="filter-content-full">
6780      <!-- Countries Filter -->
6781            <!-- <div class="info-back-filter fontchange submenu-mobile">Product Categories</div> -->
6782      <div class="info-back-filter fontchange submenu-mobile spec-updown">Product Categories
6783        <div class="arrow-cio arrow-mobile">
6784          <img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg">
6785        </div>
6786      </div>
6787      <div class="body-togg-asr ul-mob">
6788        <ul class="list-level parentmob">
6789        </ul>
6790      </div>
6791      <div class="divider"></div>
6792      <div id="spec_fil">
6793
6794        <div class="info-back-filter fontchange submenu-mobile spec-updown">Spec Filters
6795          <div class="arrow-cio arrow-mobile">
6796            <img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg">
6797          </div>
6798        </div>
6799        <div class="body-togg-asr ul-mob">
6800          <span id="remake_filter_l3_mobile">
6801          </span>
6802        </div>
6803
6804        <div class="divider"></div>
6805      </div>
6806              <!-- Hide if not au user -->
6807        <div id="third-party-filter">
6808          <div class="info-back-filter fontchange submenu-mobile spec-updown">Third Party Certification
6809            <div class="arrow-cio arrow-mobile">
6810              <img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg">
6811            </div>
6812          </div>
6813          <div class="body-togg-asr ul-mob">
6814            <div class="row filter-val-chx third-party-chk">
6815              <div class="col-md-10" style="display: flex; align-items:baseline; gap:4px;">
6816                <label class="asr-checkbox-mob checkbox-epd-ggt-certificate-filter">
6817                  <span>Global GreenTag Certificate</span>
6818                  <input type="checkbox" class="checkbox-ggt-epd-certificate" id="checkbox-ggt-epd-certificate" type="checkbox" name="checkbox-select-sustainable" >
6819                  <span class="asrlabel-checkbox"></span>
6820                </label>
6821                <span class="ggt-hint" data-content="Learn more about <a href='https://www.archify.com/au/sustainability/about-globalgreentag-for-design-professionals' target='_blank'>Global GreenTag <i class='fa fa-external-link'></i></a>">
6822                  <img src="https://www.archify.com/assets/img/svg/hint.svg" />
6823                </span>
6824              </div>
6825              <div class="col-md-10" style="display: flex; align-items:baseline; gap:4px;">
6826                <label class="asr-checkbox-mob checkbox-epd-ggt-filter">
6827                  <span>Global GreenTag EPD</span>
6828                  <input type="checkbox" class="checkbox-ggt-epd" id="checkbox-ggt-epd" type="checkbox" name="checkbox-select-sustainable" >
6829                  <span class="asrlabel-checkbox"></span>
6830                </label>
6831                <span class="ggt-hint" data-content="Learn more about <a href='https://www.archify.com/au/sustainability/about-globalgreentag-for-design-professionals' target='_blank'>Global GreenTag <i class='fa fa-external-link'></i></a>">
6832                  <img src="https://www.archify.com/assets/img/svg/hint.svg" />
6833                </span>
6834              </div>
6835            </div>
6836          </div>
6837        </div>
6838        <div class="divider"></div>
6839            <div id="manufacturer">
6840        <div class="info-back-filter fontchange submenu-mobile spec-updown">Manufacturer
6841          <div class="arrow-cio arrow-mobile">
6842            <img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg">
6843          </div>
6844        </div>
6845        <div class="body-togg-asr ul-mob">
6846          <div id="brand_check_mob">
6847            <div class="control">
6848              <input class="input form-control" type="text" class="input form-control" placeholder="Search" id="search_brand_mob" />
6849              <span class="icon is-small is-left">
6850                <span class="searchIcon"></span>
6851              </span>
6852            </div>
6853            <div class="brand_chk">
6854
6855            </div>
6856          </div>
6857        </div>
6858      </div>
6859      <div class="divider"></div>
6860
6861      <div id="drawing_filter_l1_mob">
6862        <div class="info-back-filter fontchange submenu-mobile spec-updown">BIM Files
6863          <div class="arrow-cio arrow-mobile">
6864            <img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg">
6865          </div>
6866        </div>
6867        <div class="body-togg-asr ul-mob">
6868          <div class="row filter-val-chx-mob bim-filter-wrap mobile">
6869
6870          </div>
6871        </div>
6872      </div>
6873      <div id="drawing_filter_l1_mob">
6874        <div class="info-back-filter fontchange submenu-mobile spec-updown">CAD Files
6875          <div class="arrow-cio arrow-mobile">
6876            <img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg">
6877          </div>
6878        </div>
6879        <div class="body-togg-asr ul-mob">
6880          <div class="row filter-val-chx-mob cad-filter-wrap mobile">
6881
6882          </div>
6883        </div>
6884      </div>
6885      <div id="drawing_filter_l1_mob">
6886        <div class="info-back-filter fontchange submenu-mobile spec-updown">Other Files
6887          <div class="arrow-cio arrow-mobile">
6888            <img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg">
6889          </div>
6890        </div>
6891        <div class="body-togg-asr ul-mob">
6892          <div class="row filter-val-chx-mob other-filter-wrap mobile">
6893
6894          </div>
6895        </div>
6896      </div>
6897      <div class="divider"></div>
6898      <div id="country-manufacturer" class="container-filter-country-manufacturer">
6899        <div class="info-back-filter fontchange submenu-mobile spec-updown">Country Manufacturer
6900          <div class="arrow-cio arrow-mobile">
6901            <img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg">
6902          </div>
6903        </div>
6904        <div class="body-togg-asr ul-mob">
6905          <div class="row filter-val-chx-mob" id="country_mnf">
6906            <div class="select-manufactured-in-wrapperMob select-drop-down-wrapper multiple-wrapper col-12">
6907              <select class="select-manufactured-in" id="selectManufacturedInMob" style="width: 100%; border: 1px solid #e5e5e5; border-radius: 0; height: 35px; background: #fff; color: #fff;" data-parent-name="country_manufactured" value="" name="">
6908                <option value="0">-</option>
6909                                    <option value="2">Albania</option>
6910                                    <option value="7">Anguilla</option>
6911                                    <option value="12">Aruba</option>
6912                                    <option value="13">Australia</option>
6913                                    <option value="14">Austria</option>
6914                                    <option value="17">Bahrain</option>
6915                                    <option value="21">Belgium</option>
6916                                    <option value="30">British Indian Ocean Territory</option>
6917                                    <option value="38">Canada</option>
6918                                    <option value="44">China</option>
6919                                    <option value="55">Czech Republic</option>
6920                                    <option value="57">Denmark</option>
6921                                    <option value="63">Egypt</option>
6922                                    <option value="72">Finland</option>
6923                                    <option value="73">France</option>
6924                                    <option value="78">Germany</option>
6925                                    <option value="95">India</option>
6926                                    <option value="96">Indonesia</option>
6927                                    <option value="99">Ireland</option>
6928                                    <option value="101">Israel</option>
6929                                    <option value="102">Italy</option>
6930                                    <option value="105">Japan</option>
6931                                    <option value="121">Lithuania</option>
6932                                    <option value="122">Luxembourg</option>
6933                                    <option value="127">Malaysia</option>
6934                                    <option value="135">Mexico</option>
6935                                    <option value="148">Netherlands</option>
6936                                    <option value="151">New Zealand</option>
6937                                    <option value="169">Poland</option>
6938                                    <option value="199">South Africa</option>
6939                                    <option value="200">South Korea</option>
6940                                    <option value="202">Spain</option>
6941                                    <option value="208">Sweden</option>
6942                                    <option value="209">Switzerland</option>
6943                                    <option value="211">Taiwan</option>
6944                                    <option value="214">Thailand</option>
6945                                    <option value="220">Turkey</option>
6946                                    <option value="227">United Arab Emirates</option>
6947                                    <option value="228">United Kingdom</option>
6948                                    <option value="229">United States</option>
6949                                    <option value="235">Vietnam</option>
6950                              </select>
6951            </div>
6952          </div>
6953        </div>
6954      </div>
6955      <div class="buttom-tnn">
6956        <div class="q1">
6957          <button type="button" name="button" class="secondary-button clear-spec-filter-mrr" style="background-color: #e5e5e5; color: #4a4a4a; width:100%; min-width: auto;">Clear</button>
6958        </div>
6959        <div class="q2">
6960          <button type="button" name="button" class="main-button apply-filter-mobile" style="width:100%; min-width: auto;">Go</button>
6961        </div>
6962        <div class="clear"></div>
6963        <div class="q3">
6964          <div class="more-ftr more-filter-call" style="display:none;">
6965            More Filter
6966          </div>
6967        </div>
6968      </div>
6969    </div>
6970  </div>
6971
6972  <div id="wrap-secondmob">
6973
6974  </div>
6975
6976  <div id="child-lastmob">
6977
6978  </div>
6979
6980  <div class="section view-by">
6981    <div class="filter-head">
6982      View By
6983    </div>
6984    <div class="filter-content-full">
6985      <div class="info-back-filter remove-this-section">
6986        <img class="back-class" src="https://www.archify.com/assets/img/svg/left-arrow-black-small-bold.svg" alt="arrow black left" width="10" height="10">
6987        All Categories
6988      </div>
6989      <ul class="list-level">
6990        <li class="active">
6991          <span>Product</span>
6992        </li>
6993        <li onClick="link_to_brand()">
6994          <span>Brand</span>
6995        </li>
6996      </ul>
6997    </div>
6998  </div>
6999
7000  <div class="section sort-by">
7001    <div class="filter-head">
7002      Sort By
7003    </div>
7004    <div class="filter-content-full">
7005      <div class="info-back-filter remove-this-section">
7006        <img class="back-class" src="https://www.archify.com/assets/img/svg/left-arrow-black-small-bold.svg" alt="arrow black left" width="10" height="10">
7007        All Categories
7008      </div>
7009
7010      <ul class="list-level sortByList-mobile">
7011        <li class="active" val="default" name="Default">
7012          <span class="">Relevant</span>
7013        </li>
7014        <li val="asc" name="A-Z">
7015          <span class="">A-Z</span>
7016        </li>
7017        <li val="desc" name="Z-A">
7018          <span class="">Z-A</span>
7019        </li>
7020        <li val="latest" name="Latest">
7021          <span class="">Latest</span>
7022        </li>
7023      </ul>
7024
7025    </div>
7026  </div>
7027
7028  <div class="section find-brand">
7029    <div class="filter-head">
7030      Find Brand
7031    </div>
7032    <div class="filter-content-full">
7033      <div class="info-back-filter remove-this-section">
7034        <img class="back-class" src="https://www.archify.com/assets/img/svg/left-arrow-black-small-bold.svg" alt="arrow black left" width="10" height="10">
7035        All Categories
7036      </div>
7037      <ul id="MobilebrandList" class="list-level brand-list">
7038      </ul>
7039    </div>
7040  </div>
7041
7042  <div class="section project-category-speckfilter">
7043    <div class="filter-head">
7044      Filter
7045    </div>
7046    <div class="filter-content-full">
7047      <div class="meas-spec">
7048        <div class="meas-left">
7049          Measurement
7050        </div>
7051        <div class="meas-right">
7052          <span class="metricdat met-1 active" style="display:none;">
7053            Metric
7054          </span>
7055          <span class="metricdatdummy met-1 active">
7056            Metric
7057          </span>
7058          <span class="met-2">|</span>
7059          <span class="imperialdat met-1">
7060            Imperial
7061          </span>
7062          <span class="imperialdatdummy met-1" style="display:none;">
7063            Imperial
7064          </span>
7065        </div>
7066        <div class="clear"></div>
7067      </div>
7068      <span id="remake_filter_l3_mobile">
7069      </span>
7070      <!-- <div class="buttom-tnn">
7071        <div class="q1">
7072          <button type="button" name="button" class="secondary-button clear-spec-filter-mrr" style="background-color: #e5e5e5; color: #4a4a4a; width:100%; min-width: auto;">Clear</button>
7073        </div>
7074        <div class="q2">
7075          <button type="button" name="button" class="main-button apply-filter-mobile" style="width:100%; min-width: auto;">Apply Filter</button>
7076        </div>
7077        <div class="clear"></div>
7078        <div class="q3">
7079          <div class="more-ftr more-filter-call" style="display:none;">
7080            More Filter
7081          </div>
7082        </div>
7083      </div> -->
7084    </div>
7085  </div>
7086
7087
7088</div>
7089
7090<!-- Filter Modal by Mobile -->
7091<div class="modal fade modal-fullscreen" id="catalogFilterModal" tabindex="-1" role="dialog" aria-labelledby="catalogFilterModal">
7092  <div class="modal-dialog">
7093    <div class="modal-content">
7094      <div class="modal-header">
7095        <button type="button" class="reset" onclick="resetCatalogMobileFilter()">reset</button>
7096        <h4 class="modal-title">Filter by</h4>
7097        <button type="button" class="cancel" data-dismiss="modal" aria-label="Close">cancel</button>
7098      </div>
7099      <div class="modal-body">
7100        <div class="search-by">
7101          <h5>Find By</h5>
7102          <div value="products" class="select-box products sectionSelectBox selected">
7103            <h5>Products</h5>
7104            <img src="" alt="">
7105            <img class="check-image" src="https://www.archify.com/assets/product/img/svg/check.svg" alt="check">
7106          </div>
7107          <div value="brand" class="select-box brand sectionSelectBox">
7108            <h5>Brands</h5>
7109            <img class="check-image" src="https://www.archify.com/assets/product/img/svg/check.svg" alt="check">
7110          </div>
7111        </div>
7112        <div class="filter-by">
7113          <h5>Filter By</h5>
7114          <div id="filterSelectBox" value="all-category" class="select-box categorySelectBox">
7115            <h5>All Categories</h5>
7116            <i class="fa fa-angle-right" aria-hidden="true"></i>
7117          </div>
7118          <div id="filterSelectLocationBox" value="all-cities" class="select-box locationSelectBox">
7119            <h5>All Cities</h5>
7120            <i class="fa fa-angle-right" aria-hidden="true"></i>
7121          </div>
7122        </div>
7123      </div>
7124      <div class="modal-footer">
7125        <button id="applyFilterMobile" class="bluprin-button-blue" onclick="search_p_mobile()">Apply Filter</button>
7126      </div>
7127    </div>
7128  </div>
7129  <div class="category-container">
7130
7131  </div>
7132  <div class="subcategory-container">
7133
7134  </div>
7135</div>
7136
7137
7138
7139
7140<!-- Modal All Filter-->
7141<div id="all-filter" class="popnopad modal fade" tabindex="-2" aria-labelledby="sharebut-popup">
7142  <div class="modal-dialog" style="max-width:770px;">
7143    <!-- Modal content-->
7144    <div class="body-share">
7145      <div class="close-shr" data-dismiss="modal" aria-label="Close"><img src="https://www.archify.com/assets/img/svg/close-bg.svg" alt="close bg icon"></div>
7146      <div class="title-share">
7147        <span>All</span> Filter
7148      </div>
7149      <div class="sub-tite" style="display:none;">
7150        Furniture / Beds Accessories / Bed Frames
7151      </div>
7152      <div class="content">
7153        <div class="left-frw">
7154          <div class="tabsgcc loopgcc">
7155
7156          </div>
7157        </div>
7158        <div class="right-frw loop-frw">
7159
7160        </div>
7161        <div class="clear"></div>
7162        <div class="footer-frw">
7163          <button type="button" name="button" class="main-button set-filter" autocomplete="off">Set Filter</button>
7164        </div>
7165      </div>
7166    </div>
7167  </div>
7168</div>
7169
7170
7171<!-- Modal Add Board-->
7172<div class="modal fade modal-fullscreen" id="add-photo-modal" tabindex="-1" role="dialog" aria-labelledby="reviewProLabel" aria-hidden="true">
7173
7174  <div class="modal-dialog">
7175    <div class="modal-content">
7176      <!-- Modal Header -->
7177      <div class="modal-header">
7178        <h4 class="modal-title" id="saveProLabel">
7179          Add image to board
7180        </h4>
7181        <button type="button" class="close" data-dismiss="modal">
7182          <span aria-hidden="true">&times;</span>
7183          <span class="sr-only">Close</span>
7184        </button>
7185      </div>
7186
7187      <!-- Modal Body -->
7188      <div class="modal-body">
7189        <div class="row no-padding">
7190          <div class="col-md-6">
7191            <div class="img-add-board">
7192              <img class='img-edit-pro' src="">
7193            </div>
7194          </div>
7195          <div class="col-md-6">
7196            <div class="title-add-board-modal">
7197              <p class="semi-bold">Choose Design Folder</p>
7198              <button type="button" class="close" data-dismiss="modal">
7199                <span aria-hidden="true">&times;</span>
7200                <span class="sr-only">Close</span>
7201              </button>
7202            </div>
7203            <div class="content-add-board-modal" style="height: 180px; position: relative; overflow: hidden;overflow-y: auto;">
7204              <ul id="container_board" style="margin-bottom: 0;">
7205
7206              </ul>
7207              <div class="loading-wrapper-list-board" style="text-align: center; padding-top: 10px; padding-bottom: 10px;">
7208                <img src="https://www.archify.com/assets/img/bluprin-loading.gif" alt="">
7209              </div>
7210            </div>
7211            <div class="content-create-board-modal">
7212              <span class="create-new-btn">
7213                <button class="bluprin-button-green" type="button" name="button">Create New Design Folder</button>
7214              </span>
7215            </div>
7216          </div>
7217        </div>
7218      </div>
7219    </div>
7220  </div>
7221</div>
7222
7223
7224<!-- Modal Create Board-->
7225<div class="modal fade modal-fullscreen" id="createBoard" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
7226  <div class="modal-dialog">
7227    <div class="modal-content">
7228      <!-- Modal Header -->
7229      <div class="modal-header">
7230        <h4 class="modal-title" id="myModalLabel">
7231          Create Design Folder
7232        </h4>
7233        <button type="button" class="close" data-dismiss="modal">
7234          <span aria-hidden="true">&times;</span>
7235          <span class="sr-only">Close</span>
7236        </button>
7237      </div>
7238
7239      <!-- Modal Body -->
7240      <div class="modal-body">
7241        <div id="professionals-project-modal">
7242          <form role="form">
7243            <div class="my-form-set text-left">
7244              <label>Name</label>
7245              <input id="board_name" type="text" class="form-control" placeholder="e.g. 'Places called home' or 'Dream house'" name='name'>
7246            </div>
7247            <div class="my-form-set btn-section text-center">
7248              <button type="button" class="btn-upload green-btn" onclick="create_board();">Create</button>
7249            </div>
7250          </form>
7251        </div>
7252      </div>
7253    </div>
7254  </div>
7255</div>
7256
7257<!-- Login Modal -->
7258<!-- <div class="modal fade" id="loginModal" tabindex="-2" aria-labelledby="loginModal">
7259  <div class="modal-dialog">
7260    <div id="acc-user-inbox-wrapper" class="login">
7261      <div id="login" class="align-middle">
7262        <div class="cnh-wrapper">
7263          <form id="formLogin" method="post" action="">
7264              <div class="row justify-content-md-center">
7265                  <h2 class="page-title" style="margin: auto; margin-top: 30px; margin-bottom: 20px;">Log in to Archify</h2>
7266                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
7267                      <span aria-hidden="true">x</span>
7268                      <span class="sr-only">Close</span>
7269                  </button>
7270              </div>
7271              <div class="form-group">
7272                  <label for="EmailAddress">Email Address</label>
7273                  <input type="email" class="form-control" id="EmailAddress" placeholder="" name="email">
7274              </div>
7275              <div class="form-group">
7276                  <label for="password">Password</label>
7277                  <label for="EmailAddress" class="pull-right">
7278                      <span class="green-menu" id="forgotPassword-btn">
7279                        <a href="https://www.archify.com/au/login#forgot">Forgot Password</a>
7280                      </span>
7281                  </label>
7282                  <input type="password" class="form-control" id="password" placeholder="" name="password">
7283              </div>
7284              <div class="my-form-set text-center">
7285                  <button class="mybtn-green full-widht" type="button" onclick="login_email()">Log in</button>
7286              </div>
7287              <div class="my-form-set text-center">
7288                  <label class="text-center">
7289                      or
7290                  </label>
7291              </div>
7292              <div class="my-form-set text-center">
7293                  <a href="#" onclick="FBLogin()">
7294                      <div class="mybtn-blue full-widht">Continue with Facebook</div>
7295                  </a>
7296              </div>
7297              <div class="my-form-set text-center">
7298                  <label class="text-center">
7299                      Don't have an account? <span class="green-menu" id="signUp-btn" ><a href="https://www.archify.com/au/signup">Sign up</a></span>
7300                  </label>
7301              </div>
7302          </form>
7303        </div>
7304      </div>
7305    </div>
7306  </div>
7307</div> -->
7308
7309<style>
7310  #pageloader {
7311    background: rgba(0, 0, 0, 0.8);
7312    display: none;
7313    height: 100%;
7314    position: fixed;
7315    width: 100%;
7316    z-index: 9999;
7317    top: 0;
7318  }
7319
7320  #pageloader img {
7321    left: 50%;
7322    margin-left: -32px;
7323    margin-top: -32px;
7324    position: absolute;
7325    top: 50%;
7326  }
7327
7328  .bluprin-loader {
7329    left: 50%;
7330    top: 50%;
7331    margin-left: -40px;
7332    margin-top: -16px;
7333    position: absolute;
7334    width: 40px;
7335    height: 16px;
7336    background: url('https://www.archify.com/assets/img/preloader/preloader01.png') left center;
7337    animation: play .8s steps(10) infinite;
7338  }
7339
7340  @keyframes play {
7341    100% {
7342      background-position: -14400px;
7343    }
7344  }
7345</style>
7346<div id="pageloader">
7347  <div class="bluprin-loader">
7348
7349  </div>
7350</div>
7351<div class="bottom-com">
7352  <div class="hide-bottomcom"><i class="fa fa-chevron-down" aria-hidden="true"></i></div>
7353  <div class="container">
7354    <div class="left-btmcom">
7355      <div class="wrap-btmcom">
7356        <div class="txt-btmcom">
7357          <div id="com1" class="compare-item" style="display:none;">
7358            <div class="close-compare-item" data-id="0"><img src="https://www.archify.com/assets/img/svg/close-bg.svg" alt="close bg icon"></div>
7359            <div class="center-compare">
7360              <div class="img-compare">
7361                <img src="https://www.archify.com/assets/img/greydummy.jpg" alt="grey dummy icon">
7362              </div>
7363              <div class="txt-compare">
7364                <div class="q1">Urban Lave Faience</div>
7365                <div class="q2">Philip Lakeman Ceramic</div>
7366              </div>
7367            </div>
7368          </div>
7369          <div class="compare-empty" style="display:block;">
7370            <div>
7370Choose Another Product</div>
7371          </div>
7372        </div>
7373        <div class="txt-btmcom">
7374          <div id="com2" class="compare-item" style="display:none;">
7375            <div class="close-compare-item" data-id="1"><img src="https://www.archify.com/assets/img/svg/close-bg.svg" alt="close bg icon"></div>
7376            <div class="center-compare">
7377              <div class="img-compare">
7378                <img src="https://www.archify.com/assets/img/greydummy.jpg" alt="grey dummy icon">
7379              </div>
7380              <div class="txt-compare">
7381                <div class="q1">Urban Lave Faience</div>
7382                <div class="q2">Philip Lakeman Ceramic</div>
7383              </div>
7384            </div>
7385          </div>
7386          <div class="compare-empty" style="display:block;">
7387            <div>Choose Another Product</div>
7388          </div>
7389        </div>
7390        <div class="txt-btmcom">
7391          <div id="com3" class="compare-item" style="display:none;">
7392            <div class="close-compare-item" data-id="2"><img src="https://www.archify.com/assets/img/svg/close-bg.svg" alt="close bg icon"></div>
7393            <div class="center-compare">
7394              <div class="img-compare">
7395                <img src="https://www.archify.com/assets/img/greydummy.jpg" alt="grey dummy icon">
7396              </div>
7397              <div class="txt-compare">
7398                <div class="q1">Urban Lave Faience</div>
7399                <div class="q2">Philip Lakeman Ceramic</div>
7400              </div>
7401            </div>
7402          </div>
7403          <div class="compare-empty" style="display:block;">
7404            <div>Choose Another Product</div>
7405          </div>
7406        </div>
7407      </div>
7408    </div>
7409    <div class="right-btmcom">
7410      <div class="wrapt-btm">
7411        <div class="asrbtn-grey2">Cancel</div>
7412        <div class="asrbtn-black2" onClick="product_comparation()">Compare</div>
7413      </div>
7414    </div>
7415  </div>
7416</div>
7417
7418
7419<style>
7420  #newFooter {
7421    padding-top: 100px;
7422    padding-bottom: 100px;
7423    background-color: #0039ff;
7424    padding-left: 30px;
7425    padding-right: 30px;
7426  }
7427
7428  #newFooter .footer-content-wrapper {
7429    width: 100%;
7430    display: flex;
7431  }
7432
7433  #newFooter .footer-content-wrapper .main-content {
7434    width: 100%;
7435    height: auto;
7436  }
7437
7438  #newFooter .footer-content-wrapper .main-content .country-list {
7439    position: relative;
7440    float: left;
7441    width: 100%;
7442    font-family: WorkSans-Regular;
7443    font-size: 12px;
7444    font-weight: normal;
7445    font-stretch: normal;
7446    font-style: normal;
7447    line-height: normal;
7448    letter-spacing: 0;
7449    color: #fff;
7450    margin-top: 10px;
7451  }
7452
7453  #newFooter .footer-content-wrapper .main-content .country-list a {
7454    color: #fff;
7455    text-decoration: none;
7456  }
7457
7458  #newFooter .footer-content-wrapper .main-content .copyright-wrapper {
7459    font-family: WorkSans-SemiBold;
7460    font-size: 12px;
7461    font-stretch: normal;
7462    font-style: normal;
7463    line-height: normal;
7464    letter-spacing: 0;
7465    color: #fff;
7466    margin-top: 5px;
7467    position: relative;
7468    float: left;
7469    width: 100%;
7470  }
7471
7472  #newFooter .footer-content-wrapper .list-content {
7473    min-width: auto;
7474    height: auto;
7475    border-right: 1px solid rgba(255, 255, 255, 0.2);
7476    padding-left: 20px;
7477    padding-right: 20px;
7478  }
7479
7480  #newFooter .footer-content-wrapper .list-content .title {
7481    font-family: WorkSans-SemiBold;
7482    font-size: 14px;
7483    font-stretch: normal;
7484    font-style: normal;
7485    line-height: normal;
7486    letter-spacing: -0.1px;
7487    color: #fff;
7488    margin-bottom: 5px;
7489    white-space: nowrap;
7490  }
7491
7492  #newFooter .footer-content-wrapper .list-content ul {
7493    position: relative;
7494    width: 100%;
7495    padding: 0;
7496    margin: 0;
7497    list-style: none;
7498  }
7499
7500  #newFooter .footer-content-wrapper .list-content ul li {
7501    font-family: WorkSans-Regular;
7502    font-size: 14px;
7503    font-stretch: normal;
7504    font-style: normal;
7505    line-height: normal;
7506    letter-spacing: -0.18px;
7507    color: #fff;
7508    margin-bottom: 5px;
7509    white-space: nowrap;
7510  }
7511
7512  #newFooter .footer-content-wrapper .list-content ul li:last-child {
7513    margin-bottom: 0px;
7514  }
7515
7516  #newFooter .footer-content-wrapper .list-content ul li a {
7517    font-family: WorkSans-Regular;
7518    font-size: 14px;
7519    font-stretch: normal;
7520    font-style: normal;
7521    line-height: normal;
7522    letter-spacing: -0.1px;
7523    color: #fff;
7524  }
7525
7526  @media (max-width: 992px) {
7527    #newFooter {
7528      padding-top: 100px;
7529      padding-bottom: 100px;
7530      background-color: #0039ff;
7531      padding-left: 0px;
7532      padding-right: 0px;
7533    }
7534
7535    #newFooter .footer-content-wrapper {
7536      flex-wrap: wrap;
7537    }
7538
7539    #newFooter .footer-content-wrapper .main-content {
7540      padding-left: 20px;
7541      padding-right: 20px;
7542      margin-bottom: 30px;
7543    }
7544
7545    #newFooter .footer-content-wrapper .list-content {
7546      width: 50%;
7547      margin-bottom: 30px;
7548    }
7549
7550    #newFooter .footer-content-wrapper .list-content:nth-child(3) {
7551      border-right: 0;
7552    }
7553
7554    #newFooter .footer-content-wrapper .list-content:nth-child(5) {
7555      border-right: 0;
7556    }
7557
7558    #newFooter .footer-content-wrapper .list-content ul li {
7559      white-space: normal;
7560    }
7561
7562  }
7563
7564  .modal-sourcing {
7565    display: none;
7566    position: fixed;
7567    top: 0;
7568    left: 0;
7569    width: 100%;
7570    height: 100%;
7571    background-color: rgba(0, 0, 0, 0.7);
7572    z-index: 999999;
7573  }
7574
7575  .modal-sourcing .modal-fill {
7576    /* background-color: white;
7577  width: 60%;
7578  max-width: 400px;*/
7579    margin: 160px auto;
7580    /*margin-top: 15%;
7581  padding: 20px;
7582  border-radius: 5px; */
7583    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
7584    width: 610px;
7585    height: 420px;
7586    /* margin: 0 0 0 50px; */
7587    border-radius: 10px;
7588    border: solid 3px #0b38ff;
7589    background-color: #fff;
7590  }
7591
7592  .modal-sourcing-2 {
7593    display: none;
7594    position: fixed;
7595    bottom: 0;
7596    right: 0;
7597    width: 100%;
7598    height: 100%;
7599    background-color: rgba(0, 0, 0, 0.7);
7600    z-index: 999999;
7601  }
7602
7603  .modal-sourcing-2 .modal-fill {
7604    float: right;
7605    position: absolute;
7606    bottom: 0;
7607    right: 30px;
7608    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
7609    width: 440px;
7610    height: 167px;
7611    /* margin: 0 0 0 50px; */
7612    border-radius: 3px;
7613    border: solid 3px #0b38ff;
7614    border-bottom: none;
7615    background-color: #fff;
7616    background-image: url("https://www.archify.com/assets/img/bg-sourcing.png");
7617    background-size: cover;
7618  }
7619
7620  .blue-bar {
7621    width: 100%;
7622    height: 40px;
7623    padding: 9px 13.5px 11.4px 15px;
7624    background-color: #0b38ff;
7625  }
7626
7627  .blue-bar-2 {
7628    width: 100%;
7629    height: 17px;
7630    padding: 0;
7631    background-color: #0b38ff;
7632  }
7633
7634  .close-modal {
7635    float: right;
7636    cursor: pointer;
7637    height: 15px;
7638    width: 15px;
7639  }
7640
7641  .close-modal-2 {
7642    float: right;
7643    cursor: pointer;
7644    height: 15px;
7645    width: 15px;
7646  }
7647
7648  .modal-contentz {
7649    position: relative;
7650    display: -webkit-box;
7651    display: -webkit-flex;
7652    display: -ms-flexbox;
7653    display: flex;
7654    -webkit-box-orient: vertical;
7655    -webkit-box-direction: normal;
7656    -webkit-flex-direction: column;
7657    -ms-flex-direction: column;
7658    flex-direction: column;
7659    background-color: #fff;
7660    -webkit-background-clip: padding-box;
7661    background-clip: padding-box;
7662    outline: 0;
7663  }
7664
7665  .monitor {
7666    position: absolute;
7667    left: -50px;
7668  }
7669
7670  .modal-text {
7671    text-align: center;
7672    margin-top: 32px;
7673    width: 50%;
7674    right: 30px;
7675    position: absolute;
7676  }
7677
7678  .cant-find {
7679    margin: 25px 0 20px;
7680    font-family: WorkSans-SemiBold;
7681    font-size: 34px;
7682    font-weight: bold;
7683    font-stretch: normal;
7684    font-style: normal;
7685    line-height: 1.03;
7686    letter-spacing: -0.85px;
7687    text-align: center;
7688    color: #000;
7689  }
7690
7691  .let-arch {
7692    font-family: WorkSans-Regular;
7693    font-size: 24px;
7694    font-weight: normal;
7695    font-stretch: normal;
7696    font-style: normal;
7697    line-height: 1.29;
7698    letter-spacing: normal;
7699    text-align: center;
7700    color: #000;
7701  }
7702
7703  .submit-req {
7704    width: 200px;
7705    height: 50px;
7706    padding: 13px 31px 13px 30px;
7707    border-radius: 6px;
7708    background-color: #0b38ff;
7709    font-family: WorkSans-SemiBold;
7710    font-size: 20px;
7711    letter-spacing: -0.3px;
7712  }
7713
7714  .modal-contentz-2 {
7715    position: relative;
7716    display: -webkit-box;
7717    display: -webkit-flex;
7718    display: -ms-flexbox;
7719    display: flex;
7720    -webkit-box-orient: vertical;
7721    -webkit-box-direction: normal;
7722    -webkit-flex-direction: column;
7723    -ms-flex-direction: column;
7724    flex-direction: column;
7725    background-color: #fff;
7726    -webkit-background-clip: padding-box;
7727    background-clip: padding-box;
7728    outline: 0;
7729  }
7730
7731  .monitor-2 {
7732    position: absolute;
7733    left: -28px;
7734    /* top: -15px; */
7735  }
7736
7737  .monitor-2 img {
7738    /* height:174px; */
7739    width: 157px;
7740    /* margin: 0 310px 0 0; */
7741    object-fit: contain;
7742    margin-top: -28px;
7743  }
7744
7745  .modal-text-2 {
7746    /* text-align:center; */
7747    margin-top: 29px;
7748    right: 17px;
7749    position: absolute;
7750  }
7751
7752  .cant-find-2 {
7753    margin-bottom: 3px;
7754    font-family: WorkSans-SemiBold;
7755    font-size: 18px;
7756    font-weight: bold;
7757    font-stretch: normal;
7758    font-style: normal;
7759    letter-spacing: -0.45px;
7760    text-align: center;
7761    color: #000;
7762  }
7763
7764  .let-arch-2 {
7765    font-family: WorkSans-Regular;
7766    font-size: 14px;
7767    font-weight: normal;
7768    font-stretch: normal;
7769    font-style: normal;
7770    letter-spacing: normal;
7771    text-align: center;
7772    color: #000;
7773  }
7774
7775  .submit-req-2 {
7776    width: 120px;
7777    height: 30px;
7778    padding: 0;
7779    border-radius: 6px;
7780    background-color: #0b38ff;
7781    font-family: WorkSans-SemiBold;
7782    font-size: 12px;
7783    letter-spacing: -0.3px;
7784  }
7785
7786  #newsletter-subsription {
7787    padding: 40px 30px;
7788    background-color: #fff;
7789    border: solid 3px #e5e5e5;
7790    display: flex;
7791    flex-direction: row;
7792    justify-content: space-between;
7793  }
7794
7795  .newsletter-subsription-left {
7796    display: flex;
7797    flex-direction: column;
7798    color: #4a4a4a;
7799  }
7800
7801  .newsletter-subsription-left .text-left-level-1 {
7802    font-family: WorkSans-Regular;
7803    font-size: 14px;
7804    letter-spacing: -0.1px;
7805    margin-bottom: 8px;
7806    line-height: normal;
7807  }
7808
7809  .newsletter-subsription-left .text-left-level-2 {
7810    font-family: WorkSans-SemiBold;
7811    font-size: 32px;
7812    letter-spacing: -1px;
7813    line-height: 1.3;
7814  }
7815
7816  .newsletter-subsription-left .text-left-level-3 {
7817    font-family: WorkSans-Regular;
7818    font-size: 24px;
7819    letter-spacing: -0.8px;
7820  }
7821
7822  .newsletter-subsription-right {
7823    display: flex;
7824    flex-direction: column;
7825    justify-content: center;
7826  }
7827
7828  .newsletter-subsription-form {
7829    display: flex;
7830    flex-direction: row;
7831    align-items: center;
7832    gap: 10px;
7833  }
7834
7835  .newsletter-subsription-form .form-btn {
7836    display: flex;
7837    height: 100%;
7838    align-items: end;
7839  }
7840
7841  .newsletter-subsription-right .form-group {
7842    margin-bottom: 0;
7843  }
7844
7845  .newsletter-subsription-right .form-group label {
7846    font-family: WorkSans-SemiBold;
7847    margin-bottom: 4px;
7848  }
7849
7850  .newsletter-subsription-right .form-group input {
7851    height: 40px;
7852    width: 200px;
7853  }
7854
7855  .newsletter-subsription-submit-btn {
7856    border-radius: 3px;
7857    font-family: WorkSans-Medium;
7858    font-size: 16px;
7859    letter-spacing: -0.2px;
7860    color: #fff;
7861    outline: 0;
7862    border: 0;
7863    padding: 10px 32px;
7864    background-color: #0039ff;
7865    height: 40px;
7866    display: flex;
7867    align-items: center;
7868  }
7869
7870  .error-subscription {
7871    font-size: 12px;
7872    color: red;
7873    font-family: WorkSans-Medium;
7874    position: absolute;
7875  }
7876
7877  .success-subscription {
7878    font-size: 12px;
7879    color: #719b46;
7880    font-family: WorkSans-Medium;
7881    position: absolute;
7882  }
7883</style>
7884<!-- Start Footer Section Here -->
7885<div id="newFooter">
7886  <div class="footer-content-wrapper">
7887    <div class="main-content">
7888      <img src="https://www.archify.com/assets/img/svg/global-logo-archify-white.svg" alt="Archify Logo" width="78" height="22">
7889      <div class="country-list">
7890        <a id="footer-country-link-au" href="https://www.archify.com/au">AU</a> -
7891        <a id="footer-country-link-hk" href="https://www.archify.com/hk">HK</a> -
7892        <a id="footer-country-link-id" href="https://www.archify.com/id">ID</a> -
7893        <a id="footer-country-link-my" href="https://www.archify.com/my">MY</a> -
7894        <a id="footer-country-link-nz" href="https://www.archify.com/nz">NZ</a> -
7895        <a id="footer-country-link-ph" href="https://www.archify.com/ph">PH</a> -
7896        <a id="footer-country-link-sg" href="https://www.archify.com/sg">SG</a>
7897              </div>
7898      <div class="copyright-wrapper">
7898Copyright &copy; 2026 Powered by BCI Media Group Pty Ltd</div>
7899    </div>
7900    <div class="list-content">
7901      <div class="title">
7902        Browse
7903      </div>
7904      <ul>
7905        <li>
7906          <a id="footer-browse-link-product" href="https://www.archify.com/au/products/">
7907            Products          </a>
7908        </li>
7909        <li>
7910          <a id="footer-browse-link-professional" href="https://www.archify.com/au/professionals">
7911            Professionals          </a>
7912        </li>
7913        <li>
7914          <a id="footer-browse-link-project" href="https://www.archify.com/au/projects">
7915            Projects          </a>
7916        </li>
7917        <li>
7918          <a id="footer-browse-link-inspiration" href="https://www.archify.com/au/photos">
7919            Inspiration          </a>
7920        </li>
7921                          <li>
7922            <a id="footer-browse-link-articles" href="https://www.archify.com/archifynow">
7923              Articles            </a>
7924          </li>
7925              </ul>
7926    </div>
7927    <div class="list-content">
7928      <div class="title">
7929        About Archify
7930      </div>
7931      <ul>
7932        <li>
7933          <a id="footer-about-link" href="https://www.archify.com/au/about">
7934            About Us          </a>
7935        </li>
7936                  <li>
7937            <a id="footer-about-link" href="https://www.archify.com/au/sustainability">
7938              Sustainability
7939            </a>
7940          </li>
7941                <li>
7942          <a id="footer-about-link-privacy-policy" href="https://www.archify.com/au/privacy-policy">
7943            Privacy Policy<span style="margin:0px 3px;">/</span>
7944          </a>
7945          <a id="footer-about-link-tou" href="https://www.archify.com/au/terms-of-use">
7946            ToU
7947          </a>
7948        </li>
7949        <li>
7950          <a id="footer-about-link-contact" href="https://www.archify.com/au/contact">
7951            Contact Us          </a>
7952        </li>
7953        <li>
7954          <a id="footer-about-link-apps" href="https://www.archify.com/au/apps">
7955            Mobile Apps
7956          </a>
7957        </li>
7958
7959        <li>
7960          <a id="footer-about-link-sitemap" href="https://www.archify.com/au/sitemap">
7961            Sitemap
7962          </a>
7963        </li>
7964        <li>
7965          <a id="footer-about-link-faqs" href="https://www.archify.com/au/faqs">
7966            FAQs
7967          </a>
7968        </li>
7969      </ul>
7970    </div>
7971    <div class="list-content">
7972      <div class="title">
7973        Professionals
7974      </div>
7975      <ul>
7976        <li>
7977          <a id="footer-professional-link-for-professionals" href="https://www.archify.com/au/forpro">
7978            For Professionals          </a>
7979        </li>
7980        <li>
7981          <a id="footer-professional-link-project-showcase" href="https://www.archify.com/au/forpro">
7982            Project Showcase          </a>
7983        </li>
7984        <li>
7985          <a id="footer-professional-link-specsheet" href="https://www.archify.com/au/forpro">
7986            Specsheet          </a>
7987        </li>
7988        <li>
7989          <a id="footer-professional-link-moodboard" href="https://www.archify.com/au/forpro">
7990            Moodboard          </a>
7991        </li>
7992        <li>
7993          <a id="footer-professional-link-terms-conditions" href="https://www.archify.com/au/prize-draw-terms-conditions">
7994            Event Terms & Conditions
7995          </a>
7996        </li>
7997      </ul>
7998    </div>
7999    <div class="list-content">
8000      <div class="title">
8001        Suppliers
8002      </div>
8003      <ul>
8004        <li>
8005                      <a id="footer-supplier-for-supplier" href="https://brands.archify.com" alt="for supplier">
8006              For Suppliers            </a>
8007                  </li>
8008        <!-- <li>
8009            <a href="#" id="showModalBtn" alt="sourcing">
8010              Sourcing
8011            </a>
8012        </li> -->
8013        <!-- <li>
8014          <a href="https://www.archify.com/au/for_supplier">
8015            Become a Partner          </a>
8016        </li> -->
8017        <!-- <li>
8018          <a href="https://www.archify.com/au/for_supplier">
8019             Product Showcase          </a>
8020        </li>
8021        <li>
8022          <a href="https://www.archify.com/au/for_supplier">
8023            Product Tagging          </a>
8024        </li> -->
8025                  <!-- <li>
8026          <a href="http://services.archify.com/Extranet/Login.aspx" target="_blank">
8027            Presentation Portal
8028          </a>
8029        </li> -->
8030          <!-- <li>
8031          <a target="_blank" href="https://www.archify.com/au/presentation_portal">
8032            Presentation Portal
8033          </a>
8034        </li> -->
8035                          <li>
8036            <!-- <a href="https://www.archify.com/au/events-overview">
8037              Events
8038            </a> -->
8039            <a href="https://brands.archify.com/solution/events/">
8040              Events
8041            </a>
8042          </li>
8043              </ul>
8044    </div>
8045  </div>
8046</div>
8047<!-- End Footer Section Here -->
8048
8049<div id="modal" class="modal-sourcing">
8050  <div class="modal-fill">
8051    <div class="blue-bar">
8052      <span class="logo-a"><img height="15" src="https://www.archify.com/assets/img/svg/logo-white-a.svg"></span>
8053      <span id="closeModalx" class="close-modal"><img height="15" src="https://www.archify.com/assets/img/svg/02-icon-01-general-close-white.svg"></span>
8054    </div>
8055    <div class="modal-contentz">
8056      <div class="monitor">
8057        <img height="380" src="https://www.archify.com/assets/img/monitor.png">
8058      </div>
8059      <div class="modal-text">
8060        <img height="27" src="https://www.archify.com/assets/img/svg/circle-check.svg">
8061        <p class="cant-find">Can't find what <br />you're looking for?</p>
8062        <p class="let-arch">Let Archify source <br />products for you for <span style="color:#0b38ff;">free</span></p>
8063        <p class="cant-find"><a href="https://bcicentral.typeform.com/to/PSHuXZjX" target="_blank"><button class="btn btn-primary submit-req">Submit Request</button></a></p>
8064      </div>
8065    </div>
8066  </div>
8067</div>
8068<div id="modal-2" class="modal-sourcing-2">
8069  <div class="modal-fill">
8070    <div class="blue-bar-2">
8071      <!-- <span class="logo-a"><img height="15" src="https://www.archify.com/assets/img/svg/logo-white-a.svg"></span> -->
8072      <span id="closeModal" class="close-modal-2"><img height="15" style="vertical-align:top;" src="https://www.archify.com/assets/img/svg/02-icon-01-general-close-white.svg"></span>
8073    </div>
8074    <div class="modal-contentz-2">
8075      <div class="monitor-2">
8076        <img src="https://www.archify.com/assets/img/monitor-2.png">
8077      </div>
8078      <div class="modal-text-2">
8079        <!-- <img height="27" src="https://www.archify.com/assets/img/svg/circle-check.svg"> -->
8080        <p class="cant-find-2">Can't find what you're looking for?</p>
8081        <p class="let-arch-2">Let Archify source products for you for <span style="color:#0b38ff;">free</span>!</p>
8082        <p class="cant-find-2"><a href="https://bcicentral.typeform.com/to/PSHuXZjX" target="_blank"><button class="btn btn-primary submit-req-2">Submit Request</button></a></sp>
8083      </div>
8084    </div>
8085  </div>
8086</div>
8087
8088<script src="https://www.archify.com/assets/js/vendor/tether.min.js"></script>
vendor: 1 bytes, line 8088
8088
8089<script src="https://www.archify.com/assets/js/bootstrap/bootstrap.min.js"></script>
vendor: 1 bytes, line 8089
8089
8090<script src="https://www.archify.com/assets/third-party/validator/bootstrapValidator.js"></script>
vendor: 1 bytes, line 8090
8090
8091<script src="https://www.archify.com/assets/third-party/scrollbar/jquery.slimscroll.js"></script>
vendor: 1 bytes, line 8091
8091
8092<script src="https://www.archify.com/assets/third-party/simplebar/simplebar.js" type="text/javascript"></script>
vendor: 1 bytes, line 8092
8092
8093<script src="https://www.archify.com/assets/third-party/noty-3.1.0/noty.js" type="text/javascript"></script>
vendor: 1 bytes, line 8093
8093
8094<script src="https://www.archify.com/assets/third-party/select2/js/select2.full.min.js"></script>
vendor: 66 bytes, lines 8094-8096
8094
8095<script src="https://www.google.com/recaptcha/api.js"></script>
8096
8097<!-- Disable Link -->
8098<script>
8099  addEventListener('click', function(ev) {
8100    if (ev.target.classList.contains('link-disabled')) {
8101      ev.preventDefault();
8102      loadWithAjax(ev.target.href);
8103    }
8104  });
8105</script>
8105
8106
8107
8108<!-- Select Initial -->
8109<script>
8110  (function() {
8111    [].slice.call(document.querySelectorAll('select.cs-select')).forEach(function(el) {
8112      new SelectFx(el, {
8113        onChange: function() {
8114          var event = document.createEvent('HTMLEvents');
8115          event.initEvent('change', true, false);
8116          el.dispatchEvent(event);
8117        }
8118      });
8119    });
8120  })();
8121</script>
8121
8122
8123
8124<!--share script popover-->
8125<script>
8126  $('#shareOnDetail, #shareOnDetailMobile').popover({
8127    html: true,
8128    content: $('#cont').html()
8129  });
8130  $("[data-toggle=popover]").popover({
8131    html: true,
8132    content: function() {
8133      return $('#popover-content').html();
8134    }
8135  });
8136
8137  function Facebook() {
8138    alert('share on facebook');
8139  }
8140
8141  function twitter() {
8142    alert('share on twitter');
8143  }
8144
8145  function gplus() {
8146    alert('share on G+');
8147  }
8148</script>
8148
8149
8150<!--login page-->
8151<script>
8152  // $('#formLogin').bootstrapValidator({
8153  //     message: 'This value is not valid',
8154  //     feedbackIcons: {
8155  //         valid: 'glyphicon glyphicon-ok',
8156  //         invalid: 'glyphicon glyphicon-remove',
8157  //         validating: 'glyphicon glyphicon-refresh'
8158  //     },
8159  //     fields: {
8160  //         email: {
8161  //             validators: {
8162  //                 notEmpty: {
8163  //                     message: 'The email is required and cannot be empty'
8164  //                 },
8165  //                 emailAddress: {
8166  //                     message: 'The input is not a valid email address'
8167  //                 }
8168  //             }
8169  //         },
8170  //         password: {
8171  //             validators: {
8172  //                 notEmpty: {
8173  //                     message: 'The password is required and cannot be empty'
8174  //                 }
8175  //             }
8176  //         }
8177  //     }
8178  // });
8179  // $('#creatNew').bootstrapValidator({
8180  //     message: 'This value is not valid',
8181  //     feedbackIcons: {
8182  //         valid: 'glyphicon glyphicon-ok',
8183  //         invalid: 'glyphicon glyphicon-remove',
8184  //         validating: 'glyphicon glyphicon-refresh'
8185  //     },
8186  //     fields: {
8187  //         newPassword: {
8188  //             validators: {
8189  //                 notEmpty: {
8190  //                     message: 'The password is required and cannot be empty'
8191  //                 },
8192  //                 identical: {
8193  //                     field: 'confirmPassword',
8194  //                     message: 'The password and its confirm are not the same'
8195  //                 }
8196  //             }
8197  //         },
8198  //         confirmPassword: {
8199  //             validators: {
8200  //
8201  //                 notEmpty: {
8202  //                     message: 'The confirm password is required and cannot be empty'
8203  //                 },
8204  //
8205  //                 identical: {
8206  //                     field: 'newPassword',
8207  //                     message: 'The password and its confirm are not the same'
8208  //                 }
8209  //
8210  //             }
8211  //         }
8212  //     }
8213  // });
8214  $('#forgotPassword-btn').click(function() {
8215    $('#formLogin').fadeOut('slow', function() {
8216      $('#formForgot').fadeIn();
8217    });
8218  });
8219  $('#cancel-forgot').click(function() {
8220    $('#formForgot').fadeOut('slow', function() {
8221      $('#formLogin').fadeIn();
8222    });
8223  });
8224  $('#signUp-btn').click(function() {
8225    $('#formLogin').fadeOut();
8226    $('#creatNew').fadeIn();
8227  });
8228</script>
8228
8229
8230
8231
8232<!--article page-->
8233<script>
8234  //  load more and first page tabs
8235  $(document).ready(function() {
8236    //        getArticle(0); diactivin saat udah masuk ke DB saja
8237    $("#loadMore").click(function(e) {
8238      e.preventDefault();
8239      var page = $(this).data('val');
8240      getArticle(page);
8241    });
8242  });
8243  var getArticle = function(page) {
8244    $.ajax({
8245      url: "test-ajax/load-more-article",
8246      type: 'GET',
8247      data: {
8248        page: page
8249      }
8250    }).done(function(response) {
8251      if ((!response)) {
8252        scroll_promo();
8253        $("#highlights").append('<div class="col-md-12" style="text-align:center;color:#e25e5e;text-transform:capitalize; font-style: italic;">"Tidak Ada data promo"</div>');
8254        $(".load-more").html('');
8255      } else {
8256        $("#highlights").append(response);
8257      }
8258      $("#load_more_promo").html('Load More');
8259      $('#load_more_promo').data('val', ($('#load_more_promo').data('val') + 1));
8260    });
8261  };
8262
8263  // Add slideDown animation to Bootstrap dropdown when expanding.
8264  $('.dropdown').on('show.bs.dropdown', function() {
8265    $(this).find('.dropdown-menu').first().stop(true, true).slideDown();
8266  });
8267
8268  // Add slideUp animation to Bootstrap dropdown when collapsing.
8269  $('.dropdown').on('hide.bs.dropdown', function() {
8270    $(this).find('.dropdown-menu').first().stop(true, true).slideUp();
8271  });
8272</script>
8272
8273
8274<!--for profesional page-->
8275<script>
8276  $('#scrollID').slimscroll({
8277    height: 'auto'
8278  });
8279</script>
8279
8280
8281<!--modal virtual 360-->
8282<script>
8283  // $("#threeSixty").on('show.bs.modal', function(){
8284  //     $("#threeSixtyEmbed").attr('src', 'http://virtualtour.bluprin.com/bottega-ristorante/');
8285  // });
8286</script>
8286
8287
8288<!--review pro-->
8289<script>
8290  // $(document).ready(function () {
8291  //     $('#reviewPro').modal('show');
8292  //     $('.kv-fa').rating({
8293  //         theme: 'krajee-fa',
8294  //         hoverOnClear: true,
8295  //         defaultCaption: '',
8296  //         filledStar: '<i class="fa fa-star"></i>',
8297  //         emptyStar: '<i class="fa fa-star-o"></i>'
8298  //     });
8299  // });
8300</script>
8300
8301
8302<!--acc-user-setting-->
8303<script>
8304  $(document).ready(function() {
8305    // var $sticky = $('.sticky');
8306    // var $stickyrStopper = $('.sticky-stopper');
8307    // if (!!$sticky.offset()) { // make sure ".sticky" element exists
8308    //     var generalSidebarHeight = $sticky.innerHeight();
8309    //     var stickyTop = $sticky.offset().top;
8310    //     var stickOffset = 100;
8311    //     var stickyStopperPosition = $stickyrStopper.offset().top;
8312    //     var stopPoint = stickyStopperPosition - generalSidebarHeight - stickOffset;
8313    //     var diff = stopPoint + stickOffset;
8314    //     $(window).scroll(function(){ // scroll event
8315    //         var windowTop = $(window).scrollTop(); // returns number
8316    //         if (stopPoint < windowTop) {
8317    //             $sticky.css({ position: 'absolute', top: diff });
8318    //         } else if (stickyTop < windowTop+stickOffset) {
8319    //             $sticky.css({ position: 'fixed', top: stickOffset });
8320    //         } else {
8321    //             $sticky.css({position: 'absolute', top: 'initial'});
8322    //         }
8323    //     });
8324    //
8325    // }
8326  });
8327  $(document).ready(function() {
8328    // dimatikan karena photos
8329    // $(document).on("scroll", onScroll);
8330    // //smoothscroll
8331    // $('a[href^="#"]').on('click', function (e) {
8332    //     e.preventDefault();
8333    //     $(document).off("scroll");
8334    //     $('a').each(function () {
8335    //         $(this).removeClass('side-active');
8336    //     })
8337    //     $(this).addClass('side-active');
8338    //     var target = this.hash,
8339    //         menu = target;
8340    //     $target = $(target);
8341    //     $('html, body').stop().animate({
8342    //         'scrollTop': $target.offset().top-80
8343    //     }, 500, 'swing', function () {
8344    //         window.location.hash = target;
8345    //         $(document).on("scroll", onScroll);
8346    //     });
8347    // });
8348  });
8349
8350  function onScroll(event) {
8351    var scrollPos = $(document).scrollTop();
8352    //console.log(scrollPos);
8353    $('#menuSide li a').each(function() {
8354      var currLink = $(this);
8355      var refElement = $(currLink.attr("href"));
8356      if (refElement.position().top <= scrollPos && refElement.position().top + refElement.height() > scrollPos) {
8357        $('#menu-center ul li a').removeClass("side-active");
8358        $('#menuSide li a').removeClass("side-active");
8359        currLink.addClass("side-active");
8360      }
8361    });
8362  }
8363
8364  function readURL(input, id) {
8365    if (input.files && input.files[0]) {
8366      var reader = new FileReader();
8367      reader.onload = function(e) {
8368        $('#' + id).attr('src', e.target.result);
8369      };
8370      reader.readAsDataURL(input.files[0]);
8371    }
8372  }
8373</script>
8373
8374
8375
8376<!--acc pro project edit-->
8377<script>
8378  $('#DesignStyle, #PropertyStyle, #city').select2();
8379
8380  function formatColor(color) {
8381    if (!color.id) {
8382      return color.text;
8383    }
8384    var classColor = 'sprite-color-' + color.element.value.toLowerCase();
8385    var $color = $('<span><i class="sprite ' + classColor + '"></i>' + color.text + '</span>');
8386    return $color;
8387  };
8388  $(".selectpicker").select2({
8389    templateResult: formatColor
8390  });
8391</script>
8391
8392
8393<!--acc pro review preview-->
8394<script>
8395  $('#Country, #BusinessCategory, #PreferredProjectScope, #PreferredProjectBudget, #PreferredDesignStyle, #PreferredPropertyStyle').select2();
8396</script>
8396
8397
8398<!-- Modal Create Board-->
8399<div class="modal fade modal-fullscreen" id="createBoardModalNew" tabindex="-1" role="dialog"
8400  aria-labelledby="myModalLabel" aria-hidden="true">
8401  <div class="modal-dialog" style="width:100%;">
8402    <div class="modal-content">
8403      <!-- Modal Header -->
8404      <div class="modal-header" style="width:100%;">
8405        <h4 class="modal-title" id="myModalLabel">
8406          Create Board
8407        </h4>
8408        <button type="button" class="close"
8409          data-dismiss="modal">
8410          <span aria-hidden="true">&times;</span>
8411          <span class="sr-only">Close</span>
8412        </button>
8413      </div>
8414
8415      <!-- Modal Body -->
8416      <div class="modal-body" style="width:100%;">
8417        <div id="professionals-project-modal">
8418          <form role="form">
8419            <div class="my-form-set text-left">
8420              <label>Name</label>
8421              <input type="text" class="form-control" placeholder="e.g. 'Places called home' or 'Dream house'" name='name'>
8422            </div>
8423            <div class="my-form-set btn-section text-center">
8424              <button type="button" class="btn-upload green-btn">Create</button>
8425            </div>
8426          </form>
8427        </div>
8428      </div>
8429    </div>
8430  </div>
8431</div>
8432
8433
8434<!--acc-pro-analytic-->
8435<script>
8436  $(function() {
8437    $('[data-toggle="tooltip"]').tooltip()
8438  })
8439  $('#Type').select2({
8440    minimumResultsForSearch: Infinity,
8441    placeholder: "Type"
8442  });
8443  $('#ViewBy').select2({
8444    minimumResultsForSearch: Infinity,
8445    placeholder: "View by"
8446  });
8447</script>
8447
8448
8449<!-- Javascript For Landscape/Portrait In Photo Details -->
8450<script>
8451  $('#photoDetailsModal').on('shown.bs.modal', function(e) {
8452    var resizeImg = null;
8453    $('.imgContainer').each(function(index, element) {
8454      var imgContainer = $(this);
8455      var imgElement = $(element).children('img');
8456      //alert(imgElement[0].naturalHeight);
8457      var resizeImg = function() {
8458        var thisImg = $('.photo-detail-right');
8459        var refH = thisImg.height();
8460        var refW = thisImg.width();
8461        var refRatio = refW / refH;
8462
8463        var imgH = imgElement[0].naturalHeight;
8464        var imgW = imgElement[0].naturalWidth;
8465
8466        if ((imgW / imgH) > refRatio) {
8467
8468          imgContainer.addClass("setImgContainerLandscape");
8469          imgContainer.removeClass("setImgContainer");
8470        } else {
8471          imgContainer.removeClass("setImgContainerLandscape");
8472          imgContainer.addClass("setImgContainer");
8473        }
8474      }
8475
8476      $(document).ready(resizeImg());
8477
8478      $(window).resize(function() {
8479        resizeImg();
8480        $("#photoDetailsModal").removeAttr("style");
8481      });
8482    });
8483
8484  });
8485</script>
8485
8486
8487
8488
8489<!-- Javascript For Call 360 Modal -->
8490<div class="modal fade modal-fullscreen" id="threeSixty" tabindex="-1" role="dialog"
8491  aria-labelledby="threeSixtyLabel" aria-hidden="true">
8492  <div class="modal-dialog">
8493    <div class="modal-content">
8494      <div style="position:absolute; right:0px; top:0px;width:100px; height:100px;">
8495        <i id='close360' data-dismiss="modal" aria-label="Close" class="my-sprite sprite-close-modal"></i>
8496      </div>
8497      <iframe id="threeSixtyEmbed" frameborder="0"></iframe>
8498    </div>
8499  </div>
8500</div>
8501
8502<script>
8503  function callModal360(link) {
8504    $.get(link, function(data) {
8505      $("#threeSixty").on('show.bs.modal', function() {
8506        $("#threeSixtyEmbed").attr('src', data);
8507      });
8508
8509      $('#threeSixty').modal('show');
8510      // window.location.hash = ""#vt";
8511      parent.location.hash = "vt";
8512    });
8513  }
8514
8515  function callModal360_blank(link) {
8516    window.location.href = link + '#vt';
8517    //window.location.reload();
8518  }
8519</script>
8519
8520<!-- end Javascript For Call 360 Modal -->
8521
8522<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"d70e42c9687942f6b3bd1c40cbca0ab2","spa":2}' crossorigin="anonymous"></script>
8522
8523</body>
8524
8525</html>
8526
8527
8528<script>
8529  $('span.love').click(function() {
8530    $('#login-modal').modal('show');
8531  });
8532  $('span.name-photo').click(function() {
8533    // $('#add-photo-modal').modal('show');
8534  });
8535  $('span.create-new-btn').click(function() {
8536    // $('.create-new-board-from-add-photo-modal').toggleClass( "show" );
8537    // $('#createBoardModalNew').modal('show');
8538  });
8539</script>
8539
8540
8541<script>
8542  $("#searchBoxModalPhoto").keypress(function(event) {
8543    if (event.which == 13) {
8544      event.preventDefault();
8545      var strings = "https://www.archify.com/au/photos";
8546
8547      var property_type = $('input[name^=filter_property_type]:checked').map(function(idx, elem) {
8548        return $(elem).val();
8549      }).get();
8550      if (property_type.length > 0) strings += "/" + property_type.join("--");
8551      else strings += "/all-properties";
8552
8553      var room_area = $('input[name^=filter_room_area]:checked').map(function(idx, elem) {
8554        return $(elem).val();
8555      }).get();
8556
8557      if (room_area.length > 0) strings += "/" + room_area.join("--");
8558      else strings += "/all-rooms";
8559
8560      var design_style = $('input[name^=filter_design_style]:checked').map(function(idx, elem) {
8561        return $(elem).val();
8562      }).get();
8563      if (design_style.length > 0) strings += "/" + design_style.join("--");
8564      else strings += "/all-styles";
8565
8566      var color = $('input[name^=filter_color]:checked').map(function(idx, elem) {
8567        return $(elem).val();
8568      }).get();
8569      if (color.length > 0) strings += "/" + color.join("--");
8570      else strings += "/all-colors";
8571
8572      var area_size = $('input[name^=filter_area_size_head]:checked').map(function(idx, elem) {
8573        return $(elem).val();
8574      }).get();
8575      if (area_size.length > 0) strings += "/" + area_size.join("--");
8576      else strings += "/all-areas";
8577
8578      var location = $('input[name^=filter_location_photo]:checked').map(function(idx, elem) {
8579        return $(elem).val();
8580      }).get();
8581      if (location.length > 0) strings += "/" + location.join("--");
8582      else strings += "/all-cities";
8583
8584      var search = $('#searchBoxModalPhoto').val();
8585      search = search.replace("'", '%27');
8586      strings += "/" + search;
8587
8588      //console.log(strings);
8589      window.location.href = strings;
8590    }
8591  });
8592  $("#search_photo").click(
8593    function(e) {
8594      var strings = "https://www.archify.com/au/photos";
8595
8596      var property_type = $('input[name^=filter_property_type]:checked').map(function(idx, elem) {
8597        return $(elem).val();
8598      }).get();
8599      if (property_type.length > 0) strings += "/" + property_type.join("--");
8600      else strings += "/all-properties";
8601
8602      var room_area = $('input[name^=filter_room_area]:checked').map(function(idx, elem) {
8603        return $(elem).val();
8604      }).get();
8605
8606      if (room_area.length > 0) strings += "/" + room_area.join("--");
8607      else strings += "/all-rooms";
8608
8609      var design_style = $('input[name^=filter_design_style]:checked').map(function(idx, elem) {
8610        return $(elem).val();
8611      }).get();
8612      if (design_style.length > 0) strings += "/" + design_style.join("--");
8613      else strings += "/all-styles";
8614
8615      var color = $('input[name^=filter_color]:checked').map(function(idx, elem) {
8616        return $(elem).val();
8617      }).get();
8618      if (color.length > 0) strings += "/" + color.join("--");
8619      else strings += "/all-colors";
8620
8621      var area_size = $('input[name^=filter_area_size_head]:checked').map(function(idx, elem) {
8622        return $(elem).val();
8623      }).get();
8624      if (area_size.length > 0) strings += "/" + area_size.join("--");
8625      else strings += "/all-areas";
8626
8627      var location = $('input[name^=filter_location_photo]:checked').map(function(idx, elem) {
8628        return $(elem).val();
8629      }).get();
8630      if (location.length > 0) strings += "/" + location.join("--");
8631      else strings += "/all-cities";
8632
8633      var search = $('#searchBoxModalPhoto').val();
8634      search = search.replace("'", '%27');
8635      strings += "/" + search;
8636
8637      //console.log(strings);
8638      window.location.href = strings;
8639    }
8640  );
8641
8642  $("#search-box-modal-photo > button").click(
8643    function(e) {
8644      e.preventDefault();
8645      var strings = "https://www.archify.com/au/photos";
8646
8647      var property_type = $('input[name^=filter_property_type]:checked').map(function(idx, elem) {
8648        return $(elem).val();
8649      }).get();
8650      if (property_type.length > 0) strings += "/" + property_type.join("--");
8651      else strings += "/all-properties";
8652
8653      var room_area = $('input[name^=filter_room_area]:checked').map(function(idx, elem) {
8654        return $(elem).val();
8655      }).get();
8656
8657      if (room_area.length > 0) strings += "/" + room_area.join("--");
8658      else strings += "/all-rooms";
8659
8660      var design_style = $('input[name^=filter_design_style]:checked').map(function(idx, elem) {
8661        return $(elem).val();
8662      }).get();
8663      if (design_style.length > 0) strings += "/" + design_style.join("--");
8664      else strings += "/all-styles";
8665
8666      var color = $('input[name^=filter_color]:checked').map(function(idx, elem) {
8667        return $(elem).val();
8668      }).get();
8669      if (color.length >
8669 0) strings += "/" + color.join("--");
8670      else strings += "/all-colors";
8671
8672      var area_size = $('input[name^=filter_area_size]:checked').map(function(idx, elem) {
8673        return $(elem).val();
8674      }).get();
8675      if (area_size.length > 0) strings += "/" + area_size.join("--");
8676      else strings += "/all-areas";
8677
8678      var location = $('input[name^=filter_location_photo]:checked').map(function(idx, elem) {
8679        return $(elem).val();
8680      }).get();
8681      if (location.length > 0) strings += "/" + location.join("--");
8682      else strings += "/all-cities";
8683
8684
8685      var search = $('#searchBoxModalPhoto').val();
8686      search = search.replace("'", '%27');
8687      strings += "/" + search;
8688
8689      //console.log(strings);
8690      window.location.href = strings;
8691
8692    }
8693  );
8694  $("#searchBoxModalProfesional").keypress(function(event) {
8695    if (event.which == 13) {
8696      event.preventDefault();
8697      var strings = "https://www.archify.com/au/professionals";
8698
8699      var business_category = $('input[name^=filter_pro_business]:checked').map(function(idx, elem) {
8700        return $(elem).val();
8701      }).get();
8702      if (business_category.length > 0) strings += "/" + business_category.join("--");
8703      else strings += "/all-categories";
8704
8705      var property_type = $('input[name^=filter_pro_property_type]:checked').map(function(idx, elem) {
8706        return $(elem).val();
8707      }).get();
8708      if (property_type.length > 0) strings += "/" + property_type.join("--");
8709      else strings += "/all-properties";
8710
8711      var design_style = $('input[name^=filter_pro_design_style]:checked').map(function(idx, elem) {
8712        return $(elem).val();
8713      }).get();
8714      if (design_style.length > 0) strings += "/" + design_style.join("--");
8715      else strings += "/all-styles";
8716
8717      var cities = $('input[name^=filter_pro_cities]:checked').map(function(idx, elem) {
8718        return $(elem).val();
8719      }).get();
8720      if (cities.length > 0) strings += "/" + cities.join("--");
8721      else strings += "/all-cities";
8722
8723      var design_fees = $('input[name^=filter_pro_design_fee]:checked').map(function(idx, elem) {
8724        return $(elem).val();
8725      }).get();
8726      if (design_fees.length > 0) strings += "/" + design_fees.join("--");
8727      else strings += "/all-fees";
8728
8729
8730      var search = $('#searchBoxModalProfesional').val();
8731      search = search.replace("'", '%27');
8732      strings += "/" + search;
8733
8734      //console.log(strings);
8735      // window.open(strings, '_blank');
8736      window.location.href = strings;
8737    }
8738  });
8739  $("#search_professional").click(
8740    function(e) {
8741      var strings = "https://www.archify.com/au/professionals";
8742
8743      var business_category = $('input[name^=filter_pro_business]:checked').map(function(idx, elem) {
8744        return $(elem).val();
8745      }).get();
8746      if (business_category.length > 0) strings += "/" + business_category.join("--");
8747      else strings += "/all-categories"
8748
8749      var property_type = $('input[name^=filter_pro_property_type]:checked').map(function(idx, elem) {
8750        return $(elem).val();
8751      }).get();
8752      if (property_type.length > 0) strings += "/" + property_type.join("--");
8753      else strings += "/all-properties";
8754
8755      var design_style = $('input[name^=filter_pro_design_style]:checked').map(function(idx, elem) {
8756        return $(elem).val();
8757      }).get();
8758      if (design_style.length > 0) strings += "/" + design_style.join("--");
8759      else strings += "/all-styles"
8760
8761      var cities = $('input[name^=filter_pro_cities]:checked').map(function(idx, elem) {
8762        return $(elem).val();
8763      }).get();
8764      if (cities.length > 0) strings += "/" + cities.join("--");
8765      else strings += "/all-cities"
8766
8767      var design_fees = $('input[name^=filter_pro_design_fee]:checked').map(function(idx, elem) {
8768        return $(elem).val();
8769      }).get();
8770      if (design_fees.length > 0) strings += "/" + design_fees.join("--");
8771      else strings += "/all-fees";
8772
8773      var search = $('#searchBoxModalProfesional').val();
8774      search = search.replace("'", '%27');
8775      strings += "/" + search;
8776
8777
8778
8779      //console.log(strings);
8780      // window.open(strings, '_blank');
8781      window.location.href = strings;
8782    }
8783  );
8784
8785  $("#search-box-modal-Profesional > button").click(
8786    function(e) {
8787      e.preventDefault();
8788      var strings = "https://www.archify.com/au/professionals";
8789
8790      var business_category = $('input[name^=filter_pro_business]:checked').map(function(idx, elem) {
8791        return $(elem).val();
8792      }).get();
8793      if (business_category.length > 0) strings += "/" + business_category.join("--");
8794      else strings += "/all-categories"
8795
8796      var property_type = $('input[name^=filter_pro_property_type]:checked').map(function(idx, elem) {
8797        return $(elem).val();
8798      }).get();
8799      if (property_type.length > 0) strings += "/" + property_type.join("--");
8800      else strings += "/all-properties";
8801
8802      var design_style = $('input[name^=filter_pro_design_style]:checked').map(function(idx, elem) {
8803        return $(elem).val();
8804      }).get();
8805      if (design_style.length > 0) strings += "/" + design_style.join("--");
8806      else strings += "/all-styles"
8807
8808      var cities = $('input[name^=filter_pro_cities]:checked').map(function(idx, elem) {
8809        return $(elem).val();
8810      }).get();
8811      if (cities.length > 0) strings += "/" + cities.join("--");
8812      else strings += "/all-cities"
8813
8814      strings += "/all-fees";
8815
8816      var search = $('#searchBoxModalProfesional').val();
8817      search = search.replace("'", '%27');
8818      strings += "/" + search;
8819
8820      //console.log(strings);
8821      // window.open(strings, '_blank');
8822      window.location.href = strings;
8823
8824    }
8825  );
8826
8827
8828
8829
8830  $("#search_professional2").click(
8831    function(e) {
8832      var strings = "https://www.archify.com/au/professionals";
8833
8834      var business_category = $('#filter_pro_business2').val();
8835      if (business_category.length > 3) strings += "/" + business_category;
8836      else strings += "/all-categories"
8837
8838      strings += "/all-properties";
8839
8840      var design_style = $('#filter_pro_design_style2').val();
8841      if (design_style.length > 3) strings += "/" + design_style;
8842      else strings += "/all-styles"
8843
8844      var cities = $('#filter_pro_cities2').val();
8845      if (cities.length > 3) strings += "/" + cities;
8846      else strings += "/all-cities"
8847
8848      strings += "/all-fees";
8849
8850      // var search = $('#searchBoxModalProfesional').val();
8851      // strings += "/"+search;
8852
8853      //console.log(strings);
8854      // window.open(strings, '_blank');
8855      window.location.href = strings;
8856    }
8857  );
8858</script>
8858
8859
8860<script>
8861  $(document).ready(function() {
8862    $("#submitBoxMenu").click(
8863      function(e) {
8864        var ss = $("#searchBoxMenu").val();
8865        var s = $("#searchBoxMenu").val().replace('in Photo', '');
8866        s = s.replace('in Professional', '');
8867        s = s.replace("'", '%27');
8868
8869        if (ss.indexOf("in Professional") > 0) {
8870          var strings = "https://www.archify.com/au/professionals/all-categories/all-properties/all-styles/all-cities/all-fees/" + s;
8871          window.location.href = strings;
8872        } else {
8873          var strings = "https://www.archify.com/au/photos/all-properties/all-rooms/all-styles/all-colors/all-areas/all-cities/" + s;
8874          window.location.href = strings;
8875        }
8876
8877        e.preventDefault();
8878        return;
8879      }
8880    );
8881
8882    $("#searchBoxMenu").keypress(
8883      function(e) {
8884        //alert("aa");
8885        // if(e.which==13){
8886        //     var ss = $("#searchBoxMenu").val();
8887        //     var s = $("#searchBoxMenu").val().replace('in Photo','');
8888        //         s = s.replace('in Professional','');
8889        //         s = s.replace("'",'%27');
8890        //
8891        //     if($( "#search-box-affix > ul > li:nth-child(1)" ).hasClass( "selected" )){
8892        //         var strings = "https://www.archify.com/au/photos/all-properties/all-rooms/all-styles/all-colors/all-areas/all-cities/"+s;
8893        //         window.location.href = strings;
8894        //     }
8895        //     else if ($( "#search-box-affix > ul > li:nth-child(3)" ).hasClass( "selected" )) {
8896        //         var strings = "https://www.archify.com/au/professionals/all-categories/all-properties/all-styles/all-cities/all-fees/"+s;
8897        //         window.location.href = strings;
8898        //     } else {
8899        //       var strings = "https://www.archify.com/au/photos/all-properties/all-rooms/all-styles/all-colors/all-areas/all-cities/"+s;
8900        //       window.location.href = strings;
8901        //     }
8902        //
8903        //     e.preventDefault();
8904        //     return;
8905        // }
8906      }
8907    );
8908
8909    $("#searchBox").keypress(
8910      function(e) {
8911        if (e.which == 13) {
8912          var s = $("#searchBox").val().replace("'", '%27');
8913          if ($("#selectBox").val() == "Photos") {
8914            var strings = "https://www.archify.com/au/photos/all-properties/all-rooms/all-styles/all-colors/all-areas/all-cities/" + s;
8915            window.location.href = strings;
8916          }
8917
8918          if ($("#selectBox").val() == "Professionals") {
8919            var strings = "https://www.archify.com/au/professionals/all-categories/all-properties/all-styles/all-cities/all-fees/" + s;
8920            window.location.href = strings;
8921          }
8922
8923          e.preventDefault();
8924          return;
8925        }
8926      }
8927    );
8928
8929    $("#submitBox").click(
8930      function() {
8931        var s = $("#searchBox").val().replace("'", '%27');
8932
8933        if ($("#selectBox").val() == "Photos") {
8934          var strings = "https://www.archify.com/au/photos/all-properties/all-rooms/all-styles/all-colors/all-areas/all-cities/" + s;
8935          window.location.href = strings;
8936        }
8937
8938        if ($("#selectBox").val() == "Professionals") {
8939          var strings = "https://www.archify.com/au/professionals/all-categories/all-properties/all-styles/all-cities/all-fees/" + s;
8940          window.location.href = strings;
8941        }
8942        e.preventDefault();
8943        return;
8944      }
8945    );
8946  });
8947</script>
8947
8948
8949<script>
8950  // -WM-
8951  // Numeric only control handler
8952
8953  jQuery.fn.ForceNumericOnly =
8954    function() {
8955      return this.each(function() {
8956        $(this).keydown(function(e) {
8957          var key = e.charCode || e.keyCode || 0;
8958          // allow backspace, tab, delete, enter, arrows, numbers and keypad numbers ONLY
8959          // home, end, period, and numpad decimal
8960          return (
8961            key == 8 ||
8962            key == 9 ||
8963            key == 13 ||
8964            key == 46 ||
8965            key == 110 ||
8966            key == 190 ||
8967            (key >= 35 && key <= 40) ||
8968            (key >= 48 && key <= 57) ||
8969            (key >= 96 && key <= 105));
8970        });
8971      });
8972    };
8973
8974  $(document).ready(function() {
8975    $(document).on('focus', ':input', function() {
8976      $(this).attr('autocomplete', 'off');
8977    });
8978  });
8979</script>
8979
8980
8981<!-- Google Analytics -->
8982<!-- 
8982<script>
vendor: 345 bytes, lines 8982-8988
8982
8983  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
8984  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
8985  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
8986  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
8987
8988  ga('create', '
8988UA-77711673-1
vendor: 39 bytes, lines 8988-8990
8988', 'auto');
8989  ga('send', 'pageview');
8990
8991</script>
8991 -->
8992
8993<!-- prevent default menu button mobile  -->
8994<script>
8995  $('#myAffixHome > div > header > a').click(function(e) {
8996    e.preventDefault();
8997  });
8998</script>
8998
8999
9000<!-- set width for .sb-search depend on navigation width -->
9001<script>
9002  $(document).ready(function() {
9003    // var navHeight = $('#myAffixHome > div > header > nav > ul').width()
9004    // $("#myAffixHome .sb-search").css("cssText", "width: calc(100% - 138px - "+navHeight+"px + 30px);");
9005
9006    // $(window).resize(function() {
9007    //   var navHeight = $('#myAffixHome > div > header > nav > ul').width()
9008    //   $("#myAffixHome .sb-search").css("cssText", "width: calc(100% - 138px - "+navHeight+"px + 30px);");
9009    // });
9010  });
9011</script>
9011
9012
9013<script>
9014  $(document).ready(function() {
9015    $(".logo_click").click(
9016      function(e) {
9017        $.post("https://www.archify.com/au/professional/settings/header_logo_click", function(data) {
9018          //console.log(data);
9019          if (data != "") {
9020            window.location.href = 'https://www.archify.com/au/' + data;
9021          } else {
9022            alert("Your profile page is not ready yet, please complete the requirement.");
9023          }
9024        });
9025
9026        e.preventDefault();
9027        return;
9028      });
9029  });
9030</script>
9030
9031
9032<script>
9033  function navbar_reload() {
9034    // $.get( "https://www.archify.com/au/tools/navbar", function(data){
9035    //     $("#bluprin_navbar").html();
9036    // });
9037    location.reload();
9038  }
9039</script>
9039
9040
9041
9042
9043
9044<!-- share page process here -->
9045<script>
9046  $(".share-button").click(function() {
9047    if ($(".share-pop-up").hasClass("show")) {
9048      $(".share-pop-up").removeClass("show");
9049      $(".share-pop-up").css("display", "none");
9050      $(this).removeClass("pressed");
9051    } else {
9052      $(".share-pop-up").addClass("show");
9053      $(".share-pop-up").css("display", "block");
9054      $(this).addClass("pressed");
9055    }
9056    $(document).mouseup(function(e) {
9057      var shareButtonContainer = $(".share-button");
9058      // if the target of the click isn't the container nor a descendant of the container
9059      if (!shareButtonContainer.is(e.target) && shareButtonContainer.has(e.target).length === 0) {
9060        var sharePopUpContainer = $(".share-pop-up");
9061        // if the target of the click isn't the container nor a descendant of the container
9062        if (!sharePopUpContainer.is(e.target) && sharePopUpContainer.has(e.target).length === 0) {
9063          $(".share-pop-up").removeClass("show");
9064          $(".share-pop-up").css("display", "none");
9065          $(".share-button").removeClass("pressed");
9066        }
9067      }
9068    });
9069  });
9070</script>
9070
9071
9072<!-- Share Social Media Function -->
9073<script>
9074  function share_mail() {
9075    window.location = "mailto:?subject=Interesting information&body=I thought you might find this information interesting: " + window.location.href;
9076    $(".share-pop-up").removeClass("show");
9077    $(".share-pop-up").css("display", "none");
9078    $(".share-button").removeClass("pressed");
9079    return false;
9080  }
9081
9082  function share_fb() {
9083    window.open("https://www.facebook.com/sharer/sharer.php?u=" + escape(window.location.href), '',
9084      'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');
9085    $(".share-pop-up").removeClass("show");
9086    $(".share-pop-up").css("display", "none");
9087    $(".share-button").removeClass("pressed");
9088    return false;
9089  }
9090
9091  function share_tw() {
9092    window.open("https://twitter.com/home?status=" + escape(window.location.href), '',
9093      'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');
9094    $(".share-pop-up").removeClass("show");
9095    $(".share-pop-up").css("display", "none");
9096    $(".share-button").removeClass("pressed");
9097    return false;
9098  }
9099
9100  function share_wa() {
9101    $(".share-pop-up").removeClass("show");
9102    $(".share-pop-up").css("display", "none");
9103    $(".share-button").removeClass("pressed");
9104    var isMobile = false; //initiate as false
9105    // device detection
9106    if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(navigator.userAgent) ||
9107      /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(navigator.userAgent.
9107substr(0, 4))) isMobile = true;
9108    if (isMobile) {
9109      window.open("whatsapp://send?text=" + escape(window.location.href), '',
9110        'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');
9111      return false;
9112    } else {
9113      // alert("This whatsapp share only for mobile devices.");
9114      window.open("https://web.whatsapp.com/send?text=" + escape(window.location.href), '',
9115        'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');
9116      return false;
9117    }
9118  }
9119</script>
9119
9120
9121
9122<!-- Seems not used anymore will see several months later 14/05/2025 -->
9123<!-- 
9123<script>
9124  function check_distributor() {
9125    $.get("https://www.archify.com/../au/product/brand/distributor_count", {
9126      slug: ''
9127    }, function(data) {
9128      //alert(data);
9129      if (data == "1" || data == "2") $(".distributorx").show();
9130    });
9131  }
9132
9133  function check_collection() {
9134    $.get("https://www.archify.com/../au/product/brand/collection_count", {
9135      slug: ''
9136    }, function(data) {
9137      //alert(data);
9138      if (data > 0) $(".collectionx").show();
9139    });
9140  }
9141
9142  function check_certification() {
9143    $.get("https://www.archify.com/../au/product/brand/certification_count", {
9144      slug: ''
9145    }, function(data) {
9146      //alert(data);
9147      if (data > 0) $(".catalogx").show();
9148    });
9149  }
9150
9151  function check_projects() {
9152    $.get("https://www.archify.com/../au/product/brand/projects_count", {
9153      slug: ''
9154    }, function(data) {
9155      //alert(data);
9156      if (data > 0) $(".projectsx").show();
9157    });
9158  }
9159
9160  $(document).ready(function() {
9161      });
9162</script>
9162 -->
9163
9164<!-- Remove Request Sample For Mowilex -->
9165  
9165<script>
9166    $("#header-button-area").show();
9167    $("#form-checkbox-request-page").show();
9168  </script>
9168
9169
9170<!-- Call Notification -->
9171<script>
9172  function callNotificationAlert(string) {
9173    new Noty({
9174      type: 'alert',
9175      layout: 'bottomCenter',
9176      theme: 'mint',
9177      text: string,
9178      timeout: 1000,
9179      progressBar: false,
9180      closeWith: ['click', 'button'],
9181      animation: {
9182        open: 'noty_effects_open',
9183        close: 'noty_effects_close'
9184      },
9185      id: false,
9186      force: false,
9187      killer: false,
9188      queue: 'global',
9189      container: false,
9190      buttons: [],
9191      sounds: {
9192        sources: [],
9193        volume: 1,
9194        conditions: []
9195      },
9196      titleCount: {
9197        conditions: []
9198      },
9199      modal: false
9200    }).show();
9201  }
9202
9203  function callNotification(string) {
9204    new Noty({
9205      type: 'success',
9206      layout: 'bottomCenter',
9207      theme: 'mint',
9208      text: string,
9209      timeout: 1000,
9210      progressBar: false,
9211      closeWith: ['click', 'button'],
9212      animation: {
9213        open: 'noty_effects_open',
9214        close: 'noty_effects_close'
9215      },
9216      id: false,
9217      force: false,
9218      killer: false,
9219      queue: 'global',
9220      container: false,
9221      buttons: [],
9222      sounds: {
9223        sources: [],
9224        volume: 1,
9225        conditions: []
9226      },
9227      titleCount: {
9228        conditions: []
9229      },
9230      modal: false
9231    }).show();
9232  }
9233</script>
9233
9234
9235<!-- Email Subscribe -->
9236<script>
9237  var emailSubscribeInProgress = false;
9238  $(".newsletter-input").keypress(
9239    function(e) {
9240      if (e.which == 13) {
9241        if (!emailSubscribeInProgress) {
9242          var emailVal = $(".newsletter-input").val();
9243          submit_email_subscribe(emailVal);
9244        }
9245        e.preventDefault();
9246        return;
9247      }
9248    }
9249  );
9250  $(".newsletter-submit").click(function(e) {
9251    e.preventDefault();
9252    if (!emailSubscribeInProgress) {
9253      var emailVal = $(".newsletter-input").val();
9254      submit_email_subscribe(emailVal);
9255    }
9256  });
9257
9258  function submit_email_subscribe(email) {
9259    emailSubscribeInProgress = true;
9260
9261    $.ajax({
9262      type: "POST",
9263      async: true,
9264      data: {
9265        'email': email
9266      },
9267      url: "https://www.archify.com/au/gpost/generals/subscribe",
9268      success: function(data) {
9269        $(".newsletter-input").val("");
9270        $(".newsletter-input").blur();
9271        if (data == "success") {
9272          callNotification("You have successfully subscribed!");
9273        } else if (data == "exist") {
9274          callNotificationAlert("You are already subscribed to our newsletter.");
9275        } else if (data == "failed") {
9276          callNotificationAlert("Please check your email format.");
9277        }
9278        emailSubscribeInProgress = false;
9279      }
9280    });
9281  }
9282</script>
9282
9283
9284<!-- New Modal Add Board-->
9285<div class="modal fade modal-fullscreen" id="new-add-photo-modal" tabindex="-1" role="dialog"
9286  aria-labelledby="reviewProLabel" aria-hidden="true">
9287
9288  <div class="modal-dialog">
9289    <div class="modal-content">
9290      <!-- Modal Header -->
9291      <div class="modal-header" style="display:block;">
9292        <div class="center-mod">Add to <span>Design Folder</span></div>
9293        <button type="button" class="close" data-dismiss="modal">
9294          <img src="https://www.archify.com/assets/img/svg/close-bg.svg" alt="close bg icon">
9295        </button>
9296      </div>
9297
9298      <!-- Modal Body -->
9299      <div class="modal-body">
9300        <div class="row no-padding">
9301          <div class="col-md-6">
9302            <div class="img-add-board">
9303              <img class='img-edit-pro' src="">
9304            </div>
9305          </div>
9306          <div class="col-md-6">
9307
9308            <div class="parent-wrapper">
9309              <!--
9310                        <div class="title-add-board-modal">
9311                            <p class="semi-bold">ADD TO DESIGN FOLDER</p>
9312                            <button type="button" class="close"
9313                                    data-dismiss="modal" style="top: 15px !important;">
9314                                <span aria-hidden="true">&times;</span>
9315                                <span class="sr-only">Close</span>
9316                            </button>
9317                        </div>
9318-->
9319              <div class="content-add-board-modal" style="height: 340px; position: relative; overflow: hidden auto; display: block; margin: 0; padding-top: 10px; padding-bottom: 10px;">
9320                <ul id="new_container_board" style="margin-bottom: 0;">
9321
9322                </ul>
9323                <div class="loading-wrapper-list-board" style="text-align: center; padding-top: 10px; padding-bottom: 10px;">
9324                  <img src="https://www.archify.com/assets/img/bluprin-loading.gif" alt="">
9325                </div>
9326              </div>
9327            </div>
9328            <div class="child-wrapper">
9329              <div class="title-add-board-modal">
9330                <p class="semi-bold back-to-parent-design-folder" style="cursor: pointer;"><img src="https://www.archify.com/assets/img/svg/arrow-small-left-grey.svg" alt="" style="position: relative; top: -1px;">&nbsp;&nbsp;&nbsp;&nbsp;BACK</p>
9331              </div>
9332              <div class="content-add-board-modal" style="height: 340px; position: relative; overflow: hidden auto; display: block; margin: 0; padding-top: 10px; padding-bottom: 10px;">
9333                <ul id="new_container_board_child" style="margin-bottom: 0;">
9334                  <div class="loading-wrapper-list-board" style="text-align: center; padding-top: 10px; padding-bottom: 10px;">
9335                    <img src="https://www.archify.com/assets/img/bluprin-loading.gif" alt="">
9336                  </div>
9337              </div>
9338            </div>
9339          </div>
9340        </div>
9341      </div>
9342    </div>
9343  </div>
9344</div>
9345<!-- Comparation -->
9346<script>
9347  $(".hide-bottomcom").click(function() {
9348    $(this).parent(".bottom-com").toggleClass("sized", 600);
9349    $(this).children('.fa').toggleClass('fa-chevron-down fa-chevron-up');
9350  });
9351  //
9352  //  $(".hide-bottomcom").toggle(function(){
9353  //    $(this).parent(".bottom-com").animate({height:40},200);
9354  //  },function(){
9355  //    $(this).parent(".bottom-com").animate({height:100},200);
9356  //    $(this).show();
9357  //  });
9358
9359  $(".asrbtn-grey2").click(function() {
9360    delete_comparation('all');
9361    $(".bottom-com").fadeOut();
9362    // $(".compare-empty").show();
9363    // $(".compare-item").hide();
9364  });
9365
9366  $(".close-compare-item").click(function() {
9367    delete_comparation($(this).data("id"));
9368    // $(this).parent().hide();
9369    // $(this).parent().siblings(".compare-empty").show();
9370
9371    if ($('.compare-item:hidden').length == 3) {
9372      delete_comparation('all');
9373      $(".bottom-com").fadeOut();
9374    };
9375
9376  });
9377  var idProd1 = 0;
9378  var idProd2 = 0;
9379  var idProd3 = 0;
9380
9381  function product_comparation() {
9382    var url_ = "https://www.archify.com/au/product/comparison" + "?idProd1=" + idProd1 + "&idProd2=" + idProd2 + "&idProd3=" + idProd3;
9383    window.location = url_;
9384  }
9385
9386  function new_comparation(id, image, name, brand) {
9387    var formData = new FormData();
9388    formData.append("id", unescape(id));
9389    formData.append("image", unescape(image));
9390    formData.append("name", unescape(name));
9391    formData.append("brand", unescape(brand));
9392    $.ajax({
9393      type: "POST",
9394      url: "https://www.archify.com/au/gpost/comparison/set_comparison",
9395      dataType: 'json',
9396      data: formData,
9397      async: true,
9398      success: function(result) {
9399        if (result.code == '200') {
9400          show_select_comparation(result.data);
9401        }
9402      },
9403      error: function(response) {
9404        let res = response?.responseJSON;
9405        if (res?.message) {
9406          callNotificationAlert(res.message);
9407        } else {
9408          callNotificationAlert("Error Please Try Again or contact support");
9409        }
9410      },
9411      cache: false,
9412      contentType: false,
9413      processData: false
9414    });
9415  };
9416
9417  function delete_comparation(idDiv) {
9418    var formData = new FormData();
9419    formData.append("id", idDiv);
9420    $.ajax({
9421      type: "POST",
9422      url: "https://www.archify.com/au/gpost/comparison/delete_comparison",
9423      dataType: 'json',
9424      data: formData,
9425      async: true,
9426      success: function(result) {
9427        if (result.code == '200') {
9428          idProd1 = 0;
9429          idProd2 = 0;
9430          idProd3 = 0;
9431          show_select_comparation(result.data);
9432        }
9433      },
9434      cache: false,
9435      contentType: false,
9436      processData: false
9437    });
9438  };
9439
9440  function show_select_comparation(dataCom) {
9441    //  $(".bottom-com").fadeOut();
9442    $("#com1").siblings(".compare-empty").show();
9443    $("#com1").hide();
9444    $("#com2").siblings(".compare-empty").show();
9445    $("#com2").hide();
9446    $("#com3").siblings(".compare-empty").show();
9447    $("#com3").hide();
9448    if (jQuery.isEmptyObject(dataCom[0]) == false || jQuery.isEmptyObject(dataCom[1]) == false || jQuery.isEmptyObject(dataCom[2]) == false) {
9449      $(".bottom-com").slideDown();
9450    }
9451    if (jQuery.isEmptyObject(dataCom[0]) == false) {
9452      idProd1 = dataCom[0].id;
9453      var data1 = $("#com1");
9454      $(data1).children().children().children("img").attr('src', 'https://image-apac.archify.com/catalog/product/s/' + dataCom[0].image);
9455      $(data1).children().children().children(".q1").text(dataCom[0].name);
9456      $(data1).children().children().children(".q2").text(dataCom[0].brand);
9457      $(data1).siblings(".compare-empty").hide();
9458      $(data1).show();
9459    }
9460    if (jQuery.isEmptyObject(dataCom[1]) == false) {
9461      idProd2 = dataCom[1].id;
9462      var data1 = $("#com2");
9463      $(data1).children().children().children("img").attr('src', 'https://image-apac.archify.com/catalog/product/s/' + dataCom[1].image);
9464      $(data1).children().children().children(".q1").text(dataCom[1].name);
9465      $(data1).children().children().children(".q2").text(dataCom[1].brand);
9466      $(data1).siblings(".compare-empty").hide();
9467      $(data1).show();
9468    }
9469    if (jQuery.isEmptyObject(dataCom[2]) == false) {
9470      idProd3 = dataCom[2].id;
9471      var data1 = $("#com3");
9472      $(data1).children().children().children("img").attr('src', 'https://image-apac.archify.com/catalog/product/s/' + dataCom[2].image);
9473      $(data1).children().children().children(".q1").text(dataCom[2].name);
9474      $(data1).children().children().children(".q2").text(dataCom[2].brand);
9475      $(data1).siblings(".compare-empty").hide();
9476      $(data1).show();
9477    }
9478  }
9479
9480  function get_comparation() {
9481    $.ajax({
9482      type: "POST",
9483      url: "https://www.archify.com/au/gpost/comparison/get_comparison",
9484      dataType: 'json',
9485      async: true,
9486      success: function(result) {
9487        if (result.code == '200') {
9488          show_select_comparation(result.data);
9489        }
9490      },
9491      cache: false,
9492      contentType: false,
9493      processData: false
9494    });
9495  };
9496
9497  // Check if there is any comparison in session
9498  const checkComparationLength = (null)?.filter(x => x?.id)?.length;
9499  if (checkComparationLength) {
9500    get_comparation();
9501  }
9502</script>
9502
9503<!-- Add Inspiration -->
9504<script>
9505  // set perfect scrollbar
9506  $newImageBoardContainer = $('.content-add-board-modal');
9507  $newLoadingBoardContainer = $('.loading-wrapper-list-board');
9508  var inspirationX = 0;
9509  var photo_id;
9510  var image_type;
9511  $('#new-add-photo-modal').on('shown.bs.modal', function(e) {
9512    // alert("aaa");
9513    new_update_board();
9514  });
9515  $('#new-add-photo-modal').on('hidden.bs.modal', function(e) {
9516    // alert("aaa");
9517    $("#new_container_board").html('');
9518  });
9519
9520  function new_add_inspiration(val, image, x, image_for) {
9521    if (typeof(image_for) == 'undefined') {
9522      // default product
9523      image_type = 2;
9524    } else {
9525      image_type = image_for;
9526    }
9527
9528    // alert(is_login);
9529    if (is_login == 1) {
9530      inspirationX = x;
9531      $('.create-new-board-from-add-photo-modal').removeClass("show");
9532      $('#new-add-photo-modal > div > div > div.modal-body > div > div:nth-child(2) > div.title-add-board-modal > span').text('create new');
9533      //alert("bb "+val);
9534      photo_id = val;
9535      if (image_type == 2) {
9536        $(".img-edit-pro").attr('src', 'https://image-apac.archify.com/catalog/product/xs/' + image);
9537      } else {
9538        // $(".img-edit-pro").attr('src','https://image-apac.archify.com/professional/projects/l/'+image);
9539        $(".img-edit-pro").attr('src', 'https://www.archify.com/files/professional/projects/l/' + image);
9540      }
9541      $('#new-add-photo-modal').modal('show');
9542    } else {
9543      // $("#loginModal").modal("show");
9544      callSignUpLoginModal("");
9545    }
9546
9547  }
9548
9549  function new_create_board(parenID = "") {
9550
9551    // var name = $("#new-create-design-folder-input").val();
9552    var name = "";
9553    if (parenID != "") {
9554      name = $("#new-create-design-folder-input-child").val();
9555    } else {
9556      name = $("#new-create-design-folder-input").val();
9557    }
9558
9559    if (name.length > 0) {
9560      ;
9561      $.ajax({
9562        type: "POST",
9563        url: "https://www.archify.com/au/gpost/ideaboard/ideaboard_create",
9564        dataType: 'json',
9565        data: {
9566          name: name,
9567          photo: photo_id,
9568          is_product: image_type,
9569          parent_id: parenID
9570        },
9571        success: function(result) {
9572          if (result.code == '204') {
9573            callNotificationAlert(result.msg);
9574          } else {
9575            if (parenID != "") {
9576              $("#new-create-design-folder-input-child").val("");
9577              $('#new-create-design-folder-input-child').blur();
9578            } else {
9579              $("#new-create-design-folder-input").val("");
9580              $('#new-create-design-folder-input').blur();
9581            }
9582            new_update_board();
9583            callNotification(result.msg);
9584            $('#new-add-photo-modal').modal('hide');
9585          }
9586        }
9587      });
9588    }
9589  }
9590
9591  function new_insertto_board(val, name_board) {
9592    $.ajax({
9593      type: "POST",
9594      url: "https://www.archify.com/au/gpost/ideaboard/ideaboard_image_insert",
9595      async: true,
9596      data: {
9597        id: val,
9598        photo: photo_id,
9599        is_product: image_type
9600      },
9601      success: function(data) {
9602        new_update_board();
9603
9604        $('#new-add-photo-modal').modal('hide');
9605        callNotification("Photo has been added to " + name_board);
9606      }
9607
9608    });
9609  }
9610
9611  $("#new-add-photo-modal").on('hidden.bs.modal', function() {
9612    $('.create-new-design-folder-wrapper').removeClass('show');
9613    $("#new-add-photo-modal .child-wrapper").removeClass("show");
9614  });
9615  var childData;
9616
9617  function new_update_board() {
9618    $newImageBoardContainer.scrollTop(0);
9619    $newLoadingBoardContainer.css("display", "block");
9620    $.ajax({
9621      type: "GET",
9622      url: "https://www.archify.com/au/gpost/ideaboard/get_ideaboard_list",
9623      data: {
9624        name: $.now(),
9625        photo: photo_id
9626      },
9627      success: function(data) {
9628        data = $.parseJSON(data);
9629        childData = data;
9630        $("#new_container_board").html('\
9631            <li class="create-new-design-folder-button">\
9632              <div class="img-thumb-add-board-modal create-button" style="background-color: #e5e5e5; color: #4a4a4a; font-size: 25px; font-family: WorkSans-SemiBold; text-align: center; padding-top: 7px;">+</div>\
9633              <div class="ket-add-board create-button" style="font-family: WorkSans-Medium; padding-top: 14px;">Create New Folder</div>\
9634              <div class="create-new-design-folder-wrapper">\
9635                <input id="new-create-design-folder-input" type="text" name="" value="">\
9636                <div class="cancel-new-design-folder-input"><img src="https://www.archify.com/assets/img/svg/02-icon-01-general-close.svg" style="position: relative; float: left; top: 5px; left: 5px;"/></div>\
9637                <div class="submit-new-design-folder-input" style="display:none;"><img src="https://www.archify.com/assets/img/svg/02-icon-01-general-check-white.svg" style="position: relative; float: left; top: 5px; left: 5px;"/></div>\
9638                <div class="submit-new-design-folder-input-disable"><img src="https://www.archify.com/assets/img/svg/02-icon-01-general-check-grey.svg" style="position: relative; float: left; top: 5px; left: 5px; display:block;"/></div>\
9639              </div>\
9640            </li>\
9641          ');
9642
9643        for (var i = 0; i < data.length; i++) {
9644          var detail = data[i].detail;
9645          if (detail.length > 0) {
9646            var collaboratorIcon = "";
9647            if (data[i].is_collaborator == 1) {
9648              collaboratorIcon = "<img src=\"https://www.archify.com/assets/img/svg/small-profile-white-grey.svg\" class=\"hint-icon\">";
9649            }
9650            $("#new_container_board").append('\
9651              <li class="open-design-folder-child" child-id="' + i + '" onclick="create_div_child(' + i + ')">\
9652                <div class="img-thumb-add-board-modal" style="background-image: url(\'' + data[i].image + '\');"></div>\
9653                <div class="ket-add-board">\
9654                  <h5 class="title">' + data[i].name + ' ' + collaboratorIcon + '</h5>\
9655                  <h5 class="grey">' + data[i].info_count + '</h5>\
9656                  <img src="https://www.archify.com/assets/img/svg/arrow-small-right-grey.svg" alt="" style="position: absolute; top: 18px; right: 5px;">\
9657                </div>\
9658              </li>\
9659            ');
9660          } else {
9661            var collaboratorIcon = "";
9662            if (data[i].is_collaborator == 1) {
9663              collaboratorIcon = "<img src=\"https://www.archify.com/assets/img/svg/small-profile-white-grey.svg\" class=\"hint-icon\">";
9664            }
9665            $("#new_container_board").append('\
9666              <li onclick="new_insertto_board(' + data[i].id + ', \'' + data[i].name + '\')">\
9667                <div class="img-thumb-add-board-modal" style="background-image: url(\'' + data[i].image + '\');">\
9668                </div>\
9669                <div class="ket-add-board">\
9670                  <h5 class="title">' + data[i].name + ' ' + collaboratorIcon + '</h5h>\
9671                  <h5 class="grey">' + data[i].info_count + '</h5>\
9672                </div>\
9673              </li>\
9674              ');
9675          }
9676
9677        }
9678
9679        $("#new-create-design-folder-input").keypress(function(event) {
9680          if (event.which == 13) {
9681            event.preventDefault();
9682            new_create_board();
9683          }
9684        });
9685
9686        $("#new-create-design-folder-input").on("keyup", function() {
9687          $('.submit-new-design-folder-input-disable').hide();
9688          $('.submit-new-design-folder-input').show();
9689        });
9690
9691        $('.create-new-design-folder-button .create-button').unbind("click");
9692        $('.create-new-design-folder-button .create-button').click(function() {
9693          $('.create-new-design-folder-wrapper').addClass('show');
9694          // $('#createBoard').modal('show');
9695          $('#new-create-design-folder-input').focus();
9696        });
9697
9698        $('.cancel-new-design-folder-input').unbind("click");
9699        $('.cancel-new-design-folder-input').click(function() {
9700          $("#new-create-design-folder-input").val("");
9701          $('#new-create-design-folder-input').blur();
9702          $('.create-new-design-folder-wrapper').removeClass('show');
9703        });
9704
9705        $('.submit-new-design-folder-input').unbind("click");
9706        $('.submit-new-design-folder-input').click(function() {
9707          new_create_board();
9708        });
9709
9710        $('.back-to-parent-design-folder').unbind("click");
9711        $('.back-to-parent-design-folder').click(function() {
9712          $("#new-add-photo-modal .child-wrapper").removeClass("show");
9713        });
9714
9715
9716        $newLoadingBoardContainer.css("display", "none");
9717
9718        $newImageBoardContainer.css("display", "block");
9719      }
9720    });
9721  }
9722
9723  function create_div_child(x) {
9724    $('#new_container_board_child').html('');
9725    var detail = childData[x].detail;
9726    var parent_ = childData[x].id;
9727    for (var i = 0; i < detail.length; i++) {
9728      if (i == 0) {
9729        $('#new_container_board_child').append('\
9730          <li onclick="new_insertto_board(' + detail[i].id + ',\'' + detail[i].name + '\')">\
9731            <div class="img-thumb-add-board-modal" style="background-image: url(\'' + detail[i].image + '\');">\
9732            </div>\
9733            <div class="ket-add-board">\
9734              <h5 class="title">' + detail[i].name + ' <!--<img src="https://www.archify.com/assets/img/svg/small-profile-white-grey.svg" class="hint-icon">--></h5>\
9735              <h5 class="grey">' + detail[i].info_count + '</h5>\
9736            </div>\
9737          </li>\
9738          <li>\
9739            <p style="margin: 0; font-family: WorkSans-Medium; text-transform: uppercase; font-size: 12px; margin-top: 10px;">
9739SUB FOLDER</p>\
9740          </li>\
9741            <li class="create-new-design-folder-button" >\
9742              <div class="img-thumb-add-board-modal create-button-child" style="background-color: #e5e5e5; color: #4a4a4a; font-size: 25px; font-family: WorkSans-SemiBold; text-align: center; padding-top: 7px;">+</div>\
9743              <div class="ket-add-board create-button-child" style="font-family: WorkSans-Medium; padding-top: 14px;">Create New Sub Folder</div>\
9744              <div class="create-new-design-folder-wrapper">\
9745                <input id="new-create-design-folder-input-child" type="text" name="" value="">\
9746                <div class="cancel-new-design-folder-input-child"><img src="https://www.archify.com/assets/img/svg/02-icon-01-general-close.svg" style="position: relative; float: left; top: 5px; left: 5px;"/></div>\
9747                <div class="submit-new-design-folder-input-child" style="display:none;"><img src="https://www.archify.com/assets/img/svg/02-icon-01-general-check-white.svg" style="position: relative; float: left; top: 5px; left: 5px;"/></div>\
9748                <div class="submit-new-design-folder-input-disable-child"><img src="https://www.archify.com/assets/img/svg/02-icon-01-general-check-grey.svg" style="position: relative; float: left; top: 5px; left: 5px; display:block;"/></div>\
9749              </div>\
9750            </li>\
9751        ');
9752      } else {
9753        $('#new_container_board_child').append('\
9754          <li onclick="new_insertto_board(' + detail[i].id + ',\'' + detail[i].name + '\')">\
9755            <div class="img-thumb-add-board-modal" style="background-image: url(\'' + detail[i].image + '\');">\
9756            </div>\
9757            <div class="ket-add-board">\
9758              <h5 class="title">' + detail[i].name + ' <!--<img src="https://www.archify.com/assets/img/svg/small-profile-white-grey.svg" class="hint-icon">--></h5>\
9759              <h5 class="grey">' + detail[i].info_count + '</h5>\
9760            </div>\
9761          </li>\
9762        ');
9763      }
9764    }
9765    $("#new-add-photo-modal .child-wrapper").addClass("show");
9766
9767
9768    $("#new-create-design-folder-input-child").keypress(function(event) {
9769      if (event.which == 13) {
9770        event.preventDefault();
9771        new_create_board(parent_);
9772      }
9773    });
9774
9775    $("#new-create-design-folder-input-child").on("keyup", function() {
9776      $('.submit-new-design-folder-input-disable-child').hide();
9777      $('.submit-new-design-folder-input-child').show();
9778    });
9779
9780    $('.create-button-child').unbind("click");
9781    $('.create-button-child').click(function() {
9782      $(this).siblings(".create-new-design-folder-wrapper").addClass('show');
9783      //        // $('#createBoard').modal('show');
9784      $('#new-create-design-folder-input-child').focus();
9785    });
9786
9787    $('.cancel-new-design-folder-input-child').unbind("click");
9788    $('.cancel-new-design-folder-input-child').click(function() {
9789      $("#new-create-design-folder-input-child").val("");
9790      $('#new-create-design-folder-input-child').blur();
9791      $(this).parent('.create-new-design-folder-wrapper').removeClass('show');
9792    });
9793
9794    $('.submit-new-design-folder-input-child').unbind("click");
9795    $('.submit-new-design-folder-input-child').click(function() {
9796      new_create_board(parent_);
9797    });
9798
9799  }
9800</script>
9800
9801
9802<style>
9803#searchBoxMenu::-webkit-input-placeholder::after {
9804  visibility: visible;
9805}
9806.noneshow{
9807    display:none !important;
9808}
9809.header-search-wrap-no-result {
9810  font-size: 16px;
9811}
9812.header-search-wrap-no-result .lines {
9813  border-top: 1px solid #eee;
9814  margin-bottom: 30px;
9815  max-width: 500px;
9816}
9817.header-search-wrap-no-result .txt1 {
9818  margin-top: 0px;
9819  font-size: 20px;
9820  margin-bottom: 30px;
9821}
9822.header-search-wrap-no-result .txt1 span {
9823  font-family: 'WorkSans-Medium';
9824}
9825.header-search-wrap-no-result .txt2 {
9826  font-family: 'WorkSans-Medium';
9827  margin-bottom: 10px;
9828}
9829.header-search-wrap-no-result .txt3 {
9830  margin-bottom: 0px;
9831}
9832.header-search-wrap-no-result.txt4 {
9833  margin-bottom: 10px;
9834}
9835.header-search-wrap-no-result .txt5 {
9836  margin-bottom: 0px;
9837}
9838.header-search-wrap-no-result .black-btnn {
9839  font-family: 'WorkSans-Medium';
9840  color: #fff;
9841  background: #4A4A4A;
9842  display: inline-block;
9843  padding: 5px 30px;
9844  border-radius: 3px;
9845  margin: 5px 0;
9846  cursor: pointer;
9847  font-size:14px;
9848}
9849
9850#myAffixHome .header-message-box-wrapper .header-message-box-area .content-area {
9851  position: relative;
9852  float: left;
9853  width: calc(100% + 40px);
9854  left: -20px;
9855  padding-left: 0px;
9856  padding-right: 0px;
9857  height: auto;
9858  max-height: calc(100vh - 192px);
9859  overflow-y: scroll;
9860  overflow-x: visible;
9861}
9862#myAffixHome .header-message-box-wrapper .header-message-box-area .content-area::-webkit-scrollbar {
9863  width: 5px;
9864}
9865#myAffixHome .header-message-box-wrapper .header-message-box-area .content-area::-webkit-scrollbar-track {
9866  /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
9867  border: 1px solid #e5e5e5;
9868  border-right: 0px;
9869  border-left: 0px;
9870  border-top: 0px;
9871  padding-top: 0px;
9872  padding-bottom: 0px;
9873}
9874#myAffixHome .header-message-box-wrapper .header-message-box-area .content-area::-webkit-scrollbar-thumb {
9875  border-radius: 0px;
9876  background-color: #e5e5e5;
9877  outline: 1px solid #9b9b9b;
9878}
9879#myAffixHome .header-message-box-wrapper .header-message-box-area .content-area ul li {
9880  padding-right: 15px;
9881}
9882#myAffixHome .header-message-box-wrapper .header-message-box-area .header-area {
9883  border-bottom: 0px;
9884}
9885</style>
9886
9887<script>
9888
9889// Get Viewport Width and Height
9890var is_opera = !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0;
9891var is_chrome = !!window.chrome && !is_opera;
9892var is_explorer= typeof document !== 'undefined' && !!document.documentMode && !isEdge;
9893var is_firefox = typeof window.InstallTrigger !== 'undefined';
9894var is_safari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
9895var windowWidth__ = window.innerWidth;
9896var windowHeight__ = window.innerHeight;
9897if (is_safari) {
9898  windowWidth__ = $( window ).width();
9899  windowHeight__ = $( window ).height();
9900}
9901$(window).resize(function() {
9902  windowWidth__ = window.innerWidth;
9903  windowHeight__ = window.innerHeight;
9904  if (is_safari) {
9905    windowWidth__ = $( window ).width();
9906    windowHeight__ = $( window ).height();
9907  }
9908});
9909
9910// Filter Mobile select Text Label
9911$( "#filterRoomMobile > div > div > span" ).click(function() {
9912  $(this).parent().find('input[type=checkbox]').prop("checked", !$(this).parent().find('input[type=checkbox]').prop("checked"));
9913});
9914$( "#filterPropertyTypeMobile > div > div > span" ).click(function() {
9915  $(this).parent().find('input[type=checkbox]').prop("checked", !$(this).parent().find('input[type=checkbox]').prop("checked"));
9916});
9917$( "#filterDesignStyleMobile > div > div > span" ).click(function() {
9918  $(this).parent().find('input[type=checkbox]').prop("checked", !$(this).parent().find('input[type=checkbox]').prop("checked"));
9919});
9920$( "#filterAreaSizePhotoMobile > div > div > span" ).click(function() {
9921  $(this).parent().find('input[type=checkbox]').prop("checked", !$(this).parent().find('input[type=checkbox]').prop("checked"));
9922});
9923$( "#filterColorMobile > div > div > span" ).click(function() {
9924  $(this).parent().find('input[type=checkbox]').prop("checked", !$(this).parent().find('input[type=checkbox]').prop("checked"));
9925});
9926$( "#filterBusinessMobile > div > div > span" ).click(function() {
9927  $(this).parent().find('input[type=checkbox]').prop("checked", !$(this).parent().find('input[type=checkbox]').prop("checked"));
9928});
9929$( "#filterDesignStyleProMobile > div > div > span" ).click(function() {
9930  $(this).parent().find('input[type=checkbox]').prop("checked", !$(this).parent().find('input[type=checkbox]').prop("checked"));
9931});
9932$( "#filterPropertyTypeProMobile > div > div > span" ).click(function() {
9933  $(this).parent().find('input[type=checkbox]').prop("checked", !$(this).parent().find('input[type=checkbox]').prop("checked"));
9934});
9935
9936
9937  function search_product(){
9938      var cat_section_select = "products";
9939      var cat_category_select = $("#filterSelectBoxMobile").attr("value");
9940      var cat_location_select = $("#filterSelectLocationBoxMobile").attr("value");
9941
9942      if(cat_category_select == undefined){
9943        cat_category_select = "all-category";
9944      }
9945
9946      if(cat_location_select == undefined){
9947        cat_location_select = "all-cities";
9948      }
9949
9950      var strings = "https://www.archify.com/../au/product/search/"+cat_section_select+"/"+cat_category_select+"/"+cat_location_select;//+$("#searchBox").val();
9951
9952      var search = $('#searchBoxModalProduct').val();
9953      search = search.replace("'",'%27');
9954      strings += "/all/"+search;
9955
9956      window.location.href = strings;
9957  }
9958
9959  function search_brand(){
9960      var cat_section_select = "brand";
9961      var cat_category_select = $("#filterBrandSelectBoxMobile").attr("value");
9962      var cat_location_select = $("#filterBrandSelectLocationBoxMobile").attr("value");
9963
9964      if(cat_category_select == undefined){
9965        cat_category_select = "all-category";
9966      }
9967
9968      if(cat_location_select == undefined){
9969        cat_location_select = "all-cities";
9970      }
9971
9972      var strings = "https://www.archify.com/../au/product/search/"+cat_section_select+"/"+cat_category_select+"/"+cat_location_select;//+$("#searchBox").val();
9973
9974      var search = $('#searchBoxModalBrand').val();
9975      search = search.replace("'",'%27');
9976      strings += "/all/"+search;
9977
9978      window.location.href = strings;
9979  }
9980
9981
9982// <!-- Call ajax every keyup -->
9983// <!--search box-->
9984var dataSearch = [
9985    {
9986        group: 'Photos',
9987        groupIcon: 'photo-grey.svg',
9988        sugestion : 'modern, home, teras'
9989    },
9990    {
9991        group: 'Professionals',
9992        groupIcon: 'professional-grey.svg',
9993        sugestion : 'modern, arsitect, professional'
9994    },
9995    {
9996        group: 'Products',
9997        groupIcon: 'product-grey.svg',
9998        sugestion : 'modern, arsitect, professional'
9999    },
10000    {
10001        group: 'Brands',
10002        groupIcon: 'brand-grey.svg',
10003        sugestion : 'modern, arsitect, professional'
10004    },
10005    {
10006        group: 'Blog',
10007        groupIcon: 'blog-grey.svg',
10008        sugestion : 'modern, arsitect, professional'
10009    }
10010];
10011var liSelected = "";
10012// $(window).resize(function() {
10013//     $('#search-box-affix').removeClass("long");
10014//     $('#searchBoxMenu').val("");
10015//     $('#search-box-affix ul.suggest').hide();
10016//     $('#search-box-affix .top-arrow-suggest').hide();
10017//     $(".popup-shade-bg-top-menu").hide();
10018//     if ($("#search-box-affix").hasClass("expanded")) {
10019//       $("#search-box-affix").removeClass("expanded");
10020//       $("#myAffixHome .cd-logo").fadeIn();
10021//       $("#myAffixHome nav").fadeIn();
10022//     }
10023//     liSelected = "";
10024// });
10025
10026var searchHeight;
10027function showSearchWithoutAjax(isLoading) {
10028
10029    var isLoading = isLoading;
10030
10031    /* your ajax here */
10032    changeTimer = false;
10033    var borderDiv = "<div class=\"border-search-box\"></div>";
10034
10035    if (isLoading) {
10036      $('#search-box-affix ul.suggest').show().html($("" +
10037        "<div style=\"position: relative; float: left; width: 100%;text-align: center;\"><img src=\"https://www.archify.com/assets/img/bluprin-loading.gif\" /></div>"
10038      ));
10039      $('#search-box-affix ul.suggest').css("height", searchHeight+"px");
10040    } else {
10041      $('#search-box-affix ul.suggest').show().html($("" +
10042          "<li class=\"header-project-suggestion-wrapper\" val=\"project\">" +
10043          "<p class=\"title\">Projects</p>" +
10044          "<a href=\"https://www.archify.com/au/projects/all-projects/all-business/all-locations/all-companies/popular/"+$search+"/\" class=\"link-view\" val=\"project\"><p class=\"grey\">Search in projects</p></a>" +
10045          "<div class=\"border-line\"></div>" +
10046          "</li>" +
10047          "<li class=\"header-product-suggestion-wrapper\" val=\"product\">" +
10048          "<p class=\"title\">Products</p>" +
10049          "<a href=\"https://www.archify.com/au/products/all-category/all?search="+$search+"\" class=\"link-view\" val=\"product\"><p class=\"grey\">Search in products</p></a>" +
10050          "<div class=\"border-line\"></div>" +
10051          "</li>" +
10052          "<li class=\"header-professional-suggestion-wrapper\" val=\"professional\">" +
10053          "<p class=\"title\">Professionals</p>" +
10054          // "<a href=\"https://www.archify.com/au/professionals/all-categories/all-properties/all-styles/all-cities/all-fees/"+$search+"\" class=\"link-view\" val=\"professional\"><p class=\"grey\">Search in professionals</p></a>" +
10055          "<a href=\"https://www.archify.com/au/professionals?search="+$search+"\" class=\"link-view\" val=\"professional\"><p class=\"grey\">Search in professionals</p></a>" +
10056          "<div class=\"border-line\"></div>" +
10057          "</li>" +
10058          "<li class=\"header-photo-suggestion-wrapper\" val=\"photo\">" +
10059          "<p class=\"title\">Inspiration</p>" +
10060          "<a href=\"https://www.archify.com/au/photos/all-properties/all-rooms/all-styles/all-colors/all-areas/all-cities/"+$search+"\" class=\"link-view\" val=\"photo\"><p class=\"grey\">Search in inspiration</p></a>" +
10061          "<div class=\"border-line\"></div>" +
10062          "</li>" +
10063          "<li class=\"header-brand-suggestion-wrapper\" val=\"brand\">" +
10064          "<p class=\"title\">Brands</p>" +
10065          "<a href=\"https://www.archify.com/au/products/all-category/all?search="+$search+"\" class=\"link-view\" val=\"photo\"><p class=\"grey\">Search in brands</p></a>" +
10066          "<div class=\"border-line\"></div>" +
10067          "</li>" +
10068					"<li class=\"header-education-suggestion-wrapper\" val=\"education\">" +
10069          "<p class=\"title\">Education</p>" +
10070          "</li>" +
10071          "<li class=\"header-article-suggestion-wrapper\" val=\"article\">" +
10072          "<p class=\"title\">Articles</p>" +
10073          "<a href=\"https://www.archify.com/au/archifynow/search/"+$search+"\" class=\"link-view\" val=\"article\"><p class=\"grey\">Search in articles</p></a>" +
10074          "</li>"
10075      ));
10076
10077
10078      $('#search-box-affix ul.suggest').append('\
10079        <div class="header-search-wrap-no-result">\
10080          <div class="txt1">0 results for "https://www.archify.com/au/search?keyword=+search+" in all categories</div>\
10081          <div class="txt2">Suggestion</div>\
10082          <div class="txt3">sure all words are spelled correctly.<br>\
10083          Try more general keywords.\
10084          </div>\
10085          <div class="txt4">or tell us what you are looking for and we\'ll be in touch\
10086          </div>\
10087          <div class="txt5">\
10088                  <a href="mailto:[email protected]?Subject=Feedback" target="_top">\
10089              <div class="black-btnn">Send Message</div>\
10090            </a>\
10091          </div>\
10092        </div>\
10093      ');
10094
10095      searchHeight = $("#search-box-affix ul.suggest").outerHeight();
10096    }
10097
10098
10099    $('#search-box-affix .top-arrow-suggest').show();
10100    $(".popup-shade-bg-top-menu-search-box").show();
10101    hideHeaderMessageBox();
10102    if (!$("#search-box-affix").hasClass("expanded")) {
10103      $("#search-box-affix").addClass("expanded");
10104      $("#myAffixHome .cd-logo").fadeOut();
10105      $("#myAffixHome nav").fadeOut();
10106    }
10107
10108    if($search == ''){
10109        $('#search-box-affix').removeClass("long");
10110        $('#search-box-affix ul.suggest').hide();
10111        $('#search-box-affix .top-arrow-suggest').hide();
10112        $(".popup-shade-bg-top-menu-search-box").hide();
10113        if ($("#search-box-affix").hasClass("expanded")) {
10114          $("#search-box-affix").removeClass("expanded");
10115          $("#myAffixHome .cd-logo").fadeIn();
10116          $("#myAffixHome nav").fadeIn();
10117        }
10118        liSelected = "";
10119    }
10120
10121    $('#search-box-affix ul.suggest li').unbind('click');
10122    $('#search-box-affix ul.suggest li a').on('click', function(){
10123
10124        if (requestSearch != "") {
10125          requestSearch.abort();
10126        }
10127
10128        $('#search-box-affix').removeClass("long");
10129        $('#search-box-affix ul.suggest').hide();
10130        $('#search-box-affix .top-arrow-suggest').hide();
10131        $(".popup-shade-bg-top-menu-search-box").hide();
10132        $("#search-box-affix").removeClass("expanded");
10133        $("#myAffixHome .cd-logo").fadeIn();
10134        $("#myAffixHome nav").fadeIn();
10135        liSelected = "";
10136
10137        var ss = $(this).attr("val");
10138        var s = $("#searchBoxMenu").val();
10139        s = s.replace("'",'%27');
10140
10141        if (ss == "project") {
10142            var strings = "https://www.archify.com/au/project/"+s;
10143            window.location.href = strings;
10144        } else if (ss == "professional") {
10145            // var strings = "https://www.archify.com/au/professionals/all-categories/all-properties/all-styles/all-cities/all-fees/"+s;
10146            var strings = "https://www.archify.com/au/professionals?search="+s;
10147            window.location.href = strings;
10148        } else if (ss == "product") {
10149            var strings = "https://www.archify.com/au/products/all-category/all?search="+s+"";
10150            window.location.href = strings;
10151        } else if (ss == "brand") {
10152            var strings = "https://www.archify.com/au/products/all-category/all?search="+s+"";
10153            window.location.href = strings;
10154        } else if (ss == "article") {
10155            var strings = "https://www.archify.com/au/archifynow/search/"+s;
10156            window.location.href = strings;
10157        } else {
10158            var strings = "https://www.archify.com/au/photos/all-properties/all-rooms/all-styles/all-colors/all-areas/all-cities/"+s;
10159            window.location.href = strings;
10160        }
10161
10162        e.preventDefault();
10163    });
10164
10165    $('#searchBoxMenu').unbind('keypress');
10166    $("#searchBoxMenu").keypress(
10167        function(e){
10168            // if(e.which==13){
10169            //     var searchVal = $("#searchBoxMenu").val();
10170            //
10171            //     $('#search-box-affix > ul > li').addClass('clean');
10172            //     var ss = $("#search-box-affix > ul > li.selected").attr("val");
10173            //     $('#searchBoxMenu').val($("#search-box-affix > ul > li.selected").find('.suggest-name').html());
10174            //     var s = searchVal.replace('in Photos','');
10175            //         s = s.replace('in Projects','');
10176            //         s = s.replace('in Professionals','');
10177            //         s = s.replace('in Products','');
10178            //         s = s.replace('in Brands','');
10179            //         s = s.replace('in Blog','');
10180            //
10181            //         s = s.replace("'",'%27');
10182            //
10183            //     if (ss == "project") {
10184            //         var strings = "https://www.archify.com/au/project/"+s;
10185            //         window.location.href = strings;
10186            //     } else if (ss == "professional") {
10187            //         var strings = "https://www.archify.com/au/professionals/all-categories/all-properties/all-styles/all-cities/all-fees/"+s;
10188            //         window.location.href = strings;
10189            //     } else if (ss == "product") {
10190            //         var strings = "https://www.archify.com/../au/product/search/products/all-category/all?search="+s+"";
10191            //         window.location.href = strings;
10192            //     } else if (ss == "brand") {
10193            //         var strings = "https://www.archify.com/../au/product/search/products/all-category/all?search="+s+"";
10194            //         window.location.href = strings;
10195            //     } else if (ss == "article") {
10196            //         var strings = "https://www.archify.com/au/archifynow/search/"+s;
10197            //         window.location.href = strings;
10198            //     } else {
10199            //         var strings = "https://www.archify.com/au/photos/all-properties/all-rooms/all-styles/all-colors/all-areas/all-cities/"+s;
10200            //         window.location.href = strings;
10201            //     }
10202            //
10203            //     e.preventDefault();
10204            //     return;
10205            // }
10206        }
10207    );
10208
10209    $('#submitBoxMenu').unbind('click');
10210    $("#submitBoxMenu").click(
10211        function(e){
10212                // $('#search-box-affix > ul > li').addClass('clean');
10213                // var ss = $("#search-box-affix > ul > li.selected").attr("val");
10214                // $('#searchBoxMenu').val($("#search-box-affix > ul > li.selected").find('.suggest-name').html());
10215                // var s = $("#searchBoxMenu").val().replace('in Photos','');
10216                //     s = s.replace('in Projects','');
10217                //     s = s.replace('in Professionals','');
10218                //     s = s.replace('in Products','');
10219                //     s = s.replace('in Brands','');
10220                //     s = s.replace('in Blog','');
10221                //
10222                //     s = s.replace("'",'%27');
10223                //
10224                // if (ss == "project") {
10225                //     var strings = "https://www.archify.com/au/project/"+s;
10226                //     window.location.href = strings;
10227                // } else if (ss == "professional") {
10228                //     var strings = "https://www.archify.com/au/professionals/all-categories/all-properties/all-styles/all-cities/all-fees/"+s;
10229                //     window.location.href = strings;
10230                // } else if (ss == "product") {
10231                //     var strings = "https://www.archify.com/../au/product/search/products/all-category/all?search="+s+"";
10232                //     window.location.href = strings;
10233                // } else if (ss == "brand") {
10234                //     var strings = "https://www.archify.com/../au/product/search/products/all-category/all?search="+s+"";
10235                //     window.location.href = strings;
10236                // } else if (ss == "article") {
10237                //     var strings = "https://www.archify.com/au/archifynow/search/"+s;
10238                //     window.location.href = strings;
10239                // } else {
10240                //     var strings = "https://www.archify.com/au/photos/all-properties/all-rooms/all-styles/all-colors/all-areas/all-cities/"+s;
10241                //     window.location.href = strings;
10242                // }
10243
10244                e.preventDefault();
10245                return;
10246        }
10247    );
10248
10249    var li = $('#search-box-affix > ul > li');
10250    var n = -1;
10251    var ll = li.length-1;
10252
10253    $("#searchBoxMenu").unbind('keydown');
10254    $("#searchBoxMenu").keydown(function(e){
10255    });
10256
10257    $('#searchBoxMenu').unbind('click');
10258    $('#searchBoxMenu').click(function(){
10259      if ($("#searchBoxMenu").val() != "") {
10260        $("#search-box-affix ul.suggest").show();
10261        $('#search-box-affix .top-arrow-suggest').show();
10262        $(".popup-shade-bg-top-menu-search-box").show();
10263        hideHeaderMessageBox();
10264        if (!$("#search-box-affix").hasClass("expanded")) {
10265          $("#search-box-affix").addClass("expanded");
10266          $("#myAffixHome .cd-logo").fadeOut();
10267          $("#myAffixHome nav").fadeOut();
10268        }
10269      }
10270    });
10271}
10272
10273function showSearchAjax(data) {
10274
10275  /* your ajax here */
10276  changeTimer = false;
10277  var borderDiv = "<div class=\"border-search-box\"></div>";
10278  var listNotShown = 0;
10279
10280  // Looping Product
10281    var productsList = "";
10282
10283    for (var i = 0; i < data.data["products"].length; i++) {
10284      productsList += "<div val=\"product\" class=\"list\">" +
10285      "<span class=\"text-search\">"+data.data["products"][i][0]+"</span>" +
10286      "<div class='suggest-name' style='display: none'>"+data.data["products"][i][1]+"</div>" +
10287      "</div>";
10288    }
10289  // END Looping Product
10290
10291  // Looping Product Image
10292    var productsImageList = "";
10293
10294    var txt_m = "mobile";
10295
10296    for (var i = 0; i < data.data["products_photos"].length; i++) {
10297        if(i>=4)txt_m="";
10298
10299        productsImageList += "<div val=\"photo\" class=\"list photo "+txt_m+"\">"
10300              + "<a href='https://www.archify.com/au/product/"+data.data["products_photos"][i]["brand_slug"]+"/product/"+data.data["products_photos"][i]["id"]+"'>"
10301              +"<span class=\"text-search\">"
10302              +"<img src='"+data.data["products_photos"][i]["product_image"]+"' alt=\"\">"
10303              +"</span>"
10304              +"</a>"
10305              +"</div>";
10306        if (i === 7) { break; }
10307    }
10308  // END Looping Product
10309
10310
10311  // Looping Professional
10312    var professionalList = "";
10313
10314    for (var i = 0; i < data.data["professionals"].length; i++) {
10315      professionalList += "<div val=\"product\" class=\"list\">" +
10316      "<span class=\"text-search\">"+data.data["professionals"][i][0]+"</span>" +
10317      "<div class='suggest-name' style='display: none'>"+data.data["professionals"][i][1]+"</div>" +
10318      "</div>";
10319    }
10320  // END Looping Professional
10321
10322  // Looping Professional
10323    var professionalList = "";
10324
10325    for (var i = 0; i < data.data["professionals"].length; i++) {
10326      professionalList += "<div val=\"professional\" class=\"list\">" +
10327      "<span class=\"text-search\">"+data.data["professionals"][i][0]+"</span>" +
10328      "<div class='suggest-name' style='display: none'>"+data.data["professionals"][i][1]+"</div>" +
10329      "</div>";
10330    }
10331  // END Looping Product
10332
10333  // Looping Inspiration
10334    var photosList = "<div class=\"photos-wrapper\">";
10335
10336    for (var i = 0; i < data.data["photos"].length; i++) {
10337      if (i < 8) {
10338        if (i < 4) {
10339          photosList += "<div val=\"photo\" class=\"list photo mobile\">" +
10340          // _using_s3
10341          // "<span class=\"text-search\"><img src=\"https://image-apac.archify.com/professional/projects/xxs/"+data.data["photos"][i][1]+"\" alt=\"\" /></span>" +
10342          "<span class=\"text-search\"><img src=\"https://www.archify.com/files/professional/projects/xxs/"+data.data["photos"][i][1]+"\" alt=\"\" /></span>" +
10343          "<div class='suggest-name' style='display: none'>"+data.data["photos"][i][0]+"</div>" +
10344          "</div>";
10345        } else {
10346          photosList += "<div val=\"photo\" class=\"list photo\">" +
10347          // _using_s3
10348          // "<span class=\"text-search\"><img src=\"https://image-apac.archify.com/professional/projects/xxs/"+data.data["photos"][i][1]+"\" alt=\"\" /></span>" +
10349          
10350          "<span class=\"text-search\"><img src=\"https://www.archify.com/files/professional/projects/xxs/"+data.data["photos"][i][1]+"\" alt=\"\" /></span>" +
10351          "<div class='suggest-name' style='display: none'>"+data.data["photos"][i][0]+"</div>" +
10352          "</div>";
10353        }
10354      }
10355    }
10356    photosList += "</div>";
10357  // END Looping Inspiration
10358
10359
10360  // Looping Brand
10361    var brandList = "";
10362
10363    for (var i = 0; i < data.data["brands"].length; i++) {
10364      brandList += "<div val=\"brand\" class=\"list\">" +
10365      "<span class=\"text-search\">"+data.data["brands"][i][0]+"</span>" +
10366      "<div class='suggest-name' style='display: none'>"+data.data["brands"][i][1]+"</div>" +
10367      "</div>";
10368    }
10369  // END Looping Brand
10370
10371  // Looping Projects
10372  var projectList = "";
10373  for (var i = 0; i < data.data["projects"].length; i++) {
10374    projectList += "<div val=\"project\" class=\"list\">" +
10375    "<span class=\"text-search\">"+data.data["projects"][i][0]+"</span>" +
10376    "<div class='suggest-name' style='display: none'>"+data.data["projects"][i][1]+"</div>" +
10377    "</div>";
10378  }
10379  // END Looping Projects
10380
10381  // Looping Article
10382    var articleList = "";
10383
10384    for (var i = 0; i < data.data["articles"].length; i++) {
10385      articleList += "<div val=\"article\" class=\"list\">" +
10386      "<span class=\"text-search\">"+data.data["articles"][i][0]+"</span>" +
10387      "<div class='suggest-name' style='display: none'>"+data.data["articles"][i][1]+"</div>" +
10388      "</div>";
10389    }
10390	// END Looping Article
10391
10392  // Looping Projects uploaded by Product
10393    var projectsUploadedList = "";
10394
10395    for (var i = 0; i < data.data["projects_upload"].length; i++) {
10396      projectsUploadedList += "<div val=\"project-uploaded\" data-slug-brand=\""+data.data["projects_upload"][i][2]+"\" data-slug-project=\""+data.data["projects_upload"][i][1]+"\" class=\"list\">" +
10397      "<span class=\"text-search\">"+data.data["projects_upload"][i][0]+"</span>" +
10398      "<div class='suggest-name' style='display: none'>"+data.data["projects_upload"][i][1]+"</div>" +
10399      "</div>";
10400    }
10401  // END Looping Projects uploaded by Product
10402
10403	// Looping Education
10404    var educationList = "";
10405
10406    for (var i = 0; i < data.data["education"].length; i++) {
10407      educationList += "<div val=\"education\" class=\"list\" data-slug-brand=\""+data.data["education"][i][2]+"\" data-slug-education=\""+data.data["education"][i][1]+"\">" +
10408      "<span class=\"text-search\">"+data.data["education"][i][0]+"</span>" +
10409      "<div class='suggest-name' style='display: none'>"+data.data["education"][i][1]+"</div>" +
10410      "</div>";
10411    }
10412	// END Looping Education
10413
10414  $('#search-box-affix ul.suggest').show().html($("" +
10415      "<li class=\"header-project-suggestion-wrapper\" val=\"project\">" +
10416      "<p class=\"title\">Projects</p>" +
10417      "<a href=\"https://www.archify.com/au/projects/all-projects/all-business/all-locations/all-companies/popular/"+$search+"/\" class=\"link-view\" val=\"project\"><p class=\"grey\">Search in projects</p></a>" +
10418      projectList +
10419      "<div class=\"border-line\"></div>" +
10420      "</li>" +
10421			"<li class=\"header-education-suggestion-wrapper\" val=\"education\">" +
10422      "<p class=\"title\">Education</p>" +
10423      educationList +
10424			"<div class=\"border-line\"></div>" +
10425			"</li>" +
10426      "<li class=\"header-product-suggestion-wrapper\" val=\"product\">" +
10427      "<p class=\"title\">Products</p>" +
10428      "<a href=\"https://www.archify.com/au/products/all-category/all?search="+$search+"\" class=\"link-view\" val=\"product\"><p class=\"grey\">Search in products</p></a>" +
10429      productsList +
10430      "<div class=\"photos-wrapper\">"+
10431      productsImageList+
10432      "</div>"+
10433      "<div class=\"border-line\"></div>" +
10434      "</li>" +
10435      "<li class=\"header-professional-suggestion-wrapper\" val=\"professional\">" +
10436      "<p class=\"title\">Professionals</p>" +
10437      // "<a href=\"https://www.archify.com/au/professionals/all-categories/all-properties/all-styles/all-cities/all-fees/"+$search+"\" class=\"link-view\" val=\"professional\"><p class=\"grey\">Search in professionals</p></a>" +
10438      "<a href=\"https://www.archify.com/au/professionals/?search="+$search+"\" class=\"link-view\" val=\"professional\"><p class=\"grey\">Search in professionals</p></a>" +
10439      professionalList +
10440      "<div class=\"border-line\"></div>" +
10441      "</li>" +
10442      "<li class=\"header-photo-suggestion-wrapper\" val=\"photo\">" +
10443      "<p class=\"title\">Inspiration</p>" +
10444      "<a href=\"https://www.archify.com/au/photos/all-properties/all-rooms/all-styles/all-colors/all-areas/all-cities/"+$search+"\" class=\"link-view\" val=\"photo\"><p class=\"grey\">Search in inspiration</p></a>" +
10445      photosList +
10446      "<div class=\"border-line\"></div>" +
10447      "</li>" +
10448      "<li class=\"header-brand-suggestion-wrapper\" val=\"brand\">" +
10449      "<p class=\"title\">Brands</p>" +
10450      "<a href=\"https://www.archify.com/au/brands/all-category/all?search="+$search+"\" class=\"link-view\" val=\"photo\"><p class=\"grey\">Search in brands</p></a>" +
10451      brandList +
10452      "<div class=\"border-line\"></div>" +
10453      "</li>" +
10454      "<li class=\"header-article-suggestion-wrapper\" val=\"article\">" +
10455      "<p class=\"title\">Articles</p>" +
10456      "<a href=\"https://www.archify.com/au/archifynow/search/"+$search+"\" class=\"link-view\" val=\"article\"><p class=\"grey\">Search in articles</p></a>" +
10457      articleList +
10458      "<div class=\"border-line\"></div>" +
10459      "</li>" +
10460      "<li class=\"header-projects-upload-suggestion-wrapper\" val=\"project-uploaded\">" +
10461      "<p class=\"title\" style=\"width:100%;\">Projects Uploaded by Supplier</p>" +
10462      projectsUploadedList +
10463      "</li>"
10464  ));
10465
10466  var searchHeaderEmptyTotal = 0;
10467  if (data.data["projects"].length <= 0) {
10468    $(".header-project-suggestion-wrapper").remove();
10469    searchHeaderEmptyTotal += 1;
10470  }
10471  if (data.data["products"].length <= 0 && data.data["products_photos"].length <= 0) {
10472    $(".header-product-suggestion-wrapper").remove();
10473    searchHeaderEmptyTotal += 1;
10474  }
10475  if (data.data["professionals"].length <= 0) {
10476    $(".header-professional-suggestion-wrapper").remove();
10477    searchHeaderEmptyTotal += 1;
10478  }
10479  if (data.data["photos"].length <= 0) {
10480    $(".header-photo-suggestion-wrapper").remove();
10481    searchHeaderEmptyTotal += 1;
10482  }
10483  if (data.data["brands"].length <= 0) {
10484    $(".header-brand-suggestion-wrapper").remove();
10485    searchHeaderEmptyTotal += 1;
10486  }
10487  if (data.data["articles"].length <= 0) {
10488    $(".header-article-suggestion-wrapper").remove();
10489    searchHeaderEmptyTotal += 1;
10490  }
10491  if (data.data["projects_upload"].length <= 0) {
10492    $(".header-projects-upload-suggestion-wrapper").remove();
10493    searchHeaderEmptyTotal += 1;
10494  }
10495	if (data.data["education"].length <= 0) {
10496    $(".header-education-suggestion-wrapper").remove();
10497    searchHeaderEmptyTotal += 1;
10498  }
10499
10500	var totalHeaderEmptyMax = 8;
10501
10502  if (searchHeaderEmptyTotal >= totalHeaderEmptyMax) {
10503    $('#search-box-affix ul.suggest').append('\
10504      <div class="header-search-wrap-no-result">\
10505        <div class="txt1">0 results for "<span>'+$('#searchBoxMenu').val()+'</span>" in all categories</div>\
10506        <div class="txt2">Suggestion</div>\
10507        <div class="txt3">sure all words are spelled correctly.<br>\
10508        Try more general keywords.\
10509        </div>\
10510        <!--<div class="txt4">or tell us what you are looking for and we\'ll be in touch\
10511        </div>\
10512        <div class="txt5">\
10513            <a href="mailto:[email protected]?Subject=Feedback" target="_top">\
10514            <div class="black-btnn">Send Message</div>\
10515          </a>\
10516        </div>-->\
10517      </div>\
10518    ');
10519  }
10520
10521  searchHeight = $("#search-box-affix ul.suggest").outerHeight();
10522
10523  $('#search-box-affix .top-arrow-suggest').show();
10524  $(".popup-shade-bg-top-menu-search-box").show();
10525  hideHeaderMessageBox();
10526  if (!$("#search-box-affix").hasClass("expanded")) {
10527    $("#search-box-affix").addClass("expanded");
10528    $("#myAffixHome .cd-logo").fadeOut();
10529    $("#myAffixHome nav").fadeOut();
10530  }
10531
10532  if($search == ''){
10533      $('#search-box-affix').removeClass("long");
10534      $('#search-box-affix ul.suggest').hide();
10535      $('#search-box-affix .top-arrow-suggest').hide();
10536      $(".popup-shade-bg-top-menu-search-box").hide();
10537      $("#search-box-affix").removeClass("expanded");
10538      $("#myAffixHome .cd-logo").fadeIn();
10539      $("#myAffixHome nav").fadeIn();
10540      liSelected = "";
10541  }
10542
10543  $('#search-box-affix ul.suggest li .list').unbind('click');
10544  $('#search-box-affix ul.suggest li .list').on('click', function(){
10545      if (requestSearch != "") {
10546        requestSearch.abort();
10547      }
10548      $('#search-box-affix').removeClass("long");
10549      $('#search-box-affix ul.suggest').hide();
10550      $('#search-box-affix .top-arrow-suggest').hide();
10551      $(".popup-shade-bg-top-menu-search-box").hide();
10552      $("#search-box-affix").removeClass("expanded");
10553      $("#myAffixHome .cd-logo").fadeIn();
10554      $("#myAffixHome nav").fadeIn();
10555      liSelected = "";
10556      // $('#searchBoxMenu').val($(this).find('.suggest-name').html());
10557
10558      var ss = $(this).attr("val");
10559      var s = $(this).find('.suggest-name').html().replace('in Photos','');
10560          s = s.replace('in Projects','');
10561          s = s.replace('in Professionals','');
10562          s = s.replace('in Products','');
10563          s = s.replace('in Brands','');
10564          s = s.replace('in Blog','');
10565
10566          s = s.replace("'",'%27');
10567
10568      if (ss == "project") {
10569          var strings = "https://www.archify.com/au/project/"+s;
10570          window.location.href = strings;
10571      } else if (ss == "professional") {
10572          var strings = "https://www.archify.com/au/"+s;
10573          window.location.href = strings;
10574      } else if (ss == "product") {
10575          var strings = "https://www.archify.com/au/products/all-category/all?search="+s+"";
10576          window.location.href = strings;
10577      } else if (ss == "brand") {
10578          // alert(s);
10579          var strings = "https://www.archify.com/au/product/"+s;
10580          window.location.href = strings;
10581      } else if (ss == "article") {
10582          var strings = "https://www.archify.com/au/archifynow/"+s;
10583          window.location.href = strings;
10584      } else if (ss == "project-uploaded") {
10585          var strings = "https://www.archify.com/au/product/"+$(this).attr("data-slug-brand")+"/project/"+$(this).attr("data-slug-project")+"";
10586          window.location.href = strings;
10587      } else if (ss == "education") {
10588          var strings = "https://www.archify.com/au/education/"+$(this).attr("data-slug-brand")+"/detail/"+$(this).attr("data-slug-education")+"";
10589          window.location.href = strings;
10590      } else {
10591          var strings = "https://www.archify.com/au/photo/detail/"+s;
10592          window.location.href = strings;
10593      }
10594
10595      e.preventDefault();
10596  });
10597
10598  $('#searchBoxMenu').unbind('keypress');
10599  $("#searchBoxMenu").keypress(
10600      function(e){
10601          //alert("aa");
10602          // if(e.which==13){
10603          //
10604          //
10605          //     var searchVal = $("#searchBoxMenu").val();
10606          //
10607          //
10608          //     $('#search-box-affix > ul > li').addClass('clean');
10609          //     var ss = $("#search-box-affix > ul > li.selected").attr("val");
10610          //     $('#searchBoxMenu').val($("#search-box-affix > ul > li.selected").find('.suggest-name').html());
10611          //     var s = searchVal.replace('in Photos','');
10612          //         s = s.replace('in Projects','');
10613          //         s = s.replace('in Professionals','');
10614          //         s = s.replace('in Products','');
10615          //         s = s.replace('in Brands','');
10616          //         s = s.replace('in Blog','');
10617          //
10618          //         s = s.replace("'",'%27');
10619          //
10620          //     if (ss == "project") {
10621          //         var strings = "https://www.archify.com/au/project/"+s;
10622          //         window.location.href = strings;
10623          //     } else if (ss == "professional") {
10624          //         var strings = "https://www.archify.com/au/professionals/all-categories/all-properties/all-styles/all-cities/all-fees/"+s;
10625          //         window.location.href = strings;
10626          //     } else if (ss == "product") {
10627          //         var strings = "https://www.archify.com/../au/product/search/products/all-category/all?search="+s+"";
10628          //         window.location.href = strings;
10629          //     } else if (ss == "brand") {
10630          //         var strings = "https://www.archify.com/../au/product/search/products/all-category/all?search="+s+"";
10631          //         window.location.href = strings;
10632          //     } else if (ss == "article") {
10633          //         var strings = "https://www.archify.com/au/archifynow/search/"+s;
10634          //         window.location.href = strings;
10635          //     } else {
10636          //         var strings = "https://www.archify.com/au/photos/all-properties/all-rooms/all-styles/all-colors/all-areas/all-cities/"+s;
10637          //         window.location.href = strings;
10638          //     }
10639          //
10640          //     e.preventDefault();
10641          //     return;
10642          // }
10643      }
10644  );
10645
10646  $('#submitBoxMenu').unbind('click');
10647  $("#submitBoxMenu").click(
10648      function(e){
10649              // $('#search-box-affix > ul > li').addClass('clean');
10650              // var ss = $("#search-box-affix > ul > li.selected").attr("val");
10651              // $('#searchBoxMenu').val($("#search-box-affix > ul > li.selected").find('.suggest-name').html());
10652              // var s = $("#searchBoxMenu").val().replace('in Photos','');
10653              //     s = s.replace('in Professionals','');
10654              //     s = s.replace('in Products','');
10655              //     s = s.replace('in Brands','');
10656              //     s = s.replace('in Blog','');
10657              //
10658              //     s = s.replace("'",'%27');
10659              //
10660              // if (ss == "project") {
10661              //     var strings = "https://www.archify.com/au/project/"+s;
10662              //     window.location.href = strings;
10663              // } else if (ss == "professional") {
10664              //     var strings = "https://www.archify.com/au/professionals/all-categories/all-properties/all-styles/all-cities/all-fees/"+s;
10665              //     window.location.href = strings;
10666              // } else if (ss == "product") {
10667              //     var strings = "https://www.archify.com/../au/product/search/products/all-category/all?search="+s+"";
10668              //     window.location.href = strings;
10669              // } else if (ss == "brand") {
10670              //     var strings = "https://www.archify.com/../au/product/search/products/all-category/all?search="+s+"";
10671              //     window.location.href = strings;
10672              // } else if (ss == "article") {
10673              //     var strings = "https://www.archify.com/au/archifynow/search/"+s;
10674              //     window.location.href = strings;
10675              // } else {
10676              //     var strings = "https://www.archify.com/au/photos/all-properties/all-rooms/all-styles/all-colors/all-areas/all-cities/"+s;
10677              //     window.location.href = strings;
10678              // }
10679
10680              e.preventDefault();
10681              return;
10682      }
10683  );
10684
10685  var li = $('#search-box-affix > ul > li');
10686  var n = -1;
10687  var ll = li.length-1;
10688
10689  $("#searchBoxMenu").unbind('keydown');
10690  $("#searchBoxMenu").keydown(function(e){
10691  });
10692
10693  $('#searchBoxMenu').unbind('click');
10694  $('#searchBoxMenu').click(function(){
10695    if ($("#searchBoxMenu").val() != "") {
10696      $("#search-box-affix ul.suggest").show();
10697      $('#search-box-affix .top-arrow-suggest').show();
10698      $(".popup-shade-bg-top-menu-search-box").show();
10699      hideHeaderMessageBox();
10700      if (!$("#search-box-affix").hasClass("expanded")) {
10701        $("#search-box-affix").addClass("expanded");
10702        $("#myAffixHome .cd-logo").fadeOut();
10703        $("#myAffixHome nav").fadeOut();
10704      }
10705    }
10706  });
10707
10708}
10709
10710$(document).unbind('mouseup');
10711$(document).mouseup(function(e)
10712{
10713    var container = $("#search-box-affix ul.suggest");
10714    var container2 = $("#searchBoxMenu");
10715    var headerMessageIconAreaContainer = $(".header-message-icon-area");
10716    var headerMessageBoxAreaContainer = $("#myAffixHome .header-message-box-area");
10717
10718    // if the target of the click isn't the container nor a descendant of the container
10719    if ((!container.is(e.target) && container.has(e.target).length === 0) && (!container2.is(e.target) && container2.has(e.target).length === 0))
10720    {
10721      if (windowWidth__ > 992) {
10722        container.hide();
10723        $(".popup-shade-bg-top-menu-search-box").hide();
10724        $('#search-box-affix .top-arrow-suggest').hide();
10725        if ($("#search-box-affix").hasClass("expanded")) {
10726          $("#search-box-affix").removeClass("expanded");
10727          $("#myAffixHome .cd-logo").fadeIn();
10728          $("#myAffixHome nav").fadeIn();
10729        }
10730      }
10731
10732    }
10733
10734    // if the target of the click isn't the container nor a descendant of the container
10735    if (!headerMessageIconAreaContainer.is(e.target) && headerMessageIconAreaContainer.has(e.target).length === 0)
10736    {
10737      if (!headerMessageBoxAreaContainer.is(e.target) && headerMessageBoxAreaContainer.has(e.target).length === 0)
10738      {
10739        hideHeaderMessageBox();
10740      }
10741    }
10742});
10743
10744var requestSearch = "";
10745var searchAjaxTimeout;
10746let requestSearchGlobal = [];
10747
10748// search header javascript
10749$(".search-header-button").click(function(){
10750  $(".new-header-wrapper .navigation-wrapper .search-wrapper-header").addClass("show-search");
10751  $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper").hide();
10752  // $(".popup-shade-bg-top-menu-new-search-box").show();
10753  $("#newHeaderSearchInput").focus();
10754  abortAllRequestSearchAjax();
10755	clearTimeout(searchAjaxTimeout);
10756});
10757$(".new-header-close-search-button").click(function(){
10758  $(".new-header-wrapper .navigation-wrapper .search-wrapper-header").removeClass("show-search");
10759  $(".popup-shade-bg-top-menu-new-search-box").hide();
10760  $("#newHeaderSearchInput").val("");
10761	valueSearchTextBefore = "";
10762  abortAllRequestSearchAjax();
10763	clearTimeout(searchAjaxTimeout);
10764});
10765$(".popup-shade-bg-top-menu-new-search-box").click(function(){
10766  $(".new-header-wrapper .navigation-wrapper .search-wrapper-header").removeClass("show-search");
10767  $(".popup-shade-bg-top-menu-new-search-box").hide();
10768  $("#newHeaderSearchInput").val("");
10769	valueSearchTextBefore = "";
10770  abortAllRequestSearchAjax();
10771	clearTimeout(searchAjaxTimeout);
10772});
10773$("#newHeaderSearchButton").click(function(){
10774	$search = escapeHtmlMain($("#newHeaderSearchInput").val());
10775	//alert("aaa");
10776  window.location = "https://www.archify.com/au/search?keyword="+$search;
10777});
10778
10779function keyupdelay(callback, ms) {
10780  var timer = 0;
10781  return function() {
10782    var context = this, args = arguments;
10783    clearTimeout(timer);
10784    timer = setTimeout(function () {
10785      callback.apply(context, args);
10786    }, ms || 0);
10787  };
10788}
10789
10790function abortAllRequestSearchAjax() {
10791  requestSearchGlobal.forEach(request => {
10792    if(request?.abort){
10793      request?.abort();
10794    }
10795  });
10796
10797  requestSearchGlobal = [];
10798}
10799
10800$('#newHeaderSearchInput').keydown(function(e){
10801  if (e.which == 13) {
10802    e.preventDefault();
10803  }
10804});
10805function escapeHtmlMain(htmlStr) {
10806   return htmlStr.replace(/&/g, "&amp;")
10807         .replace(/</g, "&lt;")
10808         .replace(/>/g, "&gt;")
10809         .replace(/"/g, "&quot;")
10810         .replace(/'/g, "&#39;");
10811}
10812var valueSearchTextBefore = "";
10813$('#newHeaderSearchInput').keyup(keyupdelay(function (e) {
10814
10815  var changeTimer = false;
10816  var thisInputBox = $(this);
10817
10818  $search = escapeHtmlMain(thisInputBox.val());
10819
10820  var textlength =  $.trim($search).length;
10821
10822	abortAllRequestSearchAjax();
10823
10824  if(e.which === 13){
10825    // alert("https://www.archify.com/au/search?keyword="+$search);
10826    window.location = "https://www.archify.com/au/search?keyword="+$search;
10827  }
10828  else if (e.which !== 38 && e.which !== 40)  {
10829    //alert("wm");
10830    //alert(e.which);
10831
10832    //alert("wm3");
10833		if (valueSearchTextBefore != $search) {
10834			valueSearchTextBefore = $search;
10835
10836			if ($search == "") {
10837
10838				// $(".new-header-wrapper .navigation-wrapper .search-wrapper-header").addClass("show-search");
10839			  $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper").hide();
10840			  $(".popup-shade-bg-top-menu-new-search-box").hide();
10841
10842
10843	    } else {
10844	        if (textlength < 3) {
10845	          //alert("wm2");
10846	          // showSearchWithoutAjax(true);
10847						// $(".new-header-wrapper .navigation-wrapper .search-wrapper-header").addClass("show-search");
10848					  $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper").hide();
10849					  $(".popup-shade-bg-top-menu-new-search-box").hide();
10850	        } else {
10851						var totalNoResult = 0;
10852						var totalSearchAjaxSuccess = 0;
10853						// $(".new-header-wrapper .navigation-wrapper .search-wrapper-header").addClass("show-search");
10854						$(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result").hide();
10855						$(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.loading").show();
10856						$(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper").show();
10857					  $(".popup-shade-bg-top-menu-new-search-box").show();
10858						$(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result:not(.loading):not(.no-result):not(.products)").html("");
10859            $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.no-result").hide();
10860
10861						clearTimeout(searchAjaxTimeout);
10862					  var thisDiv = $(this);
10863
10864            var count_res = 0;
10865						var total_search_ajax_loaded = 0;
10866
10867					  searchAjaxTimeout =  setTimeout( function()
10868	          {
10869							// Optimized async search using Promise.all
10870              $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.loading").show();
10871              $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.no-result").hide();
10872							performAsyncSearch($search);
10873	          }, 1000);
10874	        }
10875
10876	    }
10877		}
10878
10879
10880  }
10881
10882}, 500));
10883
10884// Optimized async search function
10885function performAsyncSearch(search) {
10886	// Define all search endpoints
10887	const searchEndpoints = [
10888		{
10889			url: "https://www.archify.com/au/gpost/search/get_products_optimized?query=" + search,
10890			type: "products",
10891			handler: handleProductsResponse,
10892		},
10893		{
10894			url: "https://www.archify.com/au/gpost/search/get_products_for_landing_optimized?query=" + search,
10895			type: "products_photos",
10896			handler: handleProductsPhotosResponse,
10897		},
10898		{
10899			url: "https://www.archify.com/au/gpost/search/get_brands_optimized?query=" + search,
10900			type: "brands",
10901			handler: handleBrandsResponse,
10902		},
10903		{
10904			url: "https://www.archify.com/au/gpost/search/get_education_optimized?query=" + search,
10905			type: "education",
10906			handler: handleEducationResponse,
10907		},
10908		{
10909			url: "https://www.archify.com/au/gpost/search/get_professionals_optimized?query=" + search,
10910			type: "professionals",
10911			handler: handleProfessionalsResponse,
10912		},
10913		{
10914			url: "https://www.archify.com/au/gpost/search/get_projects_optimized?query=" + search,
10915			type: "projects",
10916			handler: handleProjectsResponse,
10917		},
10918		{
10919			url: "https://www.archify.com/au/gpost/search/get_inspirations_optimized?query=" + search,
10920			type: "inspirations",
10921			handler: handleInspirationsResponse,
10922		},
10923		{
10924			url: "https://www.archify.com/au/gpost/search/get_articles_optimized?query=" + search,
10925			type: "articles",
10926			handler: handleArticlesResponse,
10927		}
10928	];
10929	// Create promises for all requests
10930	const promises = searchEndpoints.map(endpoint => {
10931		return new Promise((resolve, reject) => {
10932			requestSearchGlobal.push($.ajax({
10933				url: endpoint.url,
10934				type: "GET",
10935				dataType: 'JSON',
10936				async: true,
10937				success: function(data) {
10938					resolve({ type: endpoint.type, data: data, handler: endpoint.handler });
10939				},
10940				error: function(jqXHR, textStatus, errorThrown) {
10941					resolve({ type: endpoint.type, data: null, handler: endpoint.handler });
10942				}
10943			}));
10944		});
10945	});
10946
10947	// Execute all requests simultaneously
10948	Promise.all(promises).then(results => {
10949		let totalResults = 0;
10950
10951		results.forEach(result => {
10952			if (result.data && result.data.data) {
10953				// Call the appropriate handler for each response
10954				const resultCount = result.handler(result.data.data, search);
10955				totalResults += resultCount;
10956			}
10957		});
10958
10959		// Hide loading and show no results if needed
10960		$(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.loading").hide();
10961		if (totalResults === 0) {
10962			$(".no-result").show();
10963		}else{
10964      $(".no-result").hide();
10965    }
10966	});
10967}
10968
10969// Response handlers for each search type
10970function handleProductsResponse(data, search) {
10971	let count = 0;
10972	let productsList = "";
10973
10974  // reset products list
10975  $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.products .products-search-result-text").html("");
10976
10977	for (let i = 0; i < data.products.length && i < 10; i++) {
10978		count++;
10979    
10980		productsList += `<a target="_blank" href="https://www.archify.com/au/products?search=${data.products[i][1]}">${data.products[i][0]} </a> ${ i < data.products.length-1 && i < 9 ? "<p>|</p>" : ""}`;
10981	}
10982
10983	if (data.products.length > 0) {
10984		$(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.products .products-search-result-text").append(`${productsList}`);
10985		$(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.products").fadeIn();
10986	}
10987
10988	return count;
10989}
10990
10991function handleProductsPhotosResponse(data, search) {
10992	let count = 0;
10993	let productsImageList = "";
10994
10995  // reset products image list
10996  $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.products .main-wrapper").html("");
10997	
10998  for (let i = 0; i < data.products_photos.length && i < 10; i++) {
10999		count++;
11000		productsImageList += `<div class="image-item-wrapper">
11001			<a target="_blank" href="https://www.archify.com/au/product/${data.products_photos[i].brand_slug}/product/${data.products_photos[i].id}">
11002				<div class="image-item">
11003					<img src="${data.products_photos[i].product_image}" title="${data.products_photos[i].product_name}" alt="${data.products_photos[i].product_name}" width="100" height="100">
11004				</div>
11005			</a>
11006		</div>`;
11007	}
11008
11009	let more_products = '';
11010	if (data.products_photos.length >= 10) {
11011		more_products = `<a class="view-more-link" href="https://www.archify.com/au/products/all-category/all?search=${search}">
11012			<div class="image-item view-more">View More</div>
11013		</a>`;
11014	}
11015
11016	if (data.products_photos.length > 0) {
11017		$(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.products .main-wrapper").append(
11018      `<div class="main-wrapper">
11019        <div class="search-result-wrapper-header">
11020          <div class="images-inside-wrapper">${productsImageList}</div>
11021        </div>
11022        ${more_products}
11023      </div>
11024		`);
11025
11026		$(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.products").fadeIn();
11027	}
11028
11029	return count;
11030}
11031
11032function handleBrandsResponse(data, search) {
11033	let count = 0;
11034	let brandList = "";
11035
11036  $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.brands").html("");
11037
11038	for (let i = 0; i < data.brands.length && i < 10; i++) {
11039		count++;
11040		brandList += `<div class="image-item-wrapper">
11041			<a target="_blank" href="https://www.archify.com/au/product/${data.brands[i].slug}">
11042				<div class="image-item brands">
11043					<img src="https://image-apac.archify.com/catalog/supplier/s/${data.brands[i].logo}" title="${data.brands[i].brand_name}" alt="${data.brands[i].brand_name}" width="100" height="100">
11044				</div>
11045				<p class="name">${data.brands[i].brand_name}</p>
11046			</a>
11047		</div>`;
11048	}
11049
11050	let more_brands = '';
11051	if (data.brands.length > 10) {
11052		more_brands = `<a class="view-more-link" href="https://www.archify.com/au/brands/all-category/all?search=${search}">
11053			<div class="image-item view-more">View More</div>
11054		</a>`;
11055	}
11056
11057	if (data.brands.length > 0) {
11058		$(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.brands").append(`
11059			<p class="title">Brands</p>
11060			<div class="main-wrapper">
11061				<div class="search-result-wrapper-header">
11062					<div class="images-inside-wrapper">${brandList}</div>
11063				</div>
11064				${more_brands}
11065			</div>
11066			<div class="border-bottom"></div>
11067		`);
11068		$(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.brands").fadeIn();
11069	}
11070
11071	return count;
11072}
11073
11074function handleEducationResponse(data, search) {
11075	let count = 0;
11076	let educationList = "";
11077
11078  $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.education").html("");
11079
11080	for (let i = 0; i < data.education.length && i < 10; i++) {
11081		count++;
11082		educationList += `<li>
11083			<a target="_blank" href="https://www.archify.com/au/education/${data.education[i][2]}/detail/${data.education[i][1]}">${data.education[i][0]}</a>
11084		</li>`;
11085	}
11086
11087	let more_educations = '';
11088	if (data.education.length > 8) {
11089		more_educations = `<li><a href="https://www.archify.com/au/education"><span>View More</span></a></li>`;
11090	}
11091
11092	if (data.education.length > 0) {
11093		$(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.education").append(`
11094			<p class="title">Education</p>
11095			<div class="search-result-wrapper-header full">
11096				<ul>${educationList}${more_educations}</ul>
11097			</div>
11098			<div class="border-bottom"></div>
11099		`);
11100		$(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.education").fadeIn();
11101	}
11102
11103	return count;
11104}
11105
11106function handleProfessionalsResponse(data, search) {
11107	let count = 0;
11108	let professionalList = "";
11109
11110  $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.professionals").html("");
11111
11112	for (let i = 0; i < data.professionals.length && i < 10; i++) {
11113		count++;
11114		professionalList += `<div class="image-item-wrapper">
11115			<a target="_blank" href="https://www.archify.com/au/${data.professionals[i].slug}">
11116				<div class="image-item brands">
11117					<img src="https://www.archify.com/files/professional/s/${data.professionals[i].logo}" title="${data.professionals[i].company}" alt="${data.professionals[i].company}" width="100" height="100">
11118				</div>
11119				<p class="name">${data.professionals[i].company}</p>
11120			</a>
11121		</div>`;
11122	}
11123
11124	let more_professionals = '';
11125	if (data.professionals.length > 10) {
11126		more_professionals = `<a class="view-more-link" href="https://www.archify.com/au/professionals/?search=${search}">
11127			<div class="image-item view-more">View More</div>
11128		</a>`;
11129	}
11130
11131	if (data.professionals.length > 0) {
11132		$(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.professionals").append(`
11133			<p class="title">Professionals</p>
11134			<div class="main-wrapper">
11135				<div class="search-result-wrapper-header">
11136					<div class="images-inside-wrapper">${professionalList}</div>
11137				</div>
11138				${more_professionals}
11139			</div>
11140			<div class="border-bottom"></div>
11141		`);
11142		$(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.professionals").fadeIn();
11143	}
11144
11145	return count;
11146}
11147
11148function handleProjectsResponse(data, search) {
11149	let count = 0;
11150	let projectList = "";
11151
11152  $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.projects").html("");
11153
11154	for (let i = 0; i < data.projects.length && i < 7; i++) {
11155		count++;
11156		projectList += `<div class="image-item-wrapper projects">
11157			<a target="_blank" href="https://www.archify.com/au/project/${data.projects[i].slug}">
11158				<div class="image-item projects">
11159					<img src="https://www.archify.com/files/professional/projects/xxs/${data.projects[i].cover}" title="${data.projects[i].name}" alt="${data.projects[i].name}" width="100" height="100">
11160				</div>
11161				<p class="title">${data.projects[i].name}</p>
11162				<p class="subtitle">by ${data.projects[i].company}</p>
11163			</a>
11164		</div>`;
11165	}
11166
11167	let more_projects = '';
11168	if (data.projects.length > 7) {
11169		more_projects = `<a class="view-more-link" href="https://www.archify.com/au/projects/all-projects/all-business/all-locations/all-companies/popular/${search}">
11170			<div class="image-item view-more projects">View More</div>
11171		</a>`;
11172	}
11173
11174	if (data.projects.length > 0) {
11175		$(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.projects").append(`
11176			<p class="title">Projects</p>
11177			<div class="main-wrapper">
11178				<div class="search-result-wrapper-header">
11179					<div class="images-inside-wrapper">${projectList}</div>
11180				</div>
11181				${more_projects}
11182			</div>
11183			<div class="border-bottom"></div>
11184		`);
11185		$(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.projects").fadeIn();
11186	}
11187
11188	return count;
11189}
11190
11191function handleInspirationsResponse(data, search) {
11192	let count = 0;
11193	let inspirationList = "";
11194
11195  $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.inspiration").html("");
11196
11197	for (let i = 0; i < data.inspirations.length && i < 10; i++) {
11198		count++;
11199		inspirationList += `<div class="image-item-wrapper inspiration">
11200			<a target="_blank" href="https://www.archify.com/au/photo/detail/${data.inspirations[i][0]}">
11201				<div class="image-item inspiration">
11202					<img src="https://www.archify.com/files/professional/projects/xxs/${data.inspirations[i][1]}" alt="${data.inspirations[i][0]}" width="150" height="150">
11203				</div>
11204			</a>
11205		</div>`;
11206	}
11207
11208	let more_inspirations = '';
11209	if (data.inspirations.length > 10) {
11210		more_inspirations = `<a class="view-more-link" href="https://www.archify.com/au/photos/all-properties/all-rooms/all-styles/all-colors/all-areas/all-cities/${search}">
11211			<div class="image-item view-more inspiration">View More</div>
11212		</a>`;
11213	}
11214
11215	if (data.inspirations.length > 0) {
11216		$(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.inspiration").append(`
11217			<p class="title">Inspiration</p>
11218			<div class="main-wrapper">
11219				<div class="search-result-wrapper-header">
11220					<div class="images-inside-wrapper">${inspirationList}</div>
11221				</div>
11222				${more_inspirations}
11223			</div>
11224			<div class="border-bottom"></div>
11225		`);
11226		$(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.inspiration").fadeIn();
11227	}
11228
11229	return count;
11230}
11231
11232function handleArticlesResponse(data, search) {
11233	let count = 0;
11234	let articleList = "";
11235
11236  $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.articles").html("");
11237
11238	for (let i = 0; i < data.articles.length && i < 8; i++) {
11239		count++;
11240		articleList += `<li>
11241			<a href="https://www.archify.com/au/archifynow/${data.articles[i][1]}">${data.articles[i][0]}</a>
11242		</li>`;
11243	}
11244
11245	let more_articles = '';
11246	if (data.articles.length > 8) {
11247		more_articles = `<li>
11248			<a href="https://www.archify.com/au/archifynow/search/${search}"><span>View More</span></a>
11249		</li>`;
11250	}
11251
11252	if (data.articles.length > 0) {
11253		$(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.articles").append(`
11254			<p class="title">Articles</p>
11255			<div class="search-result-wrapper-header full">
11256				<ul>${articleList}${more_articles}</ul>
11257			</div>
11258			<div class="border-bottom"></div>
11259		`);
11260		$(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.articles").fadeIn();
11261	}
11262
11263	return count;
11264}
11265
11266$('#search-box-affix #closeBoxMenu').on('click', function(e){
11267  e.preventDefault();
11268  if (requestSearch != "") {
11269    requestSearch.abort();
11270  }
11271  $("#searchBoxMenu").val("");
11272  $('#search-box-affix ul.suggest').hide();
11273  $('#search-box-affix .top-arrow-suggest').hide();
11274  $(".popup-shade-bg-top-menu-search-box").hide();
11275  if ($("#search-box-affix").hasClass("expanded")) {
11276    $("#search-box-affix").removeClass("expanded");
11277    $("#myAffixHome .cd-logo").fadeIn();
11278    $("#myAffixHome nav").fadeIn();
11279  }
11280});
11281
11282// <!-- show hide menu / search mobile -->
11283$(document).ready(function(){
11284  $(".cd-primary-nav-trigger-search.new").click(function(){
11285    $("#search-box-affix").addClass("mobile-show");
11286    $("body").addClass("modal-open");
11287  });
11288
11289  $("#closeBoxMenuMobile").click(function(e){
11290    e.preventDefault();
11291    if (requestSearch != "") {
11292      requestSearch.abort();
11293    }
11294    $("#searchBoxMenu").val("");
11295    $('#search-box-affix ul.suggest').hide();
11296    $('#search-box-affix .top-arrow-suggest').hide();
11297    $(".popup-shade-bg-top-menu-search-box").hide();
11298    if ($("#search-box-affix").hasClass("expanded")) {
11299      $("#search-box-affix").removeClass("expanded");
11300      $("#myAffixHome .cd-logo").fadeIn();
11301      $("#myAffixHome nav").fadeIn();
11302    }
11303    $("#search-box-affix").removeClass("mobile-show");
11304    $("body").removeClass("modal-open");
11305  });
11306  $("#myMenuMobile").html("");
11307
11308  var mobileMenuOpened = false;
11309  var mobileMenucategoryOpened = false;
11310
11311  $('.cd-primary-nav-trigger').unbind("click");
11312  $('.cd-primary-nav-trigger').off("click");
11313  $(".cd-primary-nav-trigger.new").click(function(e){
11314    e.preventDefault();
11315
11316    if (!mobileMenuOpened) {
11317      mobileMenuOpened = true;
11318      $("#myMenuMobileNew").addClass("show");
11319      $(".popup-shade-bg-mobile-menu").fadeIn(200);
11320      $("body").addClass("modal-open");
11321    } else {
11322      mobileMenuOpened = false;
11323      $("#myMenuMobileNew").removeClass("show");
11324      $(".popup-shade-bg-mobile-menu").fadeOut(200);
11325      $("body").removeClass("modal-open");
11326      $("#myMenuMobileNew .subcategory-box").removeClass("show");
11327      $("#myMenuMobileNew .subsubcategory-box").removeClass("show");
11328      $("#myMenuMobileNew .content").scrollTop(0);
11329    }
11330
11331    $('.cd-menu-icon').toggleClass('is-clicked');
11332    $('.cd-header').toggleClass('menu-is-open');
11333    //in firefox transitions break when parent overflow is changed, so we need to wait for the end of the trasition to give the body an overflow hidden
11334
11335    if( $('.cd-primary-nav').hasClass('is-visible') ) {
11336      $('.cd-primary-nav').removeClass('is-visible').one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend',function(){
11337        $('body').removeClass('overflow-hidden');
11338      });
11339    } else {
11340      $('.cd-primary-nav').addClass('is-visible').one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend',function(){
11341        $('body').addClass('overflow-hidden');
11342      });
11343    }
11344  });
11345
11346  // track width, set to window width
11347  var width = window.innerWidth;
11348  // fire on window resize
11349  $(window).resize(function() {
11350      // do nothing if the width is the same
11351      if (width == window.innerWidth) return;
11352      // update new width value
11353      width = window.innerWidth;
11354      // ... your code
11355      // Close Menu Mobile
11356      if (mobileMenuOpened) {
11357        mobileMenuOpened = false;
11358        $("#myMenuMobileNew").removeClass("show");
11359        $(".popup-shade-bg-mobile-menu").fadeOut(200);
11360        $("body").removeClass("modal-open");
11361        $("#myMenuMobileNew .subcategory-box").removeClass("show");
11362        $("#myMenuMobileNew .subsubcategory-box").removeClass("show");
11363        $("#myMenuMobileNew .content").scrollTop(0);
11364        $('.cd-menu-icon').toggleClass('is-clicked');
11365        $('.cd-header').toggleClass('menu-is-open');
11366      }
11367
11368      // Close Search Mobile
11369      $("#searchBoxMenu").val("");
11370      $('#search-box-affix ul.suggest').hide();
11371      $('#search-box-affix .top-arrow-suggest').hide();
11372      $(".popup-shade-bg-top-menu-search-box").hide();
11373      if ($("#search-box-affix").hasClass("expanded")) {
11374        $("#search-box-affix").removeClass("expanded");
11375        $("#myAffixHome .cd-logo").fadeIn();
11376        $("#myAffixHome nav").fadeIn();
11377      }
11378      $("#search-box-affix").removeClass("mobile-show");
11379      // $("body").removeClass("modal-open");
11380  });
11381});
11382
11383// <!-- Hover user photo process -->
11384var popUpTimeout;
11385$( "#myAffixHome > div > header > nav > ul > li.user > ul > li.dropdown" ).mouseover(function(){
11386
11387	$(".notif-bgblack").fadeOut();
11388	$(".popup-shade-bg-top-menu-asr").fadeOut();
11389
11390  clearTimeout(popUpTimeout);
11391  var thisDiv = $(this);
11392  popUpTimeout =  setTimeout( function()
11393                  {
11394                    $(".popup-shade-bg-top-menu").fadeIn(150, function(){
11395                    });
11396                    thisDiv.find(".dropdown-menu").fadeIn(100);
11397                    hideHeaderMessageBox();
11398                  }, 200);
11399});
11400$( "#myAffixHome > div > header > nav > ul > li.user > ul > li.dropdown" ).mouseenter(function(){
11401  clearTimeout(popUpTimeout);
11402  var thisDiv = $(this);
11403  popUpTimeout =  setTimeout( function()
11404                  {
11405                    $(".popup-shade-bg-top-menu").fadeIn(150, function(){
11406                    });
11407                    thisDiv.find(".dropdown-menu").fadeIn(100);
11408                    hideHeaderMessageBox();
11409                  }, 200);
11410});
11411$( "#myAffixHome > div > header > nav > ul > li.user > ul > li.dropdown" ).mouseleave(function(){
11412  clearTimeout(popUpTimeout);
11413  $(".popup-shade-bg-top-menu").fadeOut(150);
11414  $( "#myAffixHome > div > header > nav > ul > li.user > ul > li.dropdown" ).find(".dropdown-menu").fadeOut(150);
11415});
11416
11417// <!-- hover top menu process -->
11418var popUpTimeout;
11419var onMenuList = false;
11420$('#top-main-menu.new ul#top-main-menu-list > li').hover(function(e) {
11421  clearTimeout(popUpTimeout);
11422  var thisDiv = $(this);
11423  var thisValueType = $(this).attr("val-type");
11424//   if (thisValueType == "products") {
11425//     if (!headerProductListLoaded) {
11426//       showHeaderMenuProductList();
11427//     }
11428//   }
11429//
11430//   if (thisValueType == "professionals") {
11431//     if (!headerProfessionalListLoaded) {
11432//       showHeaderMenuProfessionalList();
11433//     }
11434//   }
11435//
11436//   if (thisValueType == "projects") {
11437//     if (!headerProjectListLoaded) {
11438//       showHeaderMenuProjectList();
11439//     }
11440//   }
11441//
11442//   if (thisValueType == "inspiration") {
11443//     if (!headerInspirationListLoaded) {
11444//       showHeaderMenuInspirationList();
11445//     }
11446//   }
11447//
11448//   if (thisValueType == "articles") {
11449//     if (!headerArticleListLoaded) {
11450//       showHeaderMenuArticleList();
11451//     }
11452//   }
11453
11454  if (!headerProductListLoaded) {
11455    showHeaderMenuProductList();
11456  }
11457
11458  if (!headerProfessionalListLoaded) {
11459    showHeaderMenuProfessionalList();
11460  }
11461
11462  if (!headerProjectListLoaded) {
11463    showHeaderMenuProjectList();
11464  }
11465
11466  if (!headerInspirationListLoaded) {
11467    showHeaderMenuInspirationList();
11468  }
11469
11470  if (!headerArticleListLoaded) {
11471    showHeaderMenuArticleList();
11472  }
11473
11474  if (!headerEventListLoaded) {
11475    showHeaderMenuEventList();
11476  }
11477
11478  var timeHovered;
11479  if (onMenuList) {
11480    timeHovered = megaDropdownTimeoutMenuHovered;
11481  } else {
11482    timeHovered = megaDropdownTimeout;
11483  }
11484  onMenuList = true;
11485
11486  $("#top-main-menu.new ul#top-main-menu-list > li > a").css("opacity", "1");
11487  thisDiv.find('> a').css("opacity", "0.5");
11488
11489  popUpTimeout =  setTimeout( function()
11490                  {
11491
11492
11493                    $("#top-main-menu.new ul#top-main-menu-list > li").find(".popup").hide();
11494
11495
11496                    thisDiv.find(".popup").show();
11497                    // $("body").addClass("modal-open");
11498
11499                    if (thisValueType != "education") {
11500                      $(".popup-shade-bg-main-menu").show();
11501                    }
11502                  }, timeHovered);
11503
11504
11505}, function(e) {
11506
11507
11508});
11509
11510
11511$('#top-main-menu.new ul#top-main-menu-list').hover(function(e) {
11512
11513}, function(e) {
11514  onMenuList = false;
11515  clearTimeout(popUpTimeout);
11516
11517  $("#top-main-menu.new ul#top-main-menu-list > li > a").css("opacity", "1");
11518
11519  // here here here
11520  $(".popup-shade-bg-main-menu").hide();
11521  $("#top-main-menu.new ul#top-main-menu-list > li").find(".popup").fadeOut(0, function(){
11522    // hideHeaderMenuProductList();
11523    // hideHeaderMenuProfessionalList();
11524    // hideHeaderMenuProjectList();
11525    // hideHeaderMenuInspirationList();
11526    // hideHeaderMenuArticleList();
11527  });
11528
11529});
11530
11531
11532
11533
11534
11535// show hide header message box Here
11536function showHeaderMessageBox() {
11537  $.ajaxSetup({async: false});
11538
11539  $(".notif-bgblack").fadeOut();
11540  $(".popup-shade-bg-top-menu-asr").fadeOut();
11541  $(".header-message-loading").show();
11542  $(".header-message-box-area .content-area ul").html("");
11543  $(".header-message-icon-area").addClass("opened");
11544  $(".popup-shade-bg-top-menu-header-message").fadeIn(150, function(){});
11545  $("#myAffixHome .header-message-box-wrapper").css("display", "block");
11546
11547  $.ajax({
11548              url: "https://www.archify.com/au/gpost/inbox/unread_list/",
11549              type: "POST",
11550              data: {},
11551              beforeSend: function() {
11552                  $(".header-message-box-area .content-area ul").html("");
11553
11554                  $(".header-message-box-area .content-area ul.header-message-personal").append('\
11555                    <li class="header-message-personal-title-head" style="padding-top: 0; text-align: center; cursor: auto; background-color: #fff; display: none;">\
11556                      <div style="position: relative; float: left; width: 100%; height: 1px; background-color: #e5e5e5; top: 0px;"></div>\
11557                      <!-- <p style="font-size: 14px; margin: 0; background-color: #fff; position: relative; width: auto; padding-left: 10px; padding-right: 10px; display: inline-block; left: 0;">Personal</p> -->\
11558                    </li>\
11559                  ');
11560
11561                  $(".header-message-box-area .content-area ul.header-message-company").append('\
11562                    <li class="header-message-company-title-head" style="padding-top: 0; text-align: center; cursor: auto; background-color: #fff; display: none;">\
11563                      <div style="position: relative; float: left; width: 100%; height: 1px; background-color: #e5e5e5; top: 12px;"></div>\
11564                      <p style="font-size: 14px; margin: 0; background-color: #fff; position: relative; width: auto; padding-left: 10px; padding-right: 10px; display: inline-block; left: 0;">COMPANY</p>\
11565                    </li>\
11566                  ');
11567              },
11568              success: function(data, textStatus, jqXHR) {
11569                  var data = jQuery.parseJSON(data);
11570
11571                  if(data.length==0)return 0;
11572
11573                  $.each(data, function(index, value){
11574                      var m_request_html = "";
11575                      if(value.request.length>0){
11576                          m_request_html = value.request+" Request";
11577                      }
11578
11579                      var valueContent = value.content.replace(/<br\s*\/?>/gi,' ');
11580
11581
11582                    if(value.is_pro != 0){
11583                          $(".header-message-company-title-head").css("display", "");
11584                          var message_notif_html_pro = "";
11585                          message_notif_html_pro += '\
11586                                      <li data-id="'+value.inbox_id+'" data-open_head_type="'+value.open_head_type+'" data-pro_token="'+value.is_pro+'" class="message-notif-detail message-pro">\
11587                                        <div class="content-box">\
11588                                          <div class="header click-area">\
11589                                            <div class="logo">\
11590                                              <img src="'+value.logo+'" alt="">\
11591                                            </div>\
11592                                            <div class="text-area">\
11593                                              <p class="title">'+value.name+'</p>\
11594                                              <p class="date">'+convertTimestamp(value.updated_at)+'</p>\
11595                                            </div>\
11596                                          </div>\
11597                                          <div class="title click-area">\
11598                                            <p>'+m_request_html+'</p>\
11599                                          </div>\
11600                                          <div class="content click-area">\
11601                                            <p>'+valueContent+'</p>\
11602                                          </div>\
11603                                        </div>\
11604                                      </li>\
11605                              ';
11606                          //$(".header-message-box-area .content-area ul.header-message-company").append(message_notif_html_pro);
11607                          $(".header-message-company").append(message_notif_html_pro);
11608
11609                    }else{
11610                          $(".header-message-personal-title-head").css("display", "");
11611                          var message_notif_html = "";
11612                          message_notif_html += '\
11613                                    <li data-id="'+value.inbox_id+'" data-open_head_type="'+value.open_head_type+'" data-pro_token="'+value.is_pro+'" class="message-notif-detail message-regular">\
11614                                      <div class="content-box">\
11615                                        <div class="header click-area">\
11616                                          <div class="logo">\
11617                                            <img src="'+value.logo+'" alt="">\
11618                                          </div>\
11619                                          <div class="text-area">\
11620                                            <p class="title">
11620'+value.name+'</p>\
11621                                            <p class="date">'+convertTimestamp(value.updated_at)+'</p>\
11622                                          </div>\
11623                                        </div>\
11624                                        <div class="title click-area">\
11625                                          <p>'+m_request_html+'</p>\
11626                                        </div>\
11627                                        <div class="content click-area">\
11628                                          <p>'+valueContent+'</p>\
11629                                        </div>\
11630                                      </div>\
11631                                    </li>\
11632                            ';
11633                        //$(".header-message-box-area .content-area ul.header-message-personal").append(message_notif_html);
11634                        $(".header-message-personal").append(message_notif_html);
11635
11636                    }
11637
11638
11639                  });
11640
11641                  $(".message-pro").click(function(){
11642                      is_switch_account_to_inbox = true;
11643                      var feedbackUrl = "https://www.archify.com/au/inbox?pid="+$(this).data("id")+"&open="+$(this).data("open_head_type");
11644                      switch_account($(this).data("pro_token"), feedbackUrl);
11645                  });
11646
11647                  $(".message-regular").click(function(){
11648                      window.location.href = "https://www.archify.com/au/inbox?pid="+$(this).data("id")+"&open="+$(this).data("open_head_type");
11649                  });
11650
11651                  $(".header-message-loading").hide();
11652              },
11653              error: function(jqXHR, textStatus, errorThrown) {
11654                  alert('Error occurred!');
11655              }
11656    });
11657}
11658
11659function hideHeaderMessageBox() {
11660  $(".header-message-icon-area").removeClass("opened");
11661  $(".popup-shade-bg-top-menu-header-message").fadeOut(150, function(){});
11662  $("#myAffixHome .header-message-box-wrapper").css("display", "none");
11663}
11664
11665
11666
11667function convertTimestamp(timestamp) {
11668    var d = new Date(timestamp * 1000), // Convert the passed timestamp to milliseconds
11669      yyyy = d.getFullYear(),
11670      mm = ('0' + (d.getMonth() + 1)).slice(-2),  // Months are zero based. Add leading 0.
11671      dd = ('0' + d.getDate()).slice(-2),     // Add leading 0.
11672      hh = d.getHours(),
11673      h = hh,
11674      min = ('0' + d.getMinutes()).slice(-2),   // Add leading 0.
11675      ampm = 'AM',
11676      time;
11677
11678    if (hh > 12) {
11679      h = hh - 12;
11680      ampm = 'PM';
11681    } else if (hh === 12) {
11682      h = 12;
11683      ampm = 'PM';
11684    } else if (hh == 0) {
11685      h = 12;
11686    }
11687
11688    // ie: 2013-02-18, 8:35 AM
11689    time = yyyy + '-' + mm + '-' + dd + ', ' + h + ':' + min + ' ' + ampm;
11690
11691    return time;
11692}
11693
11694
11695function generate_message_header(){
11696    $.ajaxSetup({async: false});
11697
11698    var total_msg = 0;
11699
11700    $.ajax({
11701      url: "https://www.archify.com/au/gpost/inbox/unread_count_pro",
11702      type: "GET",
11703      async: true,
11704      success: function(data) {
11705        total_msg = total_msg + parseInt(data);
11706      }
11707    });
11708
11709    $.ajax({
11710      url: "https://www.archify.com/au/gpost/inbox/unread_count",
11711      type: "GET",
11712      async: true,
11713      success: function(data) {
11714        total_msg = total_msg + parseInt(data);
11715        if(total_msg>0){
11716          $(".header-message-icon-area").unbind("click");
11717          // $(".header-message-icon-area").click(function(){
11718          //     if (!$(this).hasClass("opened")) {
11719          //       showHeaderMessageBox();
11720          //     } else {
11721          //       hideHeaderMessageBox();
11722          //     }
11723          // });
11724          $(".header-message-icon-area").click(function(){
11725              window.location.href = "https://www.archify.com/au/inbox";
11726          });
11727          if (total_msg>9){
11728              total_msg = "9+";
11729          }
11730          $(".header-message-count").html(total_msg);
11731          $(".header-message-count").parent().parent().show();
11732          $(".header-message-count-notification").show();
11733        }else{
11734          $(".header-message-icon-area").unbind("click");
11735          $(".header-message-count-notification").hide();
11736          $(".header-message-icon-area").click(function(){
11737              window.location.href = "https://www.archify.com/au/inbox";
11738          });
11739          $(".header-message-count").html("");
11740          $(".header-message-count").parent().parent().show();
11741        }
11742      }
11743    });
11744}
11745
11746
11747var megaDropdownTimeout = 500; // 0,2 detik
11748var megaDropdownTimeoutMenuHovered = 0; // 0 detik
11749
11750
11751function hashCode(str) {
11752  if(str==undefined)return "";
11753  return str.split('').reduce((prevHash, currVal) =>
11754    (((prevHash << 5) - prevHash) + currVal.charCodeAt(0))|0, 0);
11755}
11756
11757$.ajaxPrefilter(function (options, originalOptions, jqXHR) {
11758      //console.log(options);
11759
11760      if (options.cache && ( originalOptions.type===undefined || (originalOptions.type && originalOptions.type.toLowerCase() == 'get'))  ) {
11761          var dfd = $.Deferred();
11762          jqXHR.done(dfd.resolve);
11763
11764
11765          var ttl = 1800;
11765 // 30 minuted
11766          const now = Math.ceil( new Date().getTime()/1000 );
11767          var storage = localStorage;
11768          var success = originalOptions.success || false; //$.noop;
11769          var url = originalOptions.url;
11770
11771          var cacheKey = url+"?"+hashCode(options.data) ;
11772          options.cache = false;
11773          var expired = now + ttl;
11774
11775          options.beforeSend();
11776
11777          // console.log(success);
11778
11779          options.beforeSend = function () {
11780              if (storage.getItem(cacheKey)) {
11781                  expired2 = JSON.parse(storage.getItem(cacheKey)).expired;
11782                  if( now > expired2 ){
11783                      storage.removeItem(cacheKey);
11784                      return true;
11785                  }else{
11786                      if(success===false){
11787                          return dfd.promise(jqXHR);
11788                      }else{
11789                          success( JSON.parse(storage.getItem(cacheKey)).value );
11790                          return false;
11791                          //return dfd.promise(JSON.parse(storage.getItem(cacheKey)).value);
11792                      }
11793                  }
11794              }
11795              return true;
11796          };
11797
11798          options.success = function (data, textStatus) {
11799              const item = {
11800                          value: data,
11801                          expired: expired
11802              }
11803
11804              var responseData = JSON.stringify(item);
11805
11806              storage.setItem(cacheKey, responseData);
11807              if ($.isFunction(success)) success( JSON.parse(storage.getItem(cacheKey)).value ); //call back to original ajax call
11808          };
11809
11810
11811      }
11812});
11813
11814
11815
11816
11817
11818// <!-- Retrive Data Ajax For Mega Menu -->
11819// Mega Menu Products
11820$("#product_drop_down .container.product-list").css("display", "none");
11821$("#product_drop_down .container.skeleton").css("display", "block");
11822var headerProductListcontent = "";
11823var headerProductListcontent2 = "";
11824var headerProductListLoaded = false;
11825var headerProductListAjaxDone = false;
11826function showHeaderMenuProductList() {
11827  if (headerProductListAjaxDone) {
11828    $("#product_drop_down .container.product-list .category-list ul").append(headerProductListcontent);
11829    $("#product_drop_down .container.product-list .content-list").append(headerProductListcontent2);
11830  } else {
11831
11832    $.ajax({
11833        url: 'https://www.archify.com/au/gpost/generals/menu_products_v2',
11834        dataType: 'json',
11835        cache: true,
11836        beforeSend: function() {
11837          $("#product_drop_down .container.product-list").css("display", "none");
11838          $("#product_drop_down .container.skeleton").css("display", "block");
11839        },
11840        success: function(data){
11841            $("#product_drop_down .container.skeleton").fadeOut(function(){
11842              $("#product_drop_down .container.product-list").fadeIn();
11843            });
11844
11845            if (data.length > 0) {
11846              var randSelectedProduct = (Math.floor((Math.random() * data.length) + 1)) - 1;
11847              $("#product_drop_down .container.product-list .category-list").html('');
11848              $("#product_drop_down .container.product-list .category-list").append('\
11849                <p class="title-head">Products</p>\
11850                <ul></ul>\
11851              ');
11852              for (var i = 0; i < data.length; i++) {
11853                var active = "";
11854                if (i == randSelectedProduct) {
11855                  active = "active";
11856                } else {
11857                  active = "";
11858                }
11859                $("#product_drop_down .container.product-list .category-list ul").append('\
11860                  <li class="'+active+'">\
11861                    <a href="https://www.archify.com/au/products/'+data[i].slug+'/" class="'+active+'" val="product_drop_down_sub-'+i+'">\
11862                      '+data[i].name+'\
11863                    </a>\
11864                    <img src="https://www.archify.com/assets/img/svg/icon-right-arrow-small-black.svg" alt="">\
11865                  </li>\
11866                ');
11867
11868                $("#product_drop_down .container.product-list .content-list").append('\
11869                  <div id="product_drop_down_sub-'+i+'" class="content-list-wrapper '+active+'">\
11870                    <div class="sub-category" style="padding-bottom: 0px;">\
11871                        <p class="title-head">\
11872                          '+data[i].name+'\
11873                        </p>\
11874                        <ul style="position: relative; float: left; width: 100%; margin-bottom: 10px;">\
11875                        </ul>\
11876                    </div>\
11877                    <div class="content image-brand">\
11878                      <p class="title-head">\
11879                        <a href="https://www.archify.com/au/products/'+data[i].slug+'/all">View All '+data[i].name+'</a> / <a href="https://www.archify.com/au/brands/">View all Brands</a>\
11880                      </p>\
11881                     <div class="image-brand-wrapper">\
11882                     </div>\
11883                    </div>\
11884                  </div>\
11885                ');
11886
11887                if (data[i].child.length > 0) {
11888                  for (var j = 0; j < data[i].child.length; j++) {
11889
11890                    $("#product_drop_down_sub-"+i+" .sub-category ul").append('\
11891                      <li>\
11892                        <a href="https://www.archify.com/au/products/'+data[i].child[j].slug+'">'+data[i].child[j].name+'</a>\
11893                      </li>\
11894                    ');
11895                  }
11896                }
11897
11898
11899                if (data[i].brands.length > 0) {
11900                  for (var j = 0; j < data[i].brands.length; j++) {
11901                    if (j < 4) {
11902                      // var icon_verified = '<img class="not-verified" src=\"https://www.archify.com/assets/img/svg/02-icon-01-general-not-verified.svg" alt="icon general not verified" width="13" height="13">';
11903                      var icon_verified = '';
11904                      if(data[i].brands[j].is_verified=='1')
11905                        icon_verified = '<img class="verified" src="https://www.archify.com/assets/img/svg/02-icon-01-general-verified.svg" alt="icon general verified\" width="13" height="13">';
11906
11907                      $("#product_drop_down_sub-"+i+" .content.image-brand .image-brand-wrapper").append('\
11908                        <div class="image-featured half">\
11909                          <a href="https://www.archify.com/au/product/'+data[i].brands[j].slug+'">\
11910                            <img src="https://image-apac.archify.com/catalog/supplier_cover/s/'+data[i].brands[j].cover+'" alt="'+data[i].brands[j].name+'">\
11911                            <div class="text-area" style="background: transparent; height: 90px;">\
11912                              <p style="text-shadow: 0px 2px 4px rgba(0,0,0,0.5);">'+data[i].brands[j].name+' <span class="verified-logo">'+icon_verified+'</span></p>\
11913                            </div>\
11914                          </a>\
11915                        </div>\
11916                      ');
11917
11918                    }
11919
11920                  }
11921                }
11922
11923              }
11924            }
11925
11926
11927            $( "#top-main-menu.new ul li #professional_drop_down.popup .popup-content-top-menu .category-list ul li" ).unbind("hover");
11928            $( "#top-main-menu.new ul li #product_drop_down.popup .popup-content-top-menu .category-list ul li" ).hover(function() {
11929              $("#top-main-menu.new ul li #product_drop_down.popup .popup-content-top-menu .category-list ul li").removeClass("active");
11930              $("#top-main-menu.new ul li #product_drop_down.popup .popup-content-top-menu .category-list ul li a").removeClass("active");
11931              $(this).addClass("active");
11932              $(this).find('a').addClass("active");
11933              var val = $(this).find('a').attr("val");
11934              $("#top-main-menu.new ul li #product_drop_down.popup.popup .popup-content-top-menu .content-list .content-list-wrapper").removeClass("active");
11935              $("#top-main-menu.new ul li #product_drop_down.popup.popup .popup-content-top-menu #"+val+"").addClass("active");
11936              headerProductListcontent = $("#product_drop_down .container.product-list .category-list ul").html();
11937              headerProductListcontent2 = $("#product_drop_down .container.product-list .content-list").html();
11938            });
11939
11940            headerProductListcontent = $("#product_drop_down .container.product-list .category-list ul").html();
11941            headerProductListcontent2 = $("#product_drop_down .container.product-list .content-list").html();
11942            headerProductListAjaxDone = true;
11943
11944        }
11945    })
11946      .fail(function(){
11947      })
11948      .always(function(){
11949    });
11950  }
11951
11952  $( "#top-main-menu.new ul li #professional_drop_down.popup .popup-content-top-menu .category-list ul li a" ).unbind("hover");
11953  $( "#top-main-menu.new ul li #product_drop_down.popup .popup-content-top-menu .category-list ul li a" ).hover(function() {
11954    $("#top-main-menu.new ul li #product_drop_down.popup .popup-content-top-menu .category-list ul li a").removeClass("active");
11955    $(this).addClass("active");
11956    var val = $(this).attr("val");
11957    $("#top-main-menu.new ul li #product_drop_down.popup.popup .popup-content-top-menu .content-list .content-list-wrapper").removeClass("active");
11958    $("#top-main-menu.new ul li #product_drop_down.popup.popup .popup-content-top-menu #"+val+"").addClass("active");
11959    headerProductListcontent = $("#product_drop_down .container.product-list .category-list ul").html();
11960    headerProductListcontent2 = $("#product_drop_down .container.product-list .content-list").html();
11961    headerProductListLoaded = true;
11962  });
11963  headerProductListLoaded = true;
11964}
11965function hideHeaderMenuProductList() {
11966  $("#product_drop_down .container.product-list .category-list ul").html("");
11967  $("#product_drop_down .container.product-list .content-list").html("");
11968  headerProductListLoaded = false;
11969}
11970
11971// Mega Menu Professionals
11972$("#professional_drop_down .container.professional-list").css("display", "none");
11973$("#professional_drop_down .container.skeleton").css("display", "block");
11974var headerProfessionalListcontent = "";
11975var headerProfessionalListcontent2 = "";
11976var headerProfessionalListLoaded = false;
11977var headerProfessionalListAjaxDone = false;
11978function showHeaderMenuProfessionalList() {
11979  if (headerProfessionalListAjaxDone) {
11980    $("#professional_drop_down .container.professional-list .category-list ul").append(headerProfessionalListcontent);
11981    $("#professional_drop_down .container.professional-list .content-list").append(headerProfessionalListcontent2);
11982  } else {
11983    $.ajax({
11984        url: 'https://www.archify.com/au/gpost/generals/menu_professionals',
11985        dataType: 'json',
11986        cache: true,
11987        beforeSend: function() {
11988          $("#professional_drop_down .container.professional-list").css("display", "none");
11989          $("#professional_drop_down .container.skeleton").css("display", "block");
11990        },
11991        success: function(data){
11992
11993        $("#professional_drop_down .container.skeleton").fadeOut(function(){
11994          $("#professional_drop_down .container.professional-list").fadeIn();
11995        });
11996
11997        if (data.length > 0) {
11998          var randSelectedProfessional= (Math.floor((Math.random() * data.length) + 1)) - 1;
11999
12000          $("#professional_drop_down .container.professional-list .category-list").html('');
12001          $("#professional_drop_down .container.professional-list .category-list").append('\
12002            <p class="title-head">Professionals</p>\
12003            <ul></ul>\
12004          ');
12005
12006          for (var i = 0; i < data.length; i++) {
12007            var active = "";
12008            var all = "All";
12009            if (i == randSelectedProfessional) {
12010              active = "active";
12011              all = "";
12012            } else {
12013              all = "All";
12014              active = "";
12015            }
12016            $("#professional_drop_down .container.professional-list .category-list ul").append('\
12017              <li class="'+active+'">\
12018                <a href="https://www.archify.com/au/professionals/'+data[i].slug+'" class="'+active+'" val="professional_drop_down_sub-'+i+'">\
12019                  '+data[i].name+'\
12020                </a>\
12021                <img src="https://www.archify.com/assets/img/svg/icon-right-arrow-small-black.svg" alt="">\
12022              </li>\
12023            ');
12024
12025            if (data[i].name == "All Professionals") {
12026              all = "";
12027            }
12028            $("#professional_drop_down .container.professional-list .content-list").append('\
12029              <div id="professional_drop_down_sub-'+i+'" class="content-list-wrapper '+active+'">\
12030                <div class="sub-category overflow-hidden" style="">\
12031                    <p class="title-head">\
12032                      '+data[i].name+'\
12033                    </p>\
12034                    <ul>\
12035                    </ul>\
12036                </div>\
12037                <div class="content image-brand">\
12038                  <p class="title-head">\
12039                    <a href="https://www.archify.com/au/professionals/'+data[i].slug+'">View '+all+' '+data[i].name+'</a>\
12040                  </p>\
12041                 <div class="image-brand-wrapper">\
12042                 </div>\
12043                </div>\
12044              </div>\
12045            ');
12046
12047
12048
12049            if (data[i].pro.length > 0) {
12050              for (var j = 0; j < data[i].pro.length; j++) {
12051
12052                $("#professional_drop_down_sub-"+i+" .sub-category ul").append('\
12053                  <li>\
12054                    <a href="https://www.archify.com/au/'+data[i].pro[j].slug+'">'+data[i].pro[j].company+'</a>\
12055                  </li>\
12056                ');
12057
12058                if (j < 4) {
12059
12060                  // _using_s3
12061                  // $("#professional_drop_down_sub-"+i+" .content").append('\
12062                  //   <div class="image-featured half">\
12063                  //     <a href="https://www.archify.com/au/'+data[i].pro[j].slug+'">\
12064                  //       <img src="https://image-apac.archify.com/professional/s/'+data[i].pro[j].cover+'" alt="'+data[i].pro[j].company+'">\
12065                  //       <div class="text-area" style="background: transparent; height: 90px;">\
12066                  //         <p>'+data[i].pro[j].company+'</p>\
12067                  //       </div>\
12068                  //     </a>\
12069                  //   </div>\
12070                  // ');
12071
12072                  $("#professional_drop_down_sub-"+i+" .content").append('\
12073                    <div class="image-featured half">\
12074                      <a href="https://www.archify.com/au/'+data[i].pro[j].slug+'">\
12075                        <img src="https://www.archify.com/files/professional/s/'+data[i].pro[j].cover+'" alt="'+data[i].pro[j].company+'">\
12076                        <div class="text-area" style="background: transparent; height: 90px;">\
12077                          <p>'+data[i].pro[j].company+'</p>\
12078                        </div>\
12079                      </a>\
12080                    </div>\
12081                  ');
12082
12083                }
12084
12085              }
12086            }
12087
12088          }
12089        }
12090
12091        $( "#top-main-menu.new ul li #professional_drop_down.popup .popup-content-top-menu .category-list ul li" ).unbind("hover");
12092        $( "#top-main-menu.new ul li #professional_drop_down.popup .popup-content-top-menu .category-list ul li" ).hover(function() {
12093          $("#top-main-menu.new ul li #professional_drop_down.popup .popup-content-top-menu .category-list ul li").removeClass("active");
12094          $("#top-main-menu.new ul li #professional_drop_down.popup .popup-content-top-menu .category-list ul li a").removeClass("active");
12095          $(this).addClass("active");
12096          $(this).find('a').addClass("active");
12097          var val = $(this).find('a').attr("val");
12098          $("#top-main-menu.new ul li #professional_drop_down.popup.popup .popup-content-top-menu .content-list .content-list-wrapper").removeClass("active");
12099          $("#top-main-menu.new ul li #professional_drop_down.popup.popup .popup-content-top-menu #"+val+"").addClass("active");
12100          headerProfessionalListcontent = $("#professional_drop_down .container.professional-list .category-list ul").html();
12101          headerProfessionalListcontent2 = $("#professional_drop_down .container.professional-list .content-list").html();
12102        });
12103
12104        headerProfessionalListcontent = $("#professional_drop_down .container.professional-list .category-list ul").html();
12105        headerProfessionalListcontent2 = $("#professional_drop_down .container.professional-list .content-list").html();
12106        headerProfessionalListAjaxDone = true;
12107
12108        }
12109    })
12110      .fail(function(){
12111      })
12112      .always(function(){
12113    });
12114  }
12115
12116  $( "#top-main-menu.new ul li #professional_drop_down.popup .popup-content-top-menu .category-list ul li a" ).unbind("hover");
12117  $( "#top-main-menu.new ul li #professional_drop_down.popup .popup-content-top-menu .category-list ul li a" ).hover(function() {
12118    $("#top-main-menu.new ul li #professional_drop_down.popup .popup-content-top-menu .category-list ul li a").removeClass("active");
12119    $(this).addClass("active");
12120    var val = $(this).attr("val");
12121    $("#top-main-menu.new ul li #professional_drop_down.popup.popup .popup-content-top-menu .content-list .content-list-wrapper").removeClass("active");
12122    $("#top-main-menu.new ul li #professional_drop_down.popup.popup .popup-content-top-menu #"+val+"").addClass("active");
12123    headerProfessionalListcontent = $("#professional_drop_down .container.professional-list .category-list ul").html();
12124    headerProfessionalListcontent2 = $("#professional_drop_down .container.professional-list .content-list").html();
12125  });
12126
12127  headerProfessionalListLoaded = true;
12128
12129}
12130function hideHeaderMenuProfessionalList() {
12131  $("#professional_drop_down .container.professional-list .category-list ul").html("");
12132  $("#professional_drop_down .container.professional-list .content-list").html("");
12133  headerProfessionalListLoaded = false;
12134}
12135
12136// Mega Menu Projects
12137$("#project_drop_down .container.project-list").css("display", "none");
12138$("#project_drop_down .container.skeleton").css("display", "block");
12139var headerProjectListcontent = "";
12140var headerProjectListcontent2 = "";
12141var headerProjectListLoaded = false;
12142var headerProjectListAjaxDone = false;
12143function showHeaderMenuProjectList() {
12144  if (headerProjectListAjaxDone) {
12145
12146    $("#project_drop_down .container.project-list .category-list ul").append(headerProjectListcontent);
12147    $("#project_drop_down .container.project-list .content-list").append(headerProjectListcontent2);
12148
12149  } else {
12150
12151    $.ajax({
12152        url: 'https://www.archify.com/au/gpost/generals/menu_projects',
12153        dataType: 'json',
12154        cache: true,
12155        beforeSend: function() {
12156          $("#project_drop_down .container.project-list").css("display", "none");
12157          $("#project_drop_down .container.skeleton").css("display", "block");
12158        },
12159        success: function(data){
12160           // console.log(data);
12161            $("#project_drop_down .container.skeleton").fadeOut(function(){
12162              $("#project_drop_down .container.project-list").fadeIn();
12163            });
12164
12165            if (data.length > 0) {
12166              var randSelectedProject = 0;
12167              if (data.length >= 13) {
12168                randSelectedProject = (Math.floor((Math.random() * 13) + 1)) - 1;
12169              } else {
12170                randSelectedProject= (Math.floor((Math.random() * data.length) + 1)) - 1;
12171              }
12172
12173              $("#project_drop_down .container.project-list .category-list").html('');
12174              $("#project_drop_down .container.project-list .category-list").append('\
12175                <p class="title-head">Projects</p>\
12176                <ul></ul>\
12177              ');
12178
12179              for (var i = 0; i < data.length; i++) {
12180
12181                if (i < 13) {
12182
12183                  var active = "";
12184                  if (i == randSelectedProject) {
12185                    active = "active";
12186                  } else {
12187                    active = "";
12188                  }
12189                  $("#project_drop_down .container.project-list .category-list ul").append('\
12190                    <li class="'+active+'">\
12191                      <a href="https://www.archify.com/au/projects/'+data[i].slug+'/all-business/all-locations/all-companies/popular/" class="'+active+'" val="project_drop_down_sub-'+i+'">\
12192                        '+data[i].name+'\
12193                      </a>\
12194                      <img src="https://www.archify.com/assets/img/svg/icon-right-arrow-small-black.svg" alt="">\
12195                    </li>\
12196                  ');
12197
12198                  $("#project_drop_down .container.project-list .content-list").append('\
12199                    <div id="project_drop_down_sub-'+i+'" class="content-list-wrapper '+active+'">\
12200                      <div class="sub-category" style="">\
12201                          <p class="title-head">\
12202                            '+data[i].name+'\
12203                          </p>\
12204                          <ul>\
12205                          </ul>\
12206                      </div>\
12207                      <div class="content image-brand">\
12208                        <p class="title-head">\
12209                          <a href="https://www.archify.com/au/projects/'+data[i].slug+'/all-business/all-locations/all-companies/popular/">View All '+data[i].name+'</a>\
12210                        </p>\
12211                       <div class="image-brand-wrapper">\
12212                       </div>\
12213                      </div>\
12214                    </div>\
12215                  ');
12216
12217
12218                  if (data[i].child.length > 0) {
12219                    for (var j = 0; j < data[i].child.length; j++) {
12220                      $("#project_drop_down_sub-"+i+" .sub-category ul").append('\
12221                        <li>\
12222                          <a href="https://www.archify.com/au/projects/'+data[i].child[j].slug+'/all-business/all-locations/all-companies/popular/">'+data[i].child[j].name+'</a>\
12223                        </li>\
12224                      ');
12225                    }
12226                  }
12227
12228                  // $("#project_drop_down_sub-"+i+" .sub-category").append('\
12229                  //   <ul style="position: absolute; bottom: 20px;">\
12230                  //     <li>\
12231                  //       <a class="active" style="text-decoration: underline;" href="https://www.archify.com/au/projects/">View All Projects</a>\
12232                  //     </li>\
12233                  //   </ul>\
12234                  // ');
12235
12236                  if (data[i].projects.length > 0) {
12237                    for (var j = 0; j < data[i].projects.length; j++) {
12238
12239                      if (j < 4) {
12240                        // _using_s3
12241                        // $("#project_drop_down_sub-"+i+" .content").append('\
12242                        //   <div class="image-featured half">\
12243                        //     <a href="https://www.archify.com/au/project/'+data[i].projects[j].slug+'">\
12244                        //       <img src="https://image-apac.archify.com/professional/projects/xs/'+data[i].projects[j].photo+'" alt="'+data[i].projects[j].name+'">\
12245                        //       <div class="text-area" style="background: transparent; height: 90px;">\
12246                        //         <p>'+data[i].projects[j].name+'</p>\
12247                        //       </div>\
12248                        //     </a>\
12249                        //   </div>\
12250                        // ');
12251
12252                        $("#project_drop_down_sub-"+i+" .content").append('\
12253                          <div class="image-featured half">\
12254                            <a href="https://www.archify.com/au/project/'+data[i].projects[j].slug+'">\
12255                              <img src="https://www.archify.com/files/professional/projects/xs/'+data[i].projects[j].photo+'" alt="'+data[i].projects[j].name+'">\
12256                              <div class="text-area" style="background: transparent; height: 90px;">\
12257                                <p>'+data[i].projects[j].name+'</p>\
12258                              </div>\
12259                            </a>\
12260                          </div>\
12261                        ');
12262                      }
12263
12264                    }
12265                  }
12266
12267                }
12268              }
12269            }
12270
12271            $( "#top-main-menu.new ul li #project_drop_down.popup .popup-content-top-menu .category-list ul li" ).unbind("hover");
12272            $( "#top-main-menu.new ul li #project_drop_down.popup .popup-content-top-menu .category-list ul li" ).hover(function() {
12273              $("#top-main-menu.new ul li #project_drop_down.popup .popup-content-top-menu .category-list ul li").removeClass("active");
12274              $("#top-main-menu.new ul li #project_drop_down.popup .popup-content-top-menu .category-list ul li a").removeClass("active");
12275              $(this).addClass("active");
12276              $(this).find('a').addClass("active");
12277              var val = $(this).find('a').attr("val");
12278              $("#top-main-menu.new ul li #project_drop_down.popup.popup .popup-content-top-menu .content-list .content-list-wrapper").removeClass("active");
12279              $("#top-main-menu.new ul li #project_drop_down.popup.popup .popup-content-top-menu #"+val+"").addClass("active");
12280              headerProjectListcontent = $("#project_drop_down .container.project-list .category-list ul").html();
12281              headerProjectListcontent2 = $("#project_drop_down .container.project-list .content-list").html();
12282            });
12283
12284            headerProjectListcontent = $("#project_drop_down .container.project-list .category-list ul").html();
12285            headerProjectListcontent2 = $("#project_drop_down .container.project-list .content-list").html();
12286            headerProjectListAjaxDone = true;
12287            }
12288        })
12289          .fail(function(){
12290          })
12291          .always(function(){
12292        });
12293      }
12294
12295  $( "#top-main-menu.new ul li #project_drop_down.popup .popup-content-top-menu .category-list ul li a" ).hover(function() {
12296    $("#top-main-menu.new ul li #project_drop_down.popup .popup-content-top-menu .category-list ul li a").removeClass("active");
12297    $(this).addClass("active");
12298    var val = $(this).attr("val");
12299    $("#top-main-menu.new ul li #project_drop_down.popup.popup .popup-content-top-menu .content-list .content-list-wrapper").removeClass("active");
12300    $("#top-main-menu.new ul li #project_drop_down.popup.popup .popup-content-top-menu #"+val+"").addClass("active");
12301    headerProjectListcontent = $("#project_drop_down .container.project-list .category-list ul").html();
12302    headerProjectListcontent2 = $("#project_drop_down .container.project-list .content-list").html();
12303  });
12304
12305  headerProjectListLoaded = true;
12306}
12307function hideHeaderMenuProjectList() {
12308  $("#project_drop_down .container.project-list .category-list ul").html("");
12309  $("#project_drop_down .container.project-list .content-list").html("");
12310  headerProjectListLoaded = false;
12311}
12312
12313// Mega Menu Inspiration
12314$("#inspiration_drop_down .container.inspiration-list").css("display", "none");
12315$("#inspiration_drop_down .container.skeleton").css("display", "block");
12316var headerInspirationListcontent = "";
12317var headerInspirationListcontent2 = "";
12318var headerInspirationListLoaded = false;
12319var headerInspirationListAjaxDone = false;
12320function showHeaderMenuInspirationList() {
12321  if (headerInspirationListAjaxDone) {
12322    $("#inspiration_drop_down .container.inspiration-list .content-list.inspiration-category-list .content").append(headerInspirationListcontent);
12323    $("#top-main-menu.new ul li #inspiration_drop_down.popup .popup-content-top-menu .content-list .content.inspiration-featured-wrapper").append(headerInspirationListcontent2);
12324  } else {
12325
12326    $.ajax({
12327        url: 'https://www.archify.com/au/gpost/generals/menu_inspiration',
12328        dataType: 'json',
12329        cache: true,
12330        beforeSend: function() {
12331          $("#inspiration_drop_down .container.inspiration-list").css("display", "none");
12332          $("#inspiration_drop_down .container.skeleton").css("display", "block");
12333        },
12334        success: function(data){
12335
12336          $("#inspiration_drop_down .container.skeleton").fadeOut(function(){
12337            $("#inspiration_drop_down .container.inspiration-list").fadeIn();
12338          });
12339
12340          var table = 0;
12341          var table_no = 0;
12342
12343          if (data.length > 0) {
12344            for (var i = 0; i < data.length; i++) {
12345              var randSelectedInspiration = 0;
12346              if (data.length >= 13) {
12347                randSelectedInspiration = (Math.floor((Math.random() * 13) + 1)) - 1;
12348              } else {
12349                randSelectedInspiration= (Math.floor((Math.random() * data.length) + 1)) - 1;
12350              }
12351
12352              $("#inspiration_drop_down .container.inspiration-list .category-list").html('');
12353              $("#inspiration_drop_down .container.inspiration-list .category-list").append('\
12354                <p class="title-head">Inspiration</p>\
12355                <ul></ul>\
12356              ');
12357
12358              for (var i = 0; i < data.length; i++) {
12359
12360                  var active = "";
12361                  if (i == randSelectedInspiration) {
12362                    active = "active";
12363                  } else {
12364                    active = "";
12365                  }
12366
12367                  $("#inspiration_drop_down .container.inspiration-list .category-list ul").append('\
12368                    <li class="'+active+'">\
12369                      <a href="https://www.archify.com/au/photos/all-properties/'+data[i].slug+'/all-styles/all-colors/all-areas/all-cities" class="'+active+'" val="inspiration_drop_down_sub-'+i+'">\
12370                        '+data[i].name+'\
12371                      </a>\
12372                      <img src="https://www.archify.com/assets/img/svg/icon-right-arrow-small-black.svg" alt="">\
12373                    </li>\
12374                  ');
12375
12376                  $("#inspiration_drop_down .container.inspiration-list .content-list").append('\
12377                    <div id="inspiration_drop_down_sub-'+i+'" class="content-list-wrapper '+active+'">\
12378                      <div class="sub-category" style="">\
12379                      </div>\
12380                      <div class="content image-brand">\
12381                        <p class="title-head left">\
12382                          '+data[i].name+'\
12383                        </p>\
12384                        <p class="title-head right">\
12385                          <a href="https://www.archify.com/au/photos/all-properties/'+data[i].slug+'/all-styles/all-colors/all-areas/all-cities">View All '+data[i].name+'</a>\
12386                        </p>\
12387                       <div class="image-brand-wrapper">\
12388                       </div>\
12389                      </div>\
12390                    </div>\
12391                  ');
12392
12393                  // need data for inspiration detail list
12394                  // if (data[i].inspiration.length > 0) {
12395                  //
12396                  // }
12397
12398                  if (data[i].child.length > 0) {
12399                    for (var j = 0; j < data[i].child.length; j++) {
12400
12401                      if (j < 6) {
12402                        // _using_s3
12403                        // $("#inspiration_drop_down_sub-"+i+" .content").append('\
12404                        //   <div class="image-featured half">\
12405                        //     <a href="https://www.archify.com/au/project/'+data[i].child[j].project_slug+'">\
12406                        //       <img src="https://image-apac.archify.com/professional/projects/xs/'+data[i].child[j].photo+'" alt="'+data[i].child[j].name+'">\
12407                        //       <div class="text-area" style="background: transparent; height: 90px;">\
12408                        //         <p>
12408'+data[i].child[j].project+'</p>\
12409                        //       </div>\
12410                        //     </a>\
12411                        //   </div>\
12412                        // ');
12413
12414                        $("#inspiration_drop_down_sub-"+i+" .content").append('\
12415                          <div class="image-featured half">\
12416                            <a href="https://www.archify.com/au/project/'+data[i].child[j].project_slug+'">\
12417                              <img src="https://www.archify.com/files/professional/projects/xs/'+data[i].child[j].photo+'" alt="'+data[i].child[j].name+'">\
12418                              <div class="text-area" style="background: transparent; height: 90px;">\
12419                                <p>'+data[i].child[j].project+'</p>\
12420                              </div>\
12421                            </a>\
12422                          </div>\
12423                        ');
12424                      }
12425
12426                    }
12427                  }
12428
12429              }
12430            }
12431
12432
12433            $( "#top-main-menu.new ul li #inspiration_drop_down.popup .popup-content-top-menu .category-list ul li" ).unbind("hover");
12434            $( "#top-main-menu.new ul li #inspiration_drop_down.popup .popup-content-top-menu .category-list ul li" ).hover(function() {
12435              $("#top-main-menu.new ul li #inspiration_drop_down.popup .popup-content-top-menu .category-list ul li").removeClass("active");
12436              $("#top-main-menu.new ul li #inspiration_drop_down.popup .popup-content-top-menu .category-list ul li a").removeClass("active");
12437              $(this).addClass("active");
12438              $(this).find('a').addClass("active");
12439              var val = $(this).find('a').attr("val");
12440              $("#top-main-menu.new ul li #inspiration_drop_down.popup.popup .popup-content-top-menu .content-list .content-list-wrapper").removeClass("active");
12441              $("#top-main-menu.new ul li #inspiration_drop_down.popup.popup .popup-content-top-menu #"+val+"").addClass("active");
12442              headerInspirationListcontent = $("#inspiration_drop_down .container.project-list .category-list ul").html();
12443              headerInspirationListcontent2 = $("#inspiration_drop_down .container.project-list .content-list").html();
12444            });
12445
12446            headerInspirationListcontent = $("#inspiration_drop_down .container.project-list .category-list ul").html();
12447            headerInspirationListcontent2 = $("#inspiration_drop_down .container.project-list .content-list").html();
12448            headerInspirationListAjaxDone = true;
12449          }
12450        }
12451    })
12452      .fail(function(){
12453      })
12454      .always(function(){
12455    });
12456  }
12457
12458  $( "#top-main-menu.new ul li #professional_drop_down.popup .popup-content-top-menu .category-list ul li a" ).unbind("hover");
12459  $( "#top-main-menu.new ul li #professional_drop_down.popup .popup-content-top-menu .category-list ul li a" ).hover(function() {
12460    $("#top-main-menu.new ul li #professional_drop_down.popup .popup-content-top-menu .category-list ul li a").removeClass("active");
12461    $(this).addClass("active");
12462    var val = $(this).attr("val");
12463    $("#top-main-menu.new ul li #inspiration_drop_down.popup.popup .popup-content-top-menu .content-list .content-list-wrapper").removeClass("active");
12464    $("#top-main-menu.new ul li #inspiration_drop_down.popup.popup .popup-content-top-menu #"+val+"").addClass("active");
12465    headerInspirationListcontent = $("#inspiration_drop_down .container.project-list .category-list ul").html();
12466    headerInspirationListcontent2 = $("#inspiration_drop_down .container.project-list .content-list").html();
12467  });
12468
12469  headerInspirationListLoaded = true;
12470
12471}
12472function hideHeaderMenuInspirationList() {
12473  $("#inspiration_drop_down .container.inspiration-list .content-list.inspiration-category-list .content").html("");
12474  $("#top-main-menu.new ul li #inspiration_drop_down.popup .popup-content-top-menu .content-list .content.inspiration-featured-wrapper").html("");
12475  headerInspirationListLoaded = false;
12476}
12477
12478// Mega Menu Article
12479$("#article_drop_down .content-list-wrapper .content").css("display", "none");
12480$("#article_drop_down .content-list-wrapper .content.skeleton").css("display", "block");
12481var headerArticleListcontent = "";
12482var headerArticleListcontent2 = "";
12483var headerArticleListLoaded = false;
12484var headerArticleListAjaxDone = false;
12485function showHeaderMenuArticleList() {
12486  if (headerArticleListAjaxDone) {
12487    $("#article_drop_down .content-list-wrapper .content .categories-link").append(headerArticleListcontent);
12488    $("#article_drop_down .article-wrapper").append(headerArticleListcontent2);
12489  } else {
12490
12491    $.ajax({
12492        url: 'https://www.archify.com/au/gpost/generals/menu_articles',
12493        dataType: 'json',
12494        cache: true,
12495        beforeSend: function() {
12496          $("#article_drop_down .container.article-list").css("display", "none");
12497          $("#article_drop_down .container.skeleton").css("display", "block");
12498        },
12499        success: function(data){
12500            $("#article_drop_down .container.skeleton").fadeOut(function(){
12501              $("#article_drop_down .container.article-list").fadeIn();
12502            });
12503
12504            if (data.categories.length > 0) {
12505
12506							// console.log(data.categories);
12507
12508														for (var i = 0; i < data.categories.length; i++) {
12509
12510								if (data.categories[i].slug == "highlights") {
12511										data.categories.splice(i, 1);
12512                }
12513
12514								if (data.categories[i].slug == "news") {
12515										data.categories.splice(i, 1)
12516                }
12517              }
12518							
12519							// console.log(data.categories);
12520
12521              var randSelectedArticle= (Math.floor((Math.random() * data.categories.length) + 1)) - 1;
12522
12523              $("#article_drop_down .container.article-list .category-list").html('');
12524              $("#article_drop_down .container.article-list .category-list").append('\
12525                <p class="title-head">Articles</p>\
12526                <ul></ul>\
12527              ');
12528
12529              for (var i = 0; i < data.categories.length; i++) {
12530                if (data.categories[i].article.length <= 0 || data.categories[i].slug == "events") {
12531                  if (i == randSelectedArticle) {
12532                    randSelectedArticle = 0;
12533                  }
12534                }
12535              }
12536
12537              for (var i = 0; i < data.categories.length; i++) {
12538
12539
12540                if (data.categories[i].article.length > 0 && data.categories[i].slug != "events") {
12541
12542                  var active = "";
12543                  var all = "All";
12544                  if (i == randSelectedArticle) {
12545                    active = "active";
12546                    all = "";
12547                  } else {
12548                    all = "All";
12549                    active = "";
12550                  }
12551
12552									// alert(data.categories[i].slug);
12553
12554									$("#article_drop_down .container.article-list .category-list ul").append('\
12555										<li class="'+active+'">\
12556											<a href="https://www.archify.com/au/archifynow/'+data.categories[i].slug+'" class="'+active+'" val="article_drop_down_sub-'+i+'">\
12557												'+data.categories[i].name+'\
12558											</a>\
12559											<img src="https://www.archify.com/assets/img/svg/icon-right-arrow-small-black.svg" alt="">\
12560										</li>\
12561									');
12562
12563
12564                  $("#article_drop_down .container.article-list .content-list").append('\
12565                    <div id="article_drop_down_sub-'+i+'" class="content-list-wrapper '+active+'">\
12566                      <div class="sub-category" style="">\
12567                      </div>\
12568                      <div class="content image-brand">\
12569                        <p class="title-head left">\
12570                          '+data.categories[i].name+'\
12571                        </p>\
12572                        <p class="title-head right">\
12573                          <a href="https://www.archify.com/au/archifynow/'+data.categories[i].slug+'">View All '+data.categories[i].name+'</a>\
12574                        </p>\
12575                       <div class="image-brand-wrapper">\
12576                       </div>\
12577                      </div>\
12578                    </div>\
12579                  ');
12580
12581                  for (var j = 0; j < data.categories[i].article.length; j++) {
12582
12583                    if (j < 3) {
12584
12585                      $("#article_drop_down_sub-"+i+" .content").append('\
12586                        <div class="image-featured half">\
12587                          <a href="'+data.categories[i].article[j].link+'">\
12588                            <img src="'+data.categories[i].article[j].image+'" alt="'+data.categories[i].article[j].title+'">\
12589                            <div class="text-area" style="background: transparent;">\
12590                              <p class="title">'+data.categories[i].article[j].title+'</p>\
12591                              <p class="subtitle">'+data.categories[i].article[j].description+'</p>\
12592                            </div>\
12593                          </a>\
12594                        </div>\
12595                      ');
12596
12597                    }
12598
12599                  }
12600                }
12601
12602              }
12603            }
12604
12605            $( "#top-main-menu.new ul li #article_drop_down.popup .popup-content-top-menu .category-list ul li" ).unbind("hover");
12606            $( "#top-main-menu.new ul li #article_drop_down.popup .popup-content-top-menu .category-list ul li" ).hover(function() {
12607              $("#top-main-menu.new ul li #article_drop_down.popup .popup-content-top-menu .category-list ul li").removeClass("active");
12608              $("#top-main-menu.new ul li #article_drop_down.popup .popup-content-top-menu .category-list ul li a").removeClass("active");
12609              $(this).addClass("active");
12610              $(this).find('a').addClass("active");
12611              var val = $(this).find('a').attr("val");
12612              $("#top-main-menu.new ul li #article_drop_down.popup.popup .popup-content-top-menu .content-list .content-list-wrapper").removeClass("active");
12613              $("#top-main-menu.new ul li #article_drop_down.popup.popup .popup-content-top-menu #"+val+"").addClass("active");
12614              headerArticleListcontent = $("#article_drop_down .container.article-list .category-list ul").html();
12615              headerArticleListcontent2 = $("#article_drop_down .container.article-list .content-list").html();
12616            });
12617
12618            headerArticleListcontent = $("#article_drop_down .container.article-list .category-list ul").html();
12619            headerArticleListcontent2 = $("#article_drop_down .container.article-list .content-list").html();
12620            headerArticleListAjaxDone = true;
12621
12622        }
12623    })
12624      .fail(function(){
12625      })
12626      .always(function(){
12627    });
12628  }
12629
12630  $( "#top-main-menu.new ul li #article_drop_down.popup .popup-content-top-menu .category-list ul li a" ).unbind("hover");
12631  $( "#top-main-menu.new ul li #article_drop_down.popup .popup-content-top-menu .category-list ul li a" ).hover(function() {
12632    $("#top-main-menu.new ul li #article_drop_down.popup .popup-content-top-menu .category-list ul li a").removeClass("active");
12633    $(this).addClass("active");
12634    var val = $(this).attr("val");
12635    $("#top-main-menu.new ul li #article_drop_down.popup.popup .popup-content-top-menu .content-list .content-list-wrapper").removeClass("active");
12636    $("#top-main-menu.new ul li #article_drop_down.popup.popup .popup-content-top-menu #"+val+"").addClass("active");
12637    headerArticleListcontent = $("#professional_drop_down .container.professional-list .category-list ul").html();
12638    headerArticleListcontent2 = $("#professional_drop_down .container.professional-list .content-list").html();
12639  });
12640
12641  headerArticleListLoaded = true;
12642}
12643function hideHeaderMenuArticleList() {
12644  $("#article_drop_down .content-list-wrapper .content .categories-link").html("");
12645  $("#article_drop_down .article-wrapper").html("");
12646  headerArticleListLoaded = false;
12647}
12648
12649// Mega Menu Event
12650$("#event_drop_down .content-list-wrapper .content").css("display", "none");
12651$("#event_drop_down .content-list-wrapper .content.skeleton").css("display", "block");
12652var headerEventListcontent = "";
12653var headerEventListcontent2 = "";
12654var headerEventListLoaded = false;
12655var headerEventListAjaxDone = false;
12656function showHeaderMenuEventList() {
12657  if (headerEventListAjaxDone) {
12658    $("#event_drop_down .content-list-wrapper .content .categories-link").append(headerEventListcontent);
12659    $("#event_drop_down .event-wrapper").append(headerEventListcontent2);
12660  } else {
12661      $.ajax({
12662          url: 'https://www.archify.com/au/gpost/generals/menu_events',
12663          dataType: 'json',
12664          // cache: false,
12665          async: false,
12666          beforeSend: function() {
12667            $("#event_drop_down .container.event-list").css("display", "none");
12668            $("#event_drop_down .container.skeleton").css("display", "block");
12669          },
12670          success: function(data){
12671
12672            $("#event_drop_down .container.skeleton").fadeOut(function(){
12673              $("#event_drop_down .container.event-list").fadeIn();
12674            });
12675
12676            if (data.length > 0) {
12677
12678              var randSelectedEvent= (Math.floor((Math.random() * data.length) + 1)) - 1;
12679
12680              $("#event_drop_down .container.event-list .category-list").html('');
12681              $("#event_drop_down .container.event-list .category-list").append('\
12682                <p class="title-head">Events</p>\
12683                <ul></ul>\
12684              <div class="hrefphoto">\
12685                  <a href="https://archify.pixieset.com/" target="_blank">View All Past Event Photos</a>\
12686              </div>\
12687              ');
12688
12689              for (var i = 0; i < data.length; i++) {
12690                var active = "";
12691                var all = "All";
12692                if (i == randSelectedEvent) {
12693                  active = "active";
12694                  all = "";
12695                } else {
12696                  all = "All";
12697                  active = "";
12698                }
12699                $("#event_drop_down .container.event-list .category-list ul").append('\
12700                  <li class="'+active+'">\
12701                    <a href="https://www.archify.com/au/events/'+data[i].slug+'" class="'+active+'" val="event_drop_down_sub-'+i+'">\
12702                      '+data[i].name+'\
12703                    </a>\
12704                    <img src="https://www.archify.com/assets/img/svg/icon-right-arrow-small-black.svg" alt="">\
12705                  </li>\
12706                ');
12707
12708                $("#event_drop_down .container.event-list .content-list").append('\
12709                  <div id="event_drop_down_sub-'+i+'" class="content-list-wrapper '+active+'">\
12710                    <div class="sub-category" style="">\
12711                    </div>\
12712                    <div class="content image-brand">\
12713                      <p class="title-head left">\
12714                        '+data[i].name+'\
12715                      </p>\
12716                      <p class="title-head right">\
12717                        <a href="https://www.archify.com/au/events/'+data[i].slug+'">View All Events</a>\
12718                      </p>\
12719                     <div class="image-brand-wrapper">\
12720                     </div>\
12721                    </div>\
12722                  </div>\
12723                ');
12724
12725
12726
12727                if (data[i].events.length > 0) {
12728                  for (var j = 0; j < data[i].events.length; j++) {
12729
12730                    if (j < 3) {
12731
12732                      var contentDescriptionForMegaMenuEvent = ""+data[i].events[j].description+"";
12733                      var textDescriptionForMegaMenuEvent = $(contentDescriptionForMegaMenuEvent).text();
12734                      var statusDescriptionForMegaMenuEvent = ""+data[i].events[j].status+"";
12735                      if (statusDescriptionForMegaMenuEvent != "active") {
12736                        statusDescriptionForMegaMenuEvent = "inactive";
12737                      }
12738
12739
12740
12741                      $("#event_drop_down_sub-"+i+" .content").append('\
12742                        <div class="event image-featured half '+statusDescriptionForMegaMenuEvent+'">\
12743                          <a href="https://www.archify.com/au/events/'+data[i].events[j].slug+'">\
12744                            <img src="https://image-apac.archify.com/events/s/'+data[i].events[j].image+'" alt="'+data[i].events[j].name+'">\
12745                            <div class="text-area" style="background: transparent;">\
12746                              <p class="title">'+data[i].events[j].name+'</p>\
12747                              <p class="time">'+data[i].events[j].date_periode+'</p>\
12748                              <!--<p class="subtitle">'+textDescriptionForMegaMenuEvent+'</p>-->\
12749                            </div>\
12750                          </a>\
12751                        </div>\
12752                      ');
12753
12754                    }
12755
12756                  }
12757                }
12758
12759              }
12760            }
12761
12762            $( "#top-main-menu.new ul li #event_drop_down.popup .popup-content-top-menu .category-list ul li" ).unbind("hover");
12763            $( "#top-main-menu.new ul li #event_drop_down.popup .popup-content-top-menu .category-list ul li" ).hover(function() {
12764              $("#top-main-menu.new ul li #event_drop_down.popup .popup-content-top-menu .category-list ul li").removeClass("active");
12765              $("#top-main-menu.new ul li #event_drop_down.popup .popup-content-top-menu .category-list ul li a").removeClass("active");
12766              $(this).addClass("active");
12767              $(this).find('a').addClass("active");
12768              var val = $(this).find('a').attr("val");
12769              $("#top-main-menu.new ul li #event_drop_down.popup.popup .popup-content-top-menu .content-list .content-list-wrapper").removeClass("active");
12770              $("#top-main-menu.new ul li #event_drop_down.popup.popup .popup-content-top-menu #"+val+"").addClass("active");
12771              headerEventListcontent = $("#event_drop_down .container.event-list .category-list ul").html();
12772              headerEventListcontent2 = $("#event_drop_down .container.event-list .content-list").html();
12773            });
12774
12775            headerEventListcontent = $("#event_drop_down .container.event-list .category-list ul").html();
12776            headerEventListcontent2 = $("#event_drop_down .container.event-list .content-list").html();
12777            headerEventListAjaxDone = true;
12778
12779              if(data.length <= 0){
12780                $("#event_drop_down").addClass("noneshow");
12781                $(".popup-shade-bg-megamenu").addClass("noneshow");
12782              };
12783
12784          }
12785      })
12786        .fail(function(){
12787        })
12788        .always(function(){
12789      });
12790    }
12791
12792
12793
12794
12795
12796
12797
12798    $( "#top-main-menu.new ul li #event_drop_down.popup .popup-content-top-menu .category-list ul li a" ).unbind("hover");
12799    $( "#top-main-menu.new ul li #event_drop_down.popup .popup-content-top-menu .category-list ul li a" ).hover(function() {
12800      $("#top-main-menu.new ul li #event_drop_down.popup .popup-content-top-menu .category-list ul li a").removeClass("active");
12801      $(this).addClass("active");
12802      var val = $(this).attr("val");
12803      $("#top-main-menu.new ul li #event_drop_down.popup.popup .popup-content-top-menu .content-list .content-list-wrapper").removeClass("active");
12804      $("#top-main-menu.new ul li #event_drop_down.popup.popup .popup-content-top-menu #"+val+"").addClass("active");
12805      headerEventListcontent = $("#event_drop_down .container.event-list .category-list ul").html();
12806      headerEventListcontent2 = $("#event_drop_down .container.event-list .content-list").html();
12807    });
12808
12809    headerEventListLoaded = true;
12810
12811}
12812function hideHeaderMenuEventList() {
12813  $("#event_drop_down .content-list-wrapper .content .categories-link").html("");
12814  $("#event_drop_down .event-wrapper").html("");
12815  headerEventListLoaded = false;
12816}
12817
12818// <!-- Retrive Data Ajax For Mobile Menu -->
12819// Mobile Menu Products
12820
12821// Show hide category mobile menu
12822var open_subcategory_in_progress = false;
12823$("#myMenuMobileNew .category-box ul li.open-subcategory").click(function(e){
12824  e.preventDefault();
12825
12826  if (!open_subcategory_in_progress) {
12827
12828    var thisObj = $(this);
12829
12830    thisObj.addClass("on-progress");
12831
12832    open_subcategory_in_progress = true;
12833
12834    setTimeout(function() {
12835
12836
12837      var val = thisObj.attr("val");
12838
12839      // Product
12840      if (val=="product") {
12841        $.ajax({
12842            url: 'https://www.archify.com/au/gpost/generals/menu_products_v2',
12843            dataType: 'json',
12844            beforeSend: function() {
12845
12846            }
12847          }).done(function(data){
12848
12849            $("#myMenuMobileNew .subcategory-box .header .name p").html('Products');
12850
12851            $("#myMenuMobileNew .subcategory-box .content ul").html('');
12852
12853            $("#myMenuMobileNew .subcategory-box .content ul").append('\
12854              <li>\
12855                <a href="https://www.archify.com/au/products">\
12856                  <h5 style="margin: 0;">\
12857                    View All Products\
12858                  </h5>\
12859                </a>\
12860              </li>\
12861            ');
12862
12863            var subcategory = [];
12864
12865            if (data.length > 0) {
12866              for (var i = 0; i < data.length; i++) {
12867
12868                $("#myMenuMobileNew .subcategory-box .content ul").append('\
12869                  <li class="open-subsubcategory" val-id="'+i+'" val-name="'+data[i].name+'">\
12870                    <h5 style="margin: 0;">\
12871                      '+data[i].name+'\
12872                      <i class="fa fa-angle-right" aria-hidden="true"></i>\
12873                    </h5>\
12874                  </li>\
12875                ');
12876
12877                var subcategory_tmp = [];
12878
12879                if (data[i].child.length > 0) {
12880                  for (var j = 0; j < data[i].child.length; j++) {
12881                    subcategory_tmp.push([data[i].name, data[i].slug, data[i].child[j].name, data[i].child[j].slug])
12882                  }
12883                }
12884
12885                subcategory.push(subcategory_tmp);
12886
12887              }
12888            }
12889
12890            $("#myMenuMobileNew .subcategory-box").addClass("show");
12891
12892            $("#myMenuMobileNew .subcategory-box .content ul li.open-subsubcategory").unbind("click");
12893            $("#myMenuMobileNew .subcategory-box .content ul li.open-subsubcategory").click(function(e){
12894              e.preventDefault();
12895
12896              var val_id = $(this).attr("val-id");
12897              var val_name = $(this).attr("val-name");
12898
12899              $("#myMenuMobileNew .subsubcategory-box .header .name p").html(val_name);
12900
12901              $("#myMenuMobileNew .subsubcategory-box .content ul").html('');
12902
12903              $("#myMenuMobileNew .subsubcategory-box .content ul").append('\
12904                <li>\
12905                  <a href="https://www.archify.com/au/products/'+subcategory[val_id][0][1]+'">\
12906                    <h5 style="margin: 0;">\
12907                      View All '+subcategory[val_id][0][0]+'\
12908                    </h5>\
12909                  </a>\
12910                </li>\
12911              ');
12912
12913              if (subcategory[val_id].length > 0) {
12914                for (var i = 0; i < subcategory[val_id].length; i++) {
12915                  $("#myMenuMobileNew .subsubcategory-box .content ul").append('\
12916                    <li>\
12917                      <a href="https://www.archify.com/au/products/'+subcategory[val_id][i][3]+'">\
12918                        <h5 style="margin: 0;">\
12919                          '+subcategory[val_id][i][2]+'\
12920                        </h5>\
12921                      </a>\
12922                    </li>\
12923                  ');
12924                }
12925              }
12926
12927              $("#myMenuMobileNew .subsubcategory-box").addClass("show");
12928            });
12929          })
12930          .fail(function(){
12931          })
12932          .always(function(){
12933            open_subcategory_in_progress = false;
12934            thisObj.removeClass("on-progress");
12935        });
12936      }
12937
12938      // Professional
12939      if (val=="professional") {
12940        $.ajax({
12941            url: 'https://www.archify.com/au/gpost/generals/menu_professionals',
12942            dataType: 'json',
12943            beforeSend: function() {
12944
12945            }
12946          }).done(function(data){
12947
12948            $("#myMenuMobileNew .subcategory-box .header .name p").html('Professionals');
12949
12950            $("#myMenuMobileNew .subcategory-box .content ul").html('');
12951
12952            $("#myMenuMobileNew .subcategory-box .content ul").append('\
12953              <li>\
12954                <a href="https://www.archify.com/au/professionals">\
12955                  <h5 style="margin: 0;">\
12956                    View All Professionals\
12957                  </h5>\
12958                </a>\
12959              </li>\
12960            ');
12961
12962
12963            if (data.length > 0) {
12964              for (var i = 0; i < data.length; i++) {
12965                if (i > 0) {
12966                  $("#myMenuMobileNew .subcategory-box .content ul").append('\
12967                    <li>\
12968                      <!--<a href="https://www.archify.com/au/professionals/'+data[i].slug+'/all-properties/all-styles/all-cities/all-fees">-->\
12969                      <a href="https://www.archify.com/au/professionals/'+data[i].slug+'">\
12970                        <h5 style="margin: 0;">\
12971                          '+data[i].name+'\
12972                        </h5>\
12973                      </a>\
12974                    </li>\
12975                  ');
12976                }
12977              }
12978            }
12979
12980            $("#myMenuMobileNew .subcategory-box").addClass("show");
12981          })
12982          .fail(function(){
12983          })
12984          .always(function(){
12985            open_subcategory_in_progress = false;
12986            thisObj.removeClass("on-progress");
12987        });
12988      }
12989
12990      // Project
12991      if (val=="project") {
12992
12993        $.ajax({
12994            url: 'https://www.archify.com/au/gpost/generals/menu_projects',
12995            dataType: 'json',
12996            beforeSend: function() {
12997
12998            }
12999          }).done(function(data){
13000
13001            $("#myMenuMobileNew .subcategory-box .header .name p").html('Projects');
13002
13003            $("#myMenuMobileNew .subcategory-box .content ul").html('');
13004
13005            $("#myMenuMobileNew .subcategory-box .content ul").append('\
13006              <li>\
13007                <a href="https://www.archify.com/au/projects/all-projects/all-business/all-locations/all-companies/popular/">\
13008                  <h5 style="margin: 0;">\
13009                    View All Projects\
13010                  </h5>\
13011                </a>\
13012              </li>\
13013            ');
13014
13015            var subcategory = [];
13016
13017
13018            if (data.length > 0) {
13019              for (var i = 0; i < data.length; i++) {
13020
13021                if (data[i].child.length == 0) {
13022                  $("#myMenuMobileNew .subcategory-box .content ul").append('\
13023                    <li>\
13024                       <a href="https://www.archify.com/au/projects/'+data[i].slug+'/all-business/all-locations/all-companies/popular/">\
13025                         <h5 style="margin: 0;">\
13026                           '+data[i].name+'\
13027                         </h5>\
13028                       </a>\
13029                     </li>\
13030                 ');
13031                } else if (data[i].child.length > 0) {
13032                  $("#myMenuMobileNew .subcategory-box .content ul").append('\
13033                    <li class="open-subsubcategory" val-id="'+i+'" val-name="'+data[i].name+'">\
13034                      <h5 style="margin: 0;">\
13035                        '+data[i].name+'\
13036                        <i class="fa fa-angle-right" aria-hidden="true"></i>\
13037                      </h5>\
13038                    </li>\
13039                  ');
13040                }
13041
13042
13043                var subcategory_tmp = [];
13044
13045                if (data[i].child.length > 0) {
13046                  for (var j = 0; j < data[i].child.length; j++) {
13047                    subcategory_tmp.push([data[i].name, data[i].slug, data[i].child[j].name, data[i].child[j].slug])
13048                  }
13049                }
13050
13051                subcategory.push(subcategory_tmp);
13052
13053              }
13054            }
13055
13056            $("#myMenuMobileNew .subcategory-box").addClass("show");
13057
13058            $("#myMenuMobileNew .subcategory-box .content ul li.open-subsubcategory").unbind("click");
13059            $("#myMenuMobileNew .subcategory-box .content ul li.open-subsubcategory").click(function(e){
13060              e.preventDefault();
13061
13062              var val_id = $(this).attr("val-id");
13063              var val_name = $(this).attr("val-name");
13064
13065              $("#myMenuMobileNew .subsubcategory-box .header .name p").html(val_name);
13066
13067              $("#myMenuMobileNew .subsubcategory-box .content ul").html('');
13068
13069              $("#myMenuMobileNew .subsubcategory-box .content ul").append('\
13070                <li>\
13071                  <a href="https://www.archify.com/au/projects/'+subcategory[val_id][0][1]+'/all-business/all-locations/all-companies/popular/">\
13072                    <h5 style="margin: 0;">\
13073                      View All '+subcategory[val_id][0][0]+'\
13074                    </h5>\
13075                  </a>\
13076                </li>\
13077              ');
13078
13079              if (subcategory[val_id].length > 0) {
13080                for (var i = 0; i < subcategory[val_id].length; i++) {
13081                  $("#myMenuMobileNew .subsubcategory-box .content ul").append('\
13082                    <li>\
13083                      <a href="https://www.archify.com/au/projects/'+subcategory[val_id][i][3]+'/all-business/all-locations/all-companies/popular/">\
13084                        <h5 style="margin: 0;">\
13085                          '+subcategory[val_id][i][2]+'\
13086                        </h5>\
13087                      </a>\
13088                    </li>\
13089                  ');
13090                }
13091              }
13092
13093              $("#myMenuMobileNew .subsubcategory-box").addClass("show");
13094            });
13095          })
13096          .fail(function(){
13097          })
13098          .always(function(){
13099            open_subcategory_in_progress = false;
13100            thisObj.removeClass("on-progress");
13101        });
13102      }
13103
13104      // Inspiration
13105      if (val=="inspiration") {
13106        $.ajax({
13107            url: 'https://www.archify.com/au/gpost/generals/menu_inspiration',
13108            dataType: 'json',
13109            beforeSend: function() {
13110
13111            }
13112          }).done(function(data){
13113
13114            $("#myMenuMobileNew .subcategory-box .header .name p").html('Inspiration');
13115
13116            $("#myMenuMobileNew .subcategory-box .content ul").html('');
13117
13118            $("#myMenuMobileNew .subcategory-box .content ul").append('\
13119              <li>\
13120                <a href="https://www.archify.com/au/photos">\
13121                  <h5 style="margin: 0;">\
13122                    View All Inspiration\
13123                  </h5>\
13124                </a>\
13125              </li>\
13126            ');
13127
13128            if (data.length > 0) {
13129              for (var i = 0; i < data.length; i++) {
13130                if (data[i].name != "View All Categories") {
13131                  $("#myMenuMobileNew .subcategory-box .content ul").append('\
13132                    <li>\
13133                      <a href="https://www.archify.com/photos/all-properties/'+data[i].slug+'/all-styles/all-colors/all-areas/all-cities">\
13134                        <h5 style="margin: 0;">\
13135                          '+data[i].name+'\
13136                        </h5>\
13137                      </a>\
13138                    </li>\
13139                  ');
13140                }
13141
13142              }
13143            }
13144
13145            $("#myMenuMobileNew .subcategory-box").addClass("show");
13146
13147          })
13148          .fail(function(){
13149          })
13150          .always(function(){
13151            open_subcategory_in_progress = false;
13152            thisObj.removeClass("on-progress");
13153        });
13154      }
13155
13156
13157      // Article
13158      if (val=="article") {
13159
13160        $("#myMenuMobileNew .subcategory-box .header .name p").html('Articles');
13161
13162        $("#myMenuMobileNew .subcategory-box .content ul").html('');
13163
13164        $("#myMenuMobileNew .subcategory-box .content ul").append('\
13165          <li class="mobile-archifynow-xx">\
13166            <a href="https://www.archify.com/au/archifynow/">\
13167              <h5 style="margin: 0;">\
13168                View All Articles\
13169              </h5>\
13170            </a>\
13171          </li>\
13172          <li>\
13173            <a href="https://www.archify.com/au/archifynow/projects">\
13174              <h5 style="margin: 0;">\
13175                Projects\
13176              </h5>\
13177            </a>\
13178          </li>\
13179                              <li>\
13180            <a href="https://www.archify.com/au/archifynow/tips-n-ideas">\
13181              <h5 style="margin: 0;">\
13182                Tips & Ideas\
13183              </h5>\
13184            </a>\
13185          </li>\
13186          <li>\
13187            <a href="https://www.archify.com/au/archifynow/updates">\
13188              <h5 style="margin: 0;">\
13189                Updates\
13190              </h5>\
13191            </a>\
13192          </li>\
13193        ');
13194
13195        $("#myMenuMobileNew .subcategory-box").addClass("show");
13196
13197        open_subcategory_in_progress = false;
13198        thisObj.removeClass("on-progress");
13199      }
13200
13201
13202    }, 500);
13203
13204  }
13205
13206});
13207
13208$("#myMenuMobileNew .select-language-button").click(function(e){
13209  e.preventDefault();
13210
13211  var val = $(this).attr("val");
13212
13213  $("#myMenuMobileNew .subcategory-box .header .name p").html('Select Country');
13214
13215  $("#myMenuMobileNew .subcategory-box .content ul").html('');
13216
13217  $("#myMenuMobileNew .subcategory-box .content ul").append('\
13218    <li class="language-list nationality-active">\
13219      <a href="https://www.archify.com/au/products">\
13220        <div class="lang-mobb" style="margin: 0;">\
13221          <img src="https://www.archify.com/assets/img/svg/flag/flag-au.svg" alt="au" width="15" height="15" style="margin-right: 10px;">\
13222          Australia\
13223        </div>\
13224      </a>\
13225    </li>\
13226    <li class="language-list ">\
13227      <a href="https://www.archify.com/site/lang/hk-en">\
13228        <div class="lang-mobb" style="margin: 0;">\
13229          <img src="https://www.archify.com/assets/img/svg/flag/flag-hk.svg" alt="hk" width="15" height="15" style="margin-right: 10px;">\
13230          Hong kong\
13231        </div>\
13232      </a>\
13233        <!--<div class="wrap-lang-new" style="top:0px; padding-left: 10px; float: none;">\
13234            <div onclick="window.location=\'https://www.archify.com/site/lang/hk-en\'" class="lang-new-link ">English</div>\
13235            <span class="lang-new-sep">|</span>\
13236            <div onclick="window.location=\'https://www.archify.com/site/lang/hk-sc\'" class="lang-new-link ">Simplified 简</div>\
13237            <span class="lang-new-sep">|</span>\
13238            <div onclick="window.location=\'https://www.archify.com/site/lang/hk-tc\'" class="lang-new-link ">Traditional 繁</div>\
13239        </div>-->\
13240    </li>\
13241    <li class="language-list ">\
13242      <a href="https://www.archify.com/id/products">\
13243        <div class="lang-mobb" style="margin: 0;">\
13244          <img src="https://www.archify.com/assets/img/svg/flag/flag-id.svg" alt="id" width="15" height="15" style="margin-right: 10px;">\
13245          Indonesia\
13246        </div>\
13247      </a>\
13248    </li>\
13249    <li class="language-list ">\
13250      <a href="https://www.archify.com/my/products">\
13251        <div class="lang-mobb" style="margin: 0;">\
13252          <img src="https://www.archify.com/assets/img/svg/flag/flag-my.svg" alt="my" width="15" height="15" style="margin-right: 10px;">\
13253          Malaysia\
13254        </div>\
13255      </a>\
13256    </li>\
13257    <li class="language-list ">\
13258      <a href="https://www.archify.com/nz/products">\
13259        <div class="lang-mobb" style="margin: 0;">\
13260          <img src="https://www.archify.com/assets/img/svg/flag/flag-nz.svg" alt="nz" width="15" height="15" style="margin-right: 10px;">\
13261          New Zealand\
13262        </div>\
13263      </a>\
13264    </li>\
13265    <li class="language-list ">\
13266      <a href="https://www.archify.com/ph/products">\
13267        <div class="lang-mobb" style="margin: 0;">\
13268          <img src="https://www.archify.com/assets/img/svg/flag/flag-ph.svg" alt="ph" width="15" height="15" style="margin-right: 10px;">\
13269          Philippines\
13270        </div>\
13271      </a>\
13272    </li>\
13273    <li class="language-list ">\
13274      <a href="https://www.archify.com/sg/products">\
13275        <div class="lang-mobb" style="margin: 0;">\
13276          <img src="https://www.archify.com/assets/img/svg/flag/flag-sg.svg"alt="sg" width="15" height="15" style="margin-right: 10px;">\
13277          Singapore\
13278        </div>\
13279      </a>\
13280    </li>\
13281<!--\
13282    <li class="language-list ">\
13283      <a href="https://www.archify.com/th/products">\
13284        <div class="lang-mobb" style="margin: 0;">\
13285          <img src="https://www.archify.com/assets/img/svg/flag/flag-th.svg" alt="th" width="15" height="15" style="margin-right: 10px;">\
13286          Thailand\
13287        </div>\
13288      </a>\
13289    </li>\
13290-->\
13291\
13292\
13293\
13294\
13295\
13296\
13297\
13298');
13299//show hide flag
13300$("#myMenuMobileNew .subcategory-box").addClass("show");
13301//  //        $("#myMenuMobileNew .subcategory-box").addClass("show");
13302//  
13303});
13304$("#myMenuMobileNew .subcategory-box .header .close-box").click(function(e){
13305  e.preventDefault();
13306  $("#myMenuMobileNew .subcategory-box").removeClass("show");
13307});
13308
13309// Show hide sub category mobile menu
13310$("#myMenuMobileNew .subsubcategory-box .header .close-box").click(function(e){
13311  e.preventDefault();
13312  $("#myMenuMobileNew .subsubcategory-box").removeClass("show");
13313});
13314
13315// <!-- Scroll Up Down Hide SHow Top Menu -->
13316var prevScrollpos = window.pageYOffset;
13317window.onscroll = function() {
13318var currentScrollPos = window.pageYOffset;
13319  if (prevScrollpos > currentScrollPos) {
13320    document.getElementById("top-main-menu").style.top = "70px";
13321  } else {
13322    if (window.pageYOffset > 120) {
13323      document.getElementById("top-main-menu").style.top = "-50px";
13324      $("#top-main-menu.new ul#top-main-menu-list > li").css("opacity", "1");
13325      $(".popup-shade-bg-main-menu").css("display", "none");
13326      $(".popup").css("display", "none");
13327    }
13328  }
13329  prevScrollpos = currentScrollPos;
13330}
13331
13332// Set Mobile Menu Mobile Content Height
13333// var menuMobileContentHeight = $(window).height();
13334// $("#myMenuMobileNew .content").css("height", ""+menuMobileContentHeight+"px");
13335// $(window).resize(function() {
13336//   menuMobileContentHeight = $(window).height();
13337//   $("#myMenuMobileNew .content").css("height", ""+menuMobileContentHeight+"px");
13338// });
13339
13340// <!-- Fixing Multiple Modal Problem When Close It -->
13341$(document).on('show.bs.modal', '.modal', function () {
13342    var zIndex = 99999999 + (10 * $('.modal:visible').length);
13343    $(this).css('z-index', zIndex);
13344    setTimeout(function() {
13345        $('.modal-backdrop').not('.modal-stack').css('z-index', zIndex - 1).addClass('modal-stack');
13346    }, 0);
13347});
13348$(document).on('hidden.bs.modal', '.modal', function () {
13349    $('.modal:visible').length && $(document.body).addClass('modal-open');
13350});
13351
13352function header_javascript_call() {
13353
13354
13355}
13356header_javascript_call();
13357</script>
13357
13358
13359<script>
13360  var switch_button_clicked = false;
13361  var is_switch_account_to_my_account = false;
13362  var is_switch_account_to_setup_company = false;
13363  var is_switch_account_to_inbox = false;
13364
13365  function switch_account(token, feedback = "") {
13366    if (switch_button_clicked == false) {
13367      switch_button_clicked = true;
13368      $.ajax({
13369        type: "POST",
13370        // dataType: "json",
13371        async: true,
13372        url: "https://www.archify.com/au/gpost/account/switch_account/" + token + "",
13373        success: function(data) {
13374
13375          if (data == "success_inbox")
13376            is_switch_account_to_inbox = true;
13377
13378          if (is_switch_account_to_my_account) {
13379            window.location.href = 'https://www.archify.com/au/professional/myaccount';
13380          } else if (is_switch_account_to_setup_company) {
13381            window.location.href = 'https://www.archify.com/au/professional/setup_company';
13382          } else if (is_switch_account_to_inbox) {
13383            // window.location.href = 'https://www.archify.com/au/inbox';
13384            if (feedback != "") {
13385              window.location.href = feedback;
13386            } else {
13387              window.location.href = 'https://www.archify.com/au/inbox';
13388            }
13389            exit;
13390          }
13391
13392          if (!is_switch_account_to_my_account && !is_switch_account_to_setup_company) {
13393
13394            var status = "";
13395            if (data == "success") {
13396              if (status == "member") {
13397                window.location.href = 'https://www.archify.com/au/professional/project';
13398              } else if (status == "professional") {
13399                window.location.href = 'https://www.archify.com/au/member/home';
13400              }
13401            } else if (data == 'incomplete' && status == "member") {
13402              window.location.href = 'https://www.archify.com/au/professional/setup_company';
13403            } else {
13404              switch_button_clicked = false;
13405            }
13406
13407          }
13408
13409        },
13410        error: function(data) {
13411          switch_button_clicked = false;
13412          callNotificationAlert("Error");
13413        }
13414      });
13415    }
13416  }
13417
13418  function switch_account_complete_profile(token) {
13419    if (switch_button_clicked == false) {
13420      switch_button_clicked = true;
13421      $.ajax({
13422        type: "POST",
13423        // dataType: "json",
13424        async: true,
13425        url: "https://www.archify.com/au/gpost/account/switch_account/" + token + "",
13426        success: function(data) {
13427          var status = "";
13428          if (data == "success") {
13429            if (status == "member") {
13430              window.location.href = 'https://www.archify.com/au/professional/myaccount';
13431            }
13432          } else {
13433            switch_button_clicked = false;
13434          }
13435        },
13436        error: function(data) {
13437          callNotificationAlert("Error");
13438          switch_button_clicked = false;
13439        }
13440      });
13441    }
13442  }
13443
13444  function switch_account_upload_project(token) {
13445    if (switch_button_clicked == false) {
13446      switch_button_clicked = true;
13447      $.ajax({
13448        type: "POST",
13449        // dataType: "json",
13450        async: true,
13451        url: "https://www.archify.com/au/gpost/account/switch_account/" + token + "",
13452        success: function(data) {
13453          var status = "";
13454          if (data == "success") {
13455            if (status == "member") {
13456              window.location.href = 'https://www.archify.com/au/professional/setup_company';
13457            }
13458          } else {
13459            switch_button_clicked = false;
13460          }
13461        },
13462        error: function(data) {
13463          callNotificationAlert("Error");
13464          switch_button_clicked = false;
13465        }
13466      });
13467    }
13468  }
13469  $.ajax({
13470    type: "GET",
13471    async: true,
13472    url: "https://www.archify.com/au/gpost/account/show_all_account",
13473    success: function(data) {
13474      if (data.length > 2) {
13475        var json_data = JSON.parse(data);
13476        $(".switch-company-account-wrapper").html('');
13477        $(".switch-company-account-wrapper").css("display", "flex");
13478        
13479
13480        $(".complete-profile-button-wrapper").html('');
13481        $(".complete-profile-button-wrapper").css("display", "block");
13482        
13483
13484      }
13485    }
13486  });
13487
13488  function footer_switch_account_call() {
13489
13490
13491  }
13492
13493  footer_switch_account_call();
13494</script>
13494
13495
13496
13497
13498
13499
13500<!-- DIV PASSWORD -->
13501    <div id="htPasswdModal" style="position: fixed; width: 100%; height: 100%; background-color: #fff; z-index: 999999999999999999; display: none; top: 0; left: 0;">
13502        <div class="content" style="position: relative; float: left; max-width: 500px; padding-left: 20px; padding-right: 20px; width: 100%;top: 100px;left: 50%; -webkit-transform: translate(-50%,0%); -ms-transform: translate(-50%,0%); transform: translate(-50%,0%);">
13503          <div class="form-group bluprin-input">
13504              <label for="Username">
13505                  <h5>Username</h5>
13506              </label>
13507              <input type="text" class="form-control" id="UsernameHtPasswd" placeholder="" name="Username" value="">
13508          </div>
13509          <div class="form-group bluprin-input">
13510              <label for="Password">
13511                  <h5>Password</h5>
13512              </label>
13513              <input type="password" class="form-control" id="PasswordHtPasswd" placeholder="" name="Password" value="" >
13514          </div>
13515          <button onclick="submit_ht();" id="buttonSubmitHtPasswd" type="button" name="button" style="width: 100%; font-family: WorkSans-Medium; font-size: 13px; color: #fff; background-color: #4a4a4a; height: 30px; border: 0; border-radius: 3px; cursor: pointer; margin-top: 10px;">Submit</button>
13516        </div>
13517    </div>
13518
13519    
13519<script>
13520        function getCookie(name) {
13521            var v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)');
13522            return v ? v[2] : null;
13523        }
13524        function setCookie(name, value, days) {
13525            var d = new Date;
13526            d.setTime(d.getTime() + 24*60*60*1000*days);
13527            document.cookie = name + "=" + value + ";path=/;expires=" + d.toGMTString();
13528        }
13529    </script>
13529
13530
13531    
13531<script>
13532
13533		      
13534    </script>
13534
13535
13536    
13536<script>
13537      function submit_ht(){
13538          if($("#UsernameHtPasswd").val()=="archify" && $("#PasswordHtPasswd").val()=="archify"){
13539              setCookie("ht","1",1);
13540              $("#htPasswdModal").fadeOut();
13541              location.reload();
13542          }else{
13543              alert("user or pass wrong");
13544          }
13545      }
13546    </script>
13546
13547
13548
13549<!-- /DIV PASSWORD -->
13550
13551<!-- popup notification for new featured mu-->
13552
13553<div class="asr-popup" id="popup-notif-ones">
13554	<div class="asr-popup-shadow hidenow"></div>
13555	<div class="asr-popup-body">
13556		<div class="close-simple-popup hidenow">
13557			<img src="https://www.archify.com/assets/img/svg/action-close-square.svg" alt="close icon">
13558		</div>
13559		<div class="asr-content" id="popup-notif-ones-content">
13560		</div>
13561	</div>
13562</div>
13563
13564<!-- new modal for notif list -->
13565<div class="asr-popup" id="popup-notif-onex">
13566	<div class="asr-popup-shadow hidenow"></div>
13567	<div class="asr-popup-body">
13568		<div class="close-simple-popup hidenow">
13569			<img src="https://www.archify.com/assets/img/svg/action-close-square.svg" alt="close icon">
13570		</div>
13571		<div class="asr-content" id="popup-notif-ones-contentx">
13572		</div>
13573	</div>
13574</div>
13575<!-- new modal -->
13576
13577<div class="asr-popup" id="popup-slider-ones">
13578	<div class="asr-popup-shadow hidenow"></div>
13579	<div class="asr-popup-body slider-body">
13580		<div class="close-simple-popup hidenow">
13581			<img src="https://www.archify.com/assets/img/svg/action-close-square.svg" alt="close icon">
13582		</div>
13583
13584		<div id="slider-notif-onef" class="owl-carousel owl-theme">
13585		</div>
13586		<div class="dotslider-notif-ones"></div>
13587	</div>
13588</div>
13589
13590
13591<!-- popup notification for new featured mu-->
13592<script src="https://www.archify.com/assets/third-party/OwlCarousel2-2.2.1/owl.carousel.min.js"></script>
13592
13593
13594<!-- jemy -->
13595<script>
13596$(document).ready(function(){
13597	// Notification list mobile
13598	$("#myMenuMobileNew .notification-mob").click(function(e){
13599	  e.preventDefault();
13600
13601	  var val = $(this).attr("val");
13602
13603	  $("#myMenuMobileNew .subcategory-box .header .name p").html('NOTIFICATION');
13604
13605	  $("#myMenuMobileNew .subcategory-box .content ul").html('');
13606    $.ajax({
13607                  url: "https://www.archify.com/au/gpost/generals/list_notification",
13608                  dataType: 'json',
13609                  data: {},
13610                  success: function(data) {
13611                    var i;
13612                    var html = "";
13613					var countNotif = 0;
13614					var bg = "";
13615                    // var datax = JSON.parse(data)
13616                    for(i=0;i<data.length;i++){
13617					if (data[i].read_user==null) {
13618					  bg = "asrbluebadge";
13619					  countNotif++;
13620					} else {
13621					  bg = "";
13622					}
13623                    html +=  '<div class="center-notif-item2" id="idNotifPop" data-target="subsubcategory-box" data-id="'+ data[i].id +'">' +
13624											'<div class="img-notif-item">' +
13625												'<img src=" https://image-apac.archify.com/notification/'+ data[i].image +'">' +
13626											'</div>' +
13627											'<div class="content-notif-item"><div class="badge-notif-right-'+ data[i].notification_header_id +' '+bg+'"></div>' +
13628												'<div class="txt1" id="title">'+ data[i].title +'</div>' +
13629												'<div class="txt2" id="subtitle" data-subtitle="">'+ data[i].subtitle +'</div>' +
13630												'<div class="txt3" id="created" data-created="">'+ data[i].created_at +'</div>' +
13631											'</div>' +
13632										'</div>';
13633                    }
13634                    $('#myMenuMobileNew .subcategory-box .content ul').append(html);
13635                    // test
13636
13637                    // test
13638                  }
13639                });
13640
13641	  $("#myMenuMobileNew .subcategory-box").addClass("show");
13642	});
13643	// Notification Detail mobile
13644	$('#myMenuMobileNew').on('click', '.center-notif-item2', function() {
13645    var id = $(this).attr('data-id');
13646    $.ajax({
13647      url: "https://www.archify.com/au/gpost/generals/notification_preview",
13648      method: "POST",
13649      data: {id:id},
13650      dataType: 'json',
13651      success: function(data) {
13652		$(".badge-notif-right-"+id).removeClass('asrbluebadge');
13653        var html = "";
13654        var i;
13655        for(i=0;i<data.length;i++) {
13656          html += '<div class="asr-content">';
13657          if (data[i].image!=""){
13658            html += '<div class="asr-img-popup"><img src="https://image-apac.archify.com/notification/'+ data[i].image +'"></div>';
13659          }
13660          html += '<div class="asr-datainput">';
13661          if (data[i].title!=""){
13662            html += '<div class="asr-title">'+ data[i].title +'</div>';
13663          }
13664          if (data[i].subtitle!=""){
13665            html += '<div class="asr-subtitle">'+ data[i].subtitle +'</div>';
13666          }
13667          if (data[i].content!=""){
13668            html += '<div class="asr-maintitle" id="content">'+ data[i].content +'</div>';
13669          }
13670          if (data[i].button_url!=""){
13671            var link = data[i].button_url;
13672            if (link.search(/\./)>=0) {
13673              if (link.search("http")<0)
13674                link = "https://"+link;
13675
13676              html += '<a class="asr-link" href="'+ link +'" target="_blank">\
13677                      <button type="button" class="asr-btn-grey">'+ data[i].button_text +'</button>\
13678                    </a>';
13679          } else {
13680              html += '<a class="asr-link" href="'+ data[i].button_url +'">\
13681                        <button type="button" class="asr-btn-grey">'+ data[i].button_text +'</button>\
13682                      </a>';
13683            }
13684          }
13685          html += '</div>\
13686                </div>';
13687            $("#myMenuMobileNew .subsubcategory-box .content ul").html('');
13688            $("#myMenuMobileNew .subsubcategory-box .content ul").append(html);
13689
13690            if (data[i].count_notif>0) {
13691              $(".asrr-count-notif").text(data[i].count_notif+" New ");
13692            } else {
13693              $(".asrr-count-notif").text('');
13694            }
13695        }
13696
13697      }
13698    });
13699
13700	  $("#myMenuMobileNew .subsubcategory-box .header .name p").html('NOTIFICATION DETAILS');
13701
13702	  $("#myMenuMobileNew .subsubcategory-box").addClass("show");
13703	});
13704
13705  // $(".wrap-notif-bgblack").click(function(){
13706  //   alert("sssss");
13707	// $("#popup-notif-ones").fadeIn();
13708	// $(".notif-bgblack").fadeOut();
13709	// $(".popup-shade-bg-top-menu-asr").fadeOut();
13710  // });
13711
13712  $(".notif-bell-asr").click(function(){
13713	if ($('.notif-bgblack').is(':visible')) {
13714		$(".notif-bgblack").fadeOut();
13715		$(".popup-shade-bg-top-menu-asr").fadeOut();
13716	} else {
13717		$(".notif-bgblack").fadeIn();
13718		$(".popup-shade-bg-top-menu-asr").fadeIn();
13719	};
13720  });
13721
13722  $(".hidenow").click(function(){
13723	   $(".asr-popup").fadeOut();
13724	   $('body').css('overflowY', 'auto');
13725    $(".asr-popup-body").removeClass("usetransform");
13726    $(".asr-popup-body").removeClass("usemargin");
13727  });
13728
13729  $(".popup-shade-bg-top-menu-asr").click(function(){
13730	   $(".notif-bgblack").fadeOut();
13731	   $(".popup-shade-bg-top-menu-asr").fadeOut();
13732  });
13733
13734
13735});
13736</script>
13736
13737<!-- popup notification for new featured mu-->
13738
13739<script>
13740$('.asr-popup').mouseup(function(e)
13741{
13742    var container = $(".asr-popup-body");
13743	var container2 = $(".dotslider-notif-ones");
13744    // if the target of the click isn't the container nor a descendant of the container
13745    if (!container.is(e.target) && container.has(e.target).length === 0 && !container2.is(e.target) && container2.has(e.target).length === 0)
13746    {
13747		$('body').css('overflowY', '');
13748		$('.asr-popup').fadeOut();
13749    $(".asr-popup-body").removeClass("usetransform");
13750    $(".asr-popup-body").removeClass("usemargin");
13751    }
13752});
13753
13754if ($('.asr-popup').is(':visible')) {
13755	$('body').addClass('modal-open');
13756} else {
13757  $('body').removeClass('modal-open');
13758	$('body').css('overflowY', '');
13759};
13760</script>
13760
13761
13762
13763<!-- notification pop up when login -->
13764<script>
13765  $(document).ready(function() {
13766    // hide this feature https://bcisuite.atlassian.net/browse/AR-1900
13767      });
13768</script>
13768
13769
13770<script>
13771$(".popup-shade-mobile-asr").click(function(){
13772  $("body").removeClass("modal-open");
13773  $(".mobile-asr-left").removeClass("show-mobile");
13774  $(".popup-shade-mobile-asr").fadeOut();
13775});
13776
13777$(".close-nn img").click(function(){
13778  $("body").removeClass("modal-open");
13779  $(".mobile-asr-left").removeClass("show-mobile");
13780  $(".popup-shade-mobile-asr").fadeOut();
13781});
13782
13783  function save_mylibrary_header_js(){
13784    if (is_login == 0) {
13785      $("#loginModal").modal("show");
13786      return;
13787    }
13788	var id_product = $("#image-id-header-js").val();
13789    $.ajax({
13790      type: "POST",
13791      url: "https://www.archify.com/au/gpost/member/save_product_to_library/"+id_product,
13792      async : true,
13793      success: function(result){
13794        if (result == "success") {
13795			callNotification("Product has been added to library");
13796			    $('.test-class-').css('display', 'none');
13797        }
13798      },
13799      cache:false,
13800      contentType: false,
13801      processData: false
13802    });
13803  };
13804
13805  function remove_mylibrary_header_js(prodID){
13806    if (is_login == 0) {
13807      $("#loginModal").modal("show");
13808      return;
13809    }
13810	var id_product = $("#image-id-header-js").val();
13811    $.ajax({
13812      type: "POST",
13813      url: "https://www.archify.com/au/gpost/member/delete_product_to_library/"+id_product,
13814      async : true,
13815      success: function(result){
13816        if (result == "success") {
13817			callNotification("Product has been Removed From Library");
13818				$(this).parent().css('display', 'none');
13819				$(this).parent().siblings().css({"color": "red", "border": "2px solid red"});
13820        }
13821      },
13822      cache:false,
13823      contentType: false,
13824      processData: false
13825    });
13826  };
13827</script>
13827
13828
13829
13830<!-- right click image disable-->
13831<script>
13832$(document).on('contextmenu', 'img', function() {
13833  return false;
13834});
13835</script>
13835
13836<!-- right click image disable -->
13837
13838
13839<!-- PING -->
13840  <!-- 
13840<script>
13841
13842      function fn60sec() {
13843          //alert("aa");
13844          $.ajax({
13845                  type: "GET",
13846                  url: "https://www.archify.com/au/tools/ping",
13847                  // crossDomain: true,
13848                  // dataType: 'jsonp',
13849                  // jsonp: 'callback',
13850                  // jsonpCallback: 'jsonpCallback',
13851                  data: {name: $.now()},
13852                  success: function(json) {
13853                      //alert("success");
13854                  }
13855          });
13856      }
13857
13858      function jsonpCallback(data){
13859          //console.log(data.message);
13860      }
13861
13862      fn60sec();
13863      setInterval(fn60sec, 60*1000);
13864  </script>
13864 -->
13865<!-- /PING -->
13866
13867
13868<div id="forceSignUpLoginModalWrapper">
13869</div>
13870
13871<style>
13872	.my-form-set .form-group.bluprin-input .squaredThree input[type=checkbox]:checked+label {
13873		background: #0039ff;
13874	}
13875
13876	.my-form-set .form-group.bluprin-input .squaredThree label {
13877		width: 19px;
13878		height: 19px;
13879	}
13880
13881	.my-form-set .form-group.bluprin-input .squaredThree label:after {
13882		width: 11px;
13883		height: 6px;
13884		border-color: #FFF;
13885	}
13886</style>
13887<script>
13888	var google_url = "";
13889
13890	function callSignUpLoginModal(headerText) {
13891
13892		var headerText = headerText;
13893		if (headerText == "" || headerText == undefined) {
13894			headerText = "To use this features, create your account which also gives you access to the complete Archify platform.";
13895		}
13896
13897		if ($('#forceSignUpLoginModal').length == 0) {
13898			var xyxzzzz = `<p class="text-footer" style="max-width: 245px; margin: auto;">By clicking Continue, you agree to our <span onclick=\"window.open(\'https://www.archify.com/au/terms-of-use\', \'_blank\')\">Terms of Use</span> and <span  onclick=\"window.open(\'https://www.archify.com/au/privacy-policy\', \'_blank\')\">Privacy Policy</span></P>`;
13899			$('#forceSignUpLoginModalWrapper').append(`
13900		<div id="forceSignUpLoginModal" class="modal fade archify-modal-form-input" tabindex="-1" role="dialog" style="padding-top: 100px;">
13901			<div class="modal-dialog form-login" role="document">
13902				<div class="modal-content main-content">
13903					<div class="modal-header">
13904						<button class="tab-modal page-signup active" type="button" name="button" val="page-signup">Sign up</button>
13905						<button class="tab-modal page-login" type="button" name="button" val="page-login">Log in</button>
13906						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
13907							<img src="https://www.archify.com/assets/img/svg/action-close-square.svg" alt="close icon">
13908						</button>
13909					</div>
13910					<div class="modal-body" style="padding-bottom: 0px;">
13911						<div class="modal-body-page page-signup">
13912							<p class="title"><span>Create your</span> Free Archify Account</p>
13913							<p id="forceSignUpHeaderTitleText" class="subtitle"></p>
13914							<div class="form-group bluprin-input" style="margin: 0;">
13915								<label><h5>Register as <span style="color: red;">*</span></h5></label>
13916								<div class="clearfix">
13917								</div>
13918								<div>
13919									<div class="radio-button-wrapper" onclick="document.getElementById('forceSignUpRadioButtonPropertyOwner').click()">
13920									  <h5>Property Owner</h5>
13921									  <label  class="archify-radio-button">
13922									    <input id="forceSignUpRadioButtonPropertyOwner" class="radio-button" type="radio" name="signup-type-radio-button" val="1">
13923									    <span class="checkmark"></span>
13924									  </label>
13925									</div>
13926									<div class="radio-button-wrapper" onclick="document.getElementById('forceSignUpRadioButtonProfessional').click()">
13927									  <h5>Design Professional</h5>
13928									  <label class="archify-radio-button">
13929									    <input id="forceSignUpRadioButtonProfessional" class="radio-button" type="radio" name="signup-type-radio-button" val="2">
13930									    <span class="checkmark"></span>
13931									  </label>
13932									</div>
13933								</div>
13934							</div>
13935							<div id="forceSignUpButtonWrapper" style="display: none; margin-top: 10px; margin-bottom: 20px; position: relative; float: left; width: 100%;">
13936								<button id="forceSignUpContinueWithEmailButton" class="archify-button-large disabled" type="button" name="button" style="width: 100%; display: none;" disabled>
13937									<img src="https://www.archify.com/assets/img/svg/02-icon-03-contact-email-white.svg" alt="02-icon-03-contact-email-white" style="position: relative; top: -1px;"> Continue with Email
13938								</button>
13939								<button id="forceSignUpContinueWithGoogleButton" class="archify-button-large google disabled" type="button" name="button" style="width: 100%; margin-top : 10px; display: none;" disabled>
13940									<img src="https://www.archify.com/assets/img/svg/02-icon-03-contact-google.svg" alt="google icon">Google
13941								</button>
13942							</div>
13943							<div id="form_term_condition" class="my-form-set" style="margin-top: 10px; display:none; width:100%; ">
13944								<div class="form-group bluprin-input" style="text-align : left; margin-bottom : 0px;">
13945									<div class="squaredThree" style="position: absolute; float: left; width: 0;">
13946										<input type="checkbox" value="0" id="term_condition_check" class="form-check-input">
13947										<label for="term_condition_check" style="top: 4px; left: 0; z-index: 2;"></label>
13948									</div>
13949									<span style="text-align: left; padding-left : 25px; display: block;">
13950										I can confirm I have read and accepted the 
13951										<b style="cursor : pointer; text-decoration : underline;" onclick="window.open('https://www.archify.com/au/terms-of-use', '_blank')">Terms and Conditions</b> and 
13952										<b  style="cursor : pointer; text-decoration : underline;" onclick="window.open('https://www.archify.com/au/privacy-policy', '_blank')">Privacy Policy</b>
13953									</span>
13954								</div>  
13955							</div>
13956							<div class="modal-footer">
13957								<!--<p class="text-footer">Are you a Product Supplier?<br /><a href="#" target="_blank">Register here</a></p>-->
13958							</div>
13959						</div>
13960						<div class="modal-body-page page-login" style="display: none;">
13961							<p class="title" style="margin-bottom: 30px;">Login to <span>Archify</span></p>
13962							<div class="form-group bluprin-input split">
13963								<label for="force-log-in-email"><h5>Email  <span style="color: red;">*</span></h5></label>
13964								<input type="text" class="form-control" id="force-log-in-email" placeholder="" name="force-log-in-email" value="">
13965								<div class="errortisme redl" id="force-log-in-email-error">You must provide an email</div>
13966							</div>
13967							<div class="form-group bluprin-input split">
13968								<label for="force-log-in-password"><h5>Password <span style="color: red;">*</span></h5></label>
13969								<a class="forgot-password-link" href="https://www.archify.com/au/login#forgot" target="_blank">Forgot Password</a>
13970								<input type="password" class="form-control" id="force-log-in-password" placeholder="" name="force-log-in-password" value="" style="padding-right: 35px;">
13971								<i class="toggle-force-log-in-password" id="toggle-force-log-in-password">
13972									<img class="on" src="https://www.archify.com/assets/img/svg/02-icon-01-general-eye-on.svg" alt="general eye on" style="width: 22px; opacity: 0.4;">
13973									<img class="off" src="https://www.archify.com/assets/img/svg/02-icon-01-general-eye-off.svg" alt="general eye on" style="width: 20p
13973x; opacity: 0.4;">
13974								</i>
13975								<div class="errortisme redl" id="force-log-in-password-error">You must provide a password</div>
13976							</div>
13977							<button id="forceLoginWithEmailButtonDisabled" class="archify-button-large disabled" type="button" name="button" style="width: 100%;">
13978								Continue							</button>
13979							<button id="forceLoginWithEmailButton" class="archify-button-large" type="button" name="button" style="width: 100%; display: none;">
13980								Continue							</button>
13981							<div class="line-text-border">
13982								<div class="line">
13983								</div>
13984								<p class="text">or use your social account</p>
13985							</div>
13986							<div class="social-button-wrapper login disabled" style="display: none; margin-bottom: 20px;">
13987								<button class="archify-social-button google disabled" type="button" name="button">
13988									<img src="https://www.archify.com/assets/img/svg/02-icon-03-contact-google-grey.svg" alt="google icon">Google\
13989								</button>
13990								<button class="archify-social-button facebook disabled" type="button" name="button">
13991									<img src="https://www.archify.com/assets/img/svg/02-icon-03-contact-facebook-grey.svg" alt="facebook icon">Facebook\
13992								</button>
13993							</div>
13994							<div class="social-button-wrapper login" style="margin-bottom: 20px;">
13995								<a href="#" class="signUpButtonGooglePropertyOwner">
13996									<button id="forceLoginWithGoogleButton" class="archify-social-button google" type="button" name="button">
13997										<img src="https://www.archify.com/assets/img/svg/02-icon-03-contact-google.svg" alt="google icon">Google\
13998									</button>
13999								</a>
14000								<button id="forceLoginWithFacebookButton" class="archify-social-button facebook" type="button" name="button">
14001									<img src="https://www.archify.com/assets/img/svg/02-icon-03-contact-facebook.svg" alt="facebook icon">Facebook\
14002								</button>
14003							</div>
14004							
14005							<div class="modal-footer">
14006								${xyxzzzz}
14007							</div>
14008						</div>
14009					</div>
14010				</div>
14011				<div class="modal-content second-content property-owner" style="display: none;">
14012					<div class="modal-header">
14013						<p class="modal-title">
14014							<img class="close-slide-modal-second-content" src="https://www.archify.com/assets/img/svg/02-icon-01-general-arrow-left.svg" alt="general arrow left" width="24" height="24" >
14015							Complete <span>Your Profile</span>						</p>
14016						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
14017							<img src="https://www.archify.com/assets/img/svg/action-close-square.svg" alt="close icon">
14018						</button>
14019					</div>
14020					<div class="modal-body" style="padding-bottom: 20px;">
14021						<form id="form-owner-register">
14022						<div class="modal-body-page page-signup">
14023							<div class="form-half-wrapper">
14024								<div class="form-group bluprin-input half">
14025									<label for="force-sign-up-property-owner-first-name"><h5>First Name  <span style="color: red;">*</span></h5></label>
14026									<input type="text" class="form-control" id="force-sign-up-property-owner-first-name" placeholder="" name="first-name" value="">
14027									<div class="errortisme redl" id="force-sign-up-property-owner-first-name-error">You must provide your first name</div>
14028								</div>
14029								<div class="form-group bluprin-input half">
14030									<label for="force-sign-up-property-owner-last-name"><h5>Last Name</h5></label>
14031									<input type="text" class="form-control" id="force-sign-up-property-owner-last-name" placeholder="" name="last-name" value="">
14032									<!-- <div class="errortisme redl" id="force-sign-up-property-owner-last-name-error">You must provide your last name</div> -->
14033								</div>
14034							</div>
14035							<div class="clearfix">
14036							</div>
14037							<div class="form-group bluprin-input">
14038								<label for="force-sign-up-property-owner-country"><h5>Country <span style="color: red;">*</span></h5></label>
14039								<div class="select-force-sign-up-property-owner-country-wrapper select-drop-down-wrapper">
14040									<select name="country" class="form-control" id="force-sign-up-property-owner-country" placeholder="" value="" style="width: 100%;">
14041									</select>
14042								</div>
14043								<div class="errortisme redl" id="force-sign-up-property-owner-country-error">You must select a country</div>
14044							</div>
14045							<div class="form-group bluprin-input">
14046								<label for="force-sign-up-property-owner-location"><h5>Location <span style="color: red;">*</span></h5></label>
14047								<div class="select-force-sign-up-property-owner-location-wrapper select-drop-down-wrapper">
14048									<select name="location" class="form-control" id="force-sign-up-property-owner-location" placeholder="" value="" style="width: 100%;">
14049									</select>
14050								</div>
14051								<div class="errortisme redl" id="force-sign-up-property-owner-location-error">You must select a location</div>
14052							</div>
14053							<div class="form-group bluprin-input">
14054								<label for="force-sign-up-property-owner-email"><h5>Email  <span style="color: red;">*</span></h5></label>
14055								<input type="text" class="form-control" id="force-sign-up-property-owner-email" placeholder="" name="email" value="">
14056								<div class="errortisme redl" id="force-sign-up-property-owner-email-error">You must provide an email</div>
14057							</div>
14058							<div class="form-group bluprin-input">
14059								<label for="force-sign-up-property-owner-password"><h5>Password  <span style="color: red;">*</span></h5></label>
14060								<input type="password" class="form-control" id="force-sign-up-property-owner-password" placeholder="" name="password" value="" style="padding-right: 35px;">
14061								<i class="toggle-force-log-in-password" id="toggle-force-sign-up-force-sign-up-property-owner-password">
14062									<img class="on" src="https://www.archify.com/assets/img/svg/02-icon-01-general-eye-on.svg" alt="general eye on" style="width: 22px; opacity: 0.4;">
14063									<img class="off" src="https://www.archify.com/assets/img/svg/02-icon-01-general-eye-off.svg" alt="general eye on" style="width: 20p
14063x; opacity: 0.4;">
14064								</i>
14065								<div class="errortisme redl" id="force-sign-up-property-owner-password-error">You must provide a password</div>
14066							</div>
14067							<div class="captcha-area" style="position: relative; float: left; margin-bottom: 0px; margin-top: 10px; text-align: center; width: 100%;">
14068									<div id="recaptchaForForceSignUpPropertyOwner" class="g-recaptcha force-sign-up-property-owner" data-sitekey="6LeJcykUAAAAAGJqrWgGnppNI4e3z81ts5yGtbo2"></div>
14069									<div class="form-group bluprin-input">
14070										<div class="errortisme redl" id="force-sign-up-property-owner-recaptcha-error" style="text-align: left;">Recaptcha error</div>
14071									</div>
14072							</div>
14073						</div>
14074						</form>
14075					</div>
14076					<div class="modal-footer" style="display: block;">
14077						<button id="forceSignupPropertyOwnerSubmitButtonDisabled" class="archify-button-large disabled" type="button" name="button" style="width: 100%; margin: 0;">Sign Up<span> as a Property Owner</span></button>
14078						<button id="forceSignupPropertyOwnerSubmitButton" class="archify-button-large" type="button" name="button" style="width: 100%; margin: 0; display: none;">Sign Up<span> as a Property Owner</span></button>
14079					</div>
14080				</div>
14081				<div class="modal-content second-content professional" style="display: none;">
14082					<div class="modal-header">
14083						<p class="modal-title">
14084							<img class="close-slide-modal-second-content" src="https://www.archify.com/assets/img/svg/02-icon-01-general-arrow-left.svg" alt="general arrow left" width="24" height="24" >
14085							Complete <span>Your Profile</span>						</p>
14086						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
14087							<img src="https://www.archify.com/assets/img/svg/action-close-square.svg" alt="close icon">
14088						</button>
14089					</div>
14090					<div class="modal-body" style="padding-bottom: 20px;">
14091						<form id="form-pro-register">
14092						<div class="modal-body-page page-signup">
14093							<div class="form-half-wrapper">
14094								<input type="hidden" id="google_id" name="google_id" value="">
14095								<input type="hidden" id="facebook_id" name="facebook_id" value="">
14096								<div class="form-group bluprin-input half">
14097									<label for="force-sign-up-professional-first-name"><h5>First Name  <span style="color: red;">*</span></h5></label>
14098									<input type="text" class="form-control" id="force-sign-up-professional-first-name" placeholder="" name="first-name" value="">
14099									<div class="errortisme redl" id="force-sign-up-professional-first-name-error">You must provide your first name</div>
14100								</div>
14101								<div class="form-group bluprin-input half">
14102									<label for="force-sign-up-professional-last-name"><h5>Last Name</h5></label>
14103									<input type="text" class="form-control" id="force-sign-up-professional-last-name" placeholder="" name="last-name" value="">
14104									<!-- <div class="errortisme redl" id="force-sign-up-professional-last-name-error">You must provide your last name</div> -->
14105								</div>
14106							</div>
14107							<div class="clearfix">
14108							</div>
14109							<div class="form-group bluprin-input">
14110								<label for="force-sign-up-professional-country"><h5>Country <span style="color: red;">*</span></h5></label>
14111								<div class="select-force-sign-up-professional-country-wrapper select-drop-down-wrapper">
14112									<select name="country" class="form-control" id="force-sign-up-professional-country" placeholder="" value="" style="width: 100%;">
14113									</select>
14114								</div>
14115								<div class="errortisme redl" id="force-sign-up-professional-country-error">You must select a country</div>
14116							</div>
14117							<div class="form-group bluprin-input">
14118								<label for="force-sign-up-professional-location"><h5>Location <span style="color: red;">*</span></h5></label>
14119								<div class="select-force-sign-up-professional-location-wrapper select-drop-down-wrapper">
14120									<select name="location" class="form-control" id="force-sign-up-professional-location" placeholder="" value="" style="width: 100%;">
14121									</select>
14122								</div>
14123								<div class="errortisme redl" id="force-sign-up-professional-location-error">You must select a location</div>
14124							</div>
14125							<div class="form-group bluprin-input">
14126								<label for="force-sign-up-professional-email"><h5>Email  <span style="color: red;">*</span></h5></label>
14127								<input type="text" class="form-control" id="force-sign-up-professional-email" placeholder="" name="email" value="">
14128								<div class="errortisme redl" id="force-sign-up-professional-email-error">You must provide an email</div>
14129							</div>
14130							<div class="form-group bluprin-input">
14131								<label for="force-sign-up-professional-password"><h5>Password  <span style="color: red;">*</span></h5></label>
14132								<input type="password" class="form-control" id="force-sign-up-professional-password" placeholder="" name="password" value="" style="padding-right: 35px;">
14133								<i class="toggle-force-log-in-password" id="toggle-force-sign-up-force-sign-up-professional-password">
14134									<img class="on" src="https://www.archify.com/assets/img/svg/02-icon-01-general-eye-on.svg" alt="general eye on" style="width: 22px; opacity: 0.4;">
14135									<img class="off" src="https://www.archify.com/assets/img/svg/02-icon-01-general-eye-off.svg" alt="general eye on" style="width: 20p
14135x; opacity: 0.4;">
14136								</i>
14137								<div class="errortisme redl" id="force-sign-up-professional-password-error">You must provide a password</div>
14138							</div>
14139							<div class="form-group bluprin-input">
14140								<label for="force-sign-up-professional-role"><h5>Role <span style="color: red;">*</span></h5></label>
14141								<div class="select-force-sign-up-professional-role-wrapper select-drop-down-wrapper">
14142									<select name="role" class="form-control" id="force-sign-up-professional-role" placeholder="" value="" style="width: 100%;">
14143									</select>
14144								</div>
14145								<div class="errortisme redl" id="force-sign-up-professional-role-error">You must select a role</div>
14146							</div>
14147							<div id="force-sign-up-professional-architect-registration-number-wrapper" class="form-group bluprin-input" style="display: none;">
14148								<label for="force-sign-up-professional-architect-registration-number"><h5>Architectural Registration Number  <span id="force-sign-up-professional-architect-registration-number-mandatory-sign" style="color: red;">*</span></h5></label>
14149								<input type="text" class="form-control" id="force-sign-up-professional-architect-registration-number" placeholder="" name="registration-number" value="">
14150								<div class="errortisme redl" id="force-sign-up-professional-architect-registration-number-error">You must provide an architectural registration number</div>
14151							</div>
14152							<div class="form-group bluprin-input">
14153								<label for="force-sign-up-professional-phone"><h5>Phone Number  <span style="color: red;">*</span></h5></label>
14154								<input type="text" class="form-control" id="force-sign-up-professional-phone" placeholder="" name="phone" value="">
14155								<div class="errortisme redl" id="force-sign-up-professional-phone-error">You must provide a phone number</div>
14156							</div>
14157							<div id="forceSignUpCompanyWhereYouWorkWrapper" class="form-group bluprin-input">
14158								<label for="force-sign-up-professional-company-where-you-work"><h5>Company Where You Work  <span id="force-sign-up-professional-company-where-you-work-mandatory-sign" style="color: red; display: none;">*</span></h5></label>
14159								<input type="text" class="form-control" id="force-sign-up-professional-company-where-you-work" placeholder="" name="company-where-you-work" value="">
14160								<div class="errortisme redl" id="force-sign-up-professional-company-where-you-work-error">You must provide a company</div>
14161							</div>
14162							<div id="forceSignUpInstitutionWrapper" class="form-group bluprin-input" style="display: none;">
14163								<label for="force-sign-up-professional-institution"><h5>Institution  <span id="force-sign-up-professional-institution-mandatory-sign" style="color: red; display: none;">*</span></h5></label>
14164								<input type="text" class="form-control" id="force-sign-up-professional-institution" placeholder="" name="professional-institution" value="">
14165								<div class="errortisme redl" id="force-sign-up-professional-institution-error">You must provide an institution</div>
14166							</div>
14167							<div class="captcha-area" style="position: relative; float: left; margin-bottom: 0px; margin-top: 10px; text-align: center; width: 100%;">
14168									<div id="recaptchaForForceSignUpProfessional" class="g-recaptcha force-sign-up-professional" data-sitekey="6LeJcykUAAAAAGJqrWgGnppNI4e3z81ts5yGtbo2"></div>
14169									<div class="form-group bluprin-input">
14170										<div class="errortisme redl" id="force-sign-up-professional-recaptcha-error" style="text-align: left;">Recaptcha error</div>
14171									</div>
14172							</div>
14173						</div>
14174						</form>
14175					</div>
14176					<div class="modal-footer" style="display: block;">
14177						<button id="forceSignupProfessionalSubmitButtonDisabled" class="archify-button-large disabled" type="button" name="button" style="width: 100%; margin: 0;">Sign Up<span> as a Professional</span></button>
14178						<button id="forceSignupProfessionalSubmitButton" class="archify-button-large" type="button" name="button" style="width: 100%; margin: 0; display: none;">Sign Up<span> as a Professional</span></button>
14179					</div>
14180				</div>
14181			</div>
14182		</div>
14183		`);
14184
14185			// Force sign up tab modal click event
14186			var archifyModalFormInputTabModal = $('.archify-modal-form-input .modal-dialog.form-login .modal-header .tab-modal');
14187			var archifyModalFormInputModalBodyPage = $('.archify-modal-form-input .modal-dialog.form-login .modal-body .modal-body-page');
14188			var archifyModalFormInputModalBody = $('.archify-modal-form-input .modal-dialog.form-login .modal-body');
14189			archifyModalFormInputTabModal.unbind('click');
14190			archifyModalFormInputTabModal.click(function() {
14191				archifyModalFormInputTabModal.removeClass('active');
14192				$(this).addClass('active');
14193				var modalPageValue = $(this).attr('val');
14194				archifyModalFormInputModalBodyPage.fadeOut().promise().done(function() {
14195					archifyModalFormInputModalBody.find('.' + modalPageValue + '').fadeIn();
14196				});
14197			});
14198
14199			$('#forceSignUpRadioButtonPropertyOwner').click(function() {
14200				$.post("https://www.archify.com/au/gpost/login/google_connect_create_url/1", {
14201					current_url: "https://www.archify.com/au/products",
14202					register: "owner"
14203				}, function(result) {
14204					google_url = result;
14205				});
14206			});
14207
14208			$('#forceSignUpRadioButtonProfessional').click(function() {
14209				$.post("https://www.archify.com/au/gpost/login/google_connect_create_url/1", {
14210					current_url: "https://www.archify.com/au/products",
14211					register: "professional"
14212				}, function(result) {
14213					google_url = result;
14214				});
14215			});
14216
14217			// Force sign up radio button event
14218			var archifyModalFormInputRadioButton = $('.archify-modal-form-input .modal-dialog.form-login .modal-body .modal-body-page .form-group.bluprin-input .radio-button-wrapper .radio-button');
14219			archifyModalFormInputRadioButton.unbind('change');
14220			archifyModalFormInputRadioButton.change(function() {
14221				$('#forceSignUpContinueWithEmailButton').show();
14222				$('#forceSignUpContinueWithGoogleButton').show();
14223				$('#forceSignUpButtonWrapper').show();
14224				$('#form_term_condition').show();
14225			});
14226
14227			// disabled sigup button login by
14228			$("#term_condition_check").click(function() {
14229				if ($(this).prop('checked')) {
14230					$('#forceSignUpContinueWithEmailButton').removeClass("disabled").prop('disabled', false);
14231					$('#forceSignUpContinueWithGoogleButton').removeClass("disabled").prop('disabled', false);
14232				} else {
14233					$('#forceSignUpContinueWithEmailButton').addClass("disabled").prop('disabled', true);
14234					$('#forceSignUpContinueWithGoogleButton').addClass("disabled").prop('disabled', true);
14235				}
14236			})
14237			// // Open slide second modal content function
14238			// function openSlideSecondModalContent(type) {
14239			// 	var type = type;
14240			// 	var mainContent = $('#forceSignUpLoginModal .modal-content.main-content');
14241			// 	var secondContent = $('#forceSignUpLoginModal .modal-content.second-content.'+type+'');
14242			// 	var mainContentHeight = mainContent.outerHeight();
14243			// 	var secondContentHeight = secondContent.outerHeight();
14244			// 	if (mainContentHeight < secondContentHeight) {
14245			// 		$('#forceSignUpLoginModal .modal-dialog').css('height', secondContentHeight+"px");
14246			// 	}
14247			// 	secondContent.addClass('show');
14248			// 	secondContent.show();
14249			// 	mainContent.css('position', 'absolute');
14250			// 	$('#forceSignUpLoginModal .modal-dialog').addClass('show-second-progress');
14251			// 	setTimeout(function() {
14252			// 		mainContent.hide();
14253			// 		$('#forceSignUpLoginModal .modal-dialog').removeClass('show-second-progress');
14254			// 		if (type == "property-owner") {
14255			// 			rescaleCaptchaForSignupPropertyOwner();
14256			// 		}
14257			//   }, 200);
14258			// }
14259
14260			// Close slide second modal content function
14261			function closeSlideSecondModalContent() {
14262				var mainContent = $('#forceSignUpLoginModal .modal-content.main-content');
14263				var secondContent = $('#forceSignUpLoginModal .modal-content.second-content');
14264				var mainContentHeight = mainContent.outerHeight();
14265				var secondContentHeight = secondContent.outerHeight();
14266				mainContent.show();
14267				secondContent.removeClass('show');
14268				mainContent.css('position', '');
14269				$('#forceSignUpLoginModal .modal-dialog').addClass('show-second-progress');
14270				setTimeout(function() {
14271					secondContent.hide();
14272					$('#forceSignUpLoginModal .modal-dialog').css('height', "");
14273					$('#forceSignUpLoginModal .modal-dialog').removeClass('show-second-progress');
14274				}, 200);
14275			}
14276
14277			// Close slide second modal content button click event
14278			$('.close-slide-modal-second-content').unbind('click');
14279			$('.close-slide-modal-second-content').click(function() {
14280				closeSlideSecondModalContent();
14281			});
14282
14283			// Force sign up continue with email button event
14284			$('#forceSignUpContinueWithEmailButton').unbind('click');
14285			$('#forceSignUpContinueWithEmailButton').click(function() {
14286				var forceSignUpRadioButtonValue = $('.archify-modal-form-input .modal-dialog.form-login .modal-body .modal-body-page .form-group.bluprin-input .radio-button-wrapper .radio-button:checked').attr('val');
14287				if (forceSignUpRadioButtonValue == 1) {
14288					openSlideSecondModalContent('property-owner');
14289				}
14290				if (forceSignUpRadioButtonValue == 2) {
14291					openSlideSecondModalContent('professional');
14292				}
14293				// alert('signup with email function here');
14294			});
14295
14296			// Force Login toggle password visibility
14297			$('#toggle-force-log-in-password').unbind('click');
14298			$('#toggle-force-log-in-password').click(function() {
14299				var x = document.getElementById("force-log-in-password");
14300				if (x.type === "password") {
14301					$('#toggle-force-log-in-password').addClass('show');
14302					x.type = "text";
14303				} else {
14304					$('#toggle-force-log-in-password').removeClass('show');
14305					x.type = "password";
14306				}
14307			});
14308
14309			// Force Login input change Event
14310			var archifyModalFormInputModalBodyPagePageLogin = $('.archify-modal-form-input .modal-dialog.form-login .modal-body .modal-body-page.page-login');
14311			var archifyModalFormInputSocialButtonWrapperLoginDisabled = $('.archify-modal-form-input .modal-dialog.form-login .modal-body .modal-body-page .social-button-wrapper.login.disabled');
14312			var archifyModalFormInputSocialButtonWrapperLogin = $('.archify-modal-form-input .modal-dialog.form-login .modal-body .modal-body-page .social-button-wrapper.login');
14313			archifyModalFormInputModalBodyPagePageLogin.unbind('keyup');
14314			archifyModalFormInputModalBodyPagePageLogin.keyup(function() {
14315				$('#forceLoginWithEmailButtonDisabled').hide();
14316				$('#forceLoginWithEmailButton').show();
14317				archifyModalFormInputSocialButtonWrapperLogin.show();
14318				archifyModalFormInputSocialButtonWrapperLoginDisabled.hide();
14319			});
14320
14321			// Force Login with email login button Event
14322			$('#forceLoginWithEmailButton').unbind('click');
14323			$('#forceLoginWithEmailButton').click(function() {
14324				alert('submit login function here');
14325			});
14326
14327			// Force sign up property owner country select2 init & other proccess
14328			$("#force-sign-up-property-owner-country").select2({
14329				placeholder: "Please select your country"
14330			});
14331			$("#force-sign-up-property-owner-country").on("select2:select", function(e) {
14332				var data = e.params.data;
14333				forceSignUpPropertyOwnerGetLocation(data.id);
14334				$('#forceSignupPropertyOwnerSubmitButtonDisabled').hide();
14335				$('#forceSignupPropertyOwnerSubmitButton').show();
14336			});
14337
14338			function formatStateForceSignUpPropertyOwnerCountry(state) {
14339				if (!state.id) {
14340					return state.text;
14341				}
14342				var baseUrl = "https://www.archify.com/assets/img/svg/flag";
14343				var $state = $(
14344					'<span><img src="' + baseUrl + '/flag-' + state.element.value.toLowerCase() + '.svg" class="img-flag" /> ' + state.text + '</span>'
14345				);
14346				return $state;
14347			};
14348			$.ajax({
14349				type: "POST",
14350				dataType: "json",
14351				async: true,
14352				url: "https://www.archify.com/au/gpost/account/pro_country_list",
14353				success: function(data) {
14354					var countryId = "" || "au";
14355					$("#force-sign-up-property-owner-country").select2({
14356						placeholder: "Please select your country",
14357						templateSelection: formatStateForceSignUpPropertyOwnerCountry,
14358						templateResult: formatStateForceSignUpPropertyOwnerCountry,
14359						data: data,
14360						dropdownParent: $('.select-force-sign-up-property-owner-country-wrapper'),
14361						searchInputPlaceholder: 'Search'
14362					}).val(countryId).trigger("change");
14363				}
14364			});
14365
14366			// Force sign up property owner location select2 init & other proccess
14367			$("#force-sign-up-property-owner-location").select2({
14368				placeholder: "Please select your city"
14369			});
14370			$("#force-sign-up-property-owner-location").on("select2:select", function(e) {
14371				$('#forceSignupPropertyOwnerSubmitButtonDisabled').hide();
14372				$('#forceSignupPropertyOwnerSubmitButton').show();
14373			});
14374
14375			function forceSignUpPropertyOwnerGetLocation(countryId = "") {
14376				$("#force-sign-up-property-owner-location").html("");
14377				if (countryId == "") {
14378					countryId = 'au';
14379				}
14380				$.ajax({
14381					type: "POST",
14382					dataType: "json",
14383					async: true,
14384					url: "https://www.archify.com/au/gpost/account/pro_city_list/" + countryId,
14385					success: function(data) {
14386						$("#force-sign-up-property-owner-location").select2({
14387							placeholder: "Please select your location",
14388							data: data,
14389							templateResult: formatResultForceSignUpPropertyOwnerLocation,
14390							templateSelection: formatRepoSelectionForceSignUpPropertyOwnerLocation,
14391							dropdownParent: $('.select-force-sign-up-property-owner-location-wrapper'),
14392							searchInputPlaceholder: 'Search'
14393						}).val("").trigger('change');
14394					}
14395				});
14396			}
14397			forceSignUpPropertyOwnerGetLocation();
14398
14399			function formatResultForceSignUpPropertyOwnerLocation(node) {
14400				var strArray = node.text.split("|");
14401				var $result = $('<span style="padding-left:' + (15) + 'px;"><xxx style="display:none;">' + strArray[1] + '</xxx>' + strArray[0] + '</span>');
14402				if (node.level == 1) {
14403					$result = $('<span style="padding-left:' + (0 * node.level) + 'px;"><xxx style="display:none;">' + strArray[1] + '</xxx>' + strArray[0] + '</span>');
14404				}
14405				return $result;
14406			};
14407
14408			function formatRepoSelectionForceSignUpPropertyOwnerLocation(repo) {
14409				var strArray = repo.text.split("|");
14410				return strArray[0];
14411			}
14412
14413			// Force sign up property owner toggle password visibility
14414			$('#toggle-force-sign-up-force-sign-up-property-owner-password').unbind('click');
14415			$('#toggle-force-sign-up-force-sign-up-property-owner-password').click(function() {
14416				var x = document.getElementById("force-sign-up-property-owner-password");
14417				if (x.type === "password") {
14418					$('#toggle-force-sign-up-force-sign-up-property-owner-password').addClass('show');
14419					x.type = "text";
14420				} else {
14421					$('#toggle-force-sign-up-force-sign-up-property-owner-password').removeClass('show');
14422					x.type = "password";
14423				}
14424			});
14425
14426			// Recaptcha for signup property owner init
14427			grecaptcha.render('recaptchaForForceSignUpPropertyOwner', {
14428				'sitekey': '6LeJcykUAAAAAGJqrWgGnppNI4e3z81ts5yGtbo2'
14429			});
14430
14431			function rescaleCaptchaForSignupPropertyOwner() {
14432				var width = $('.g-recaptcha.force-property-owner').parent().width();
14433				var scale;
14434				if (width < 302) {
14435					scale = width / 302;
14436				} else {
14437					scale = 1.0;
14438				}
14439				$('#recaptchaForForceSignUpPropertyOwner').css('transform', 'scale(' + scale + ')');
14440				$('#recaptchaForForceSignUpPropertyOwner').css('-webkit-transform', 'scale(' + scale + ')');
14441				$('#recaptchaForForceSignUpPropertyOwner').css('transform-origin', '0 0');
14442				$('#recaptchaForForceSignUpPropertyOwner').css('-webkit-transform-origin', '0 0');
14443			}
14444			$(window).resize(function() {
14445				rescaleCaptchaForSignupPropertyOwner();
14446			});
14447			$('#forceSignUpLoginModal').on('shown.bs.modal', function(e) {
14448				// rescaleCaptchaForSignupPropertyOwner();
14449			});
14450
14451
14452			// Force sign up property owner button submit Events
14453			var archifyModalFormInputSecondContentPropertyOwnerInput = $('.archify-modal-form-input .modal-content.second-content.property-owner input');
14454			archifyModalFormInputSecondContentPropertyOwnerInput.keyup(function() {
14455				$('#forceSignupPropertyOwnerSubmitButtonDisabled').hide();
14456				$('#forceSignupPropertyOwnerSubmitButton').show();
14457			});
14458
14459
14460			// Force sign up profesional country select2 init & other proccess
14461			$("#force-sign-up-professional-country").select2({
14462				placeholder: "Please select your country"
14463			});
14464			$("#force-sign-up-professional-country").on("select2:select", function(e) {
14465				var data = e.params.data;
14466				forceSignUpProfessionalGetLocation(data.id);
14467				$('#forceSignupProfessionalSubmitButtonDisabled').hide();
14468				$('#forceSignupProfessionalSubmitButton').show();
14469				if ($('#force-sign-up-professional-role').val() == 3) {
14470					$('#force-sign-up-professional-architect-registration-number').show();
14471					if ($(this).val() == "au" || $(this).val() == "nz") {
14472						$('#force-sign-up-professional-architect-registration-number-mandatory-sign').show();
14473					} else {
14474						$('#force-sign-up-professional-architect-registration-number-mandatory-sign').hide();
14475						$('#force-sign-up-professional-architect-registration-number-error').hide();
14476					}
14477				} else {
14478					$('#force-sign-up-professional-architect-registration-number').hide();
14479				}
14480
14481				if ($(this).val() == "au" || $(this).val() == "nz") {
14482					$('#force-sign-up-professional-company-where-you-work-mandatory-sign').show();
14483				} else {
14484					$('#force-sign-up-professional-company-where-you-work-mandatory-sign').hide();
14485					$('#force-sign-up-professional-company-where-you-work-error').hide();
14486				}
14487
14488				if ($('#force-sign-up-professional-role').val() == 37) {
14489					$('#forceSignUpCompanyWhereYouWorkWrapper').hide();
14490					$('#forceSignUpInstitutionWrapper').show();
14491					if ($(this).val() == "au" || $(this).val() == "nz") {
14492						$('#force-sign-up-professional-institution-mandatory-sign').show();
14493					} else {
14494						$('#force-sign-up-professional-institution-mandatory-sign').hide();
14495						$('#force-sign-up-professional-institution-error').hide();
14496					}
14497				} else {
14498					$('#forceSignUpCompanyWhereYouWorkWrapper').show();
14499					$('#forceSignUpInstitutionWrapper').hide();
14500				}
14501
14502
14503			});
14504
14505			function formatStateForceSignUpProfessionalCountry(state) {
14506				if (!state.id) {
14507					return state.text;
14508				}
14509				var baseUrl = "https://www.archify.com/assets/img/svg/flag";
14510				var $state = $(
14511					'<span><img src="' + baseUrl + '/flag-' + state.element.value.toLowerCase() + '.svg" class="img-flag" /> ' + state.text + '</span>'
14512				);
14513				return $state;
14514			};
14515			$.ajax({
14516				type: "POST",
14517				dataType: "json",
14518				async: true,
14519				url: "https://www.archify.com/au/gpost/account/pro_country_list",
14520				success: function(data) {
14521					var countryId = "" || "au";
14522					$("#force-sign-up-professional-country").select2({
14523						placeholder: "Please select your country",
14524						templateSelection: formatStateForceSignUpProfessionalCountry,
14525						templateResult: formatStateForceSignUpProfessionalCountry,
14526						data: data,
14527						dropdownParent: $('.select-force-sign-up-professional-country-wrapper'),
14528						searchInputPlaceholder: 'Search'
14529					}).val(countryId).trigger("change");
14530				}
14531			});
14532
14533			// Force sign up professional location select2 init & other proccess
14534			$("#force-sign-up-professional-location").select2({
14535				placeholder: "Please select your city"
14536			});
14537			$("#force-sign-up-professional-location").on("select2:select", function(e) {
14538				$('#forceSignupProfessionalSubmitButtonDisabled').hide();
14539				$('#forceSignupProfessionalSubmitButton').show();
14540			});
14541
14542			function forceSignUpProfessionalGetLocation(countryId = "") {
14543				$("#force-sign-up-professional-location").html("");
14544				if (countryId == "") {
14545					countryId = 'au';
14546				}
14547				$.ajax({
14548					type: "POST",
14549					dataType: "json",
14550					async: true,
14551					url: "https://www.archify.com/au/gpost/account/pro_city_list/" + countryId,
14552					success: function(data) {
14553						$("#force-sign-up-professional-location").select2({
14554							placeholder: "Please select your location",
14555							data: data,
14556							templateResult: formatResultForceSignUpProfessionalLocation,
14557							templateSelection: formatRepoSelectionForceSignUpProfessionalLocation,
14558							dropdownParent: $('.select-force-sign-up-professional-location-wrapper'),
14559							searchInputPlaceholder: 'Search'
14560						}).val("").trigger("change");;
14561					}
14562				});
14563			}
14564			forceSignUpProfessionalGetLocation();
14565
14566			function formatResultForceSignUpProfessionalLocation(node) {
14567				var strArray = node.text.split("|");
14568				var $result = $('<span style="padding-left:' + (15) + 'px;"><xxx style="display:none;">' + strArray[1] + '</xxx>' + strArray[0] + '</span>');
14569				if (node.level == 1) {
14570					$result = $('<span style="padding-left:' + (0 * node.level) + 'px;"><xxx style="display:none;">' + strArray[1] + '</xxx>' + strArray[0] + '</span>');
14571				}
14572				return $result;
14573			};
14574
14575			function formatRepoSelectionForceSignUpProfessionalLocation(repo) {
14576				var strArray = repo.text.split("|");
14577				return strArray[0];
14578			}
14579
14580			// Force sign up professional toggle password visibility
14581			$('#toggle-force-sign-up-force-sign-up-professional-password').unbind('click');
14582			$('#toggle-force-sign-up-force-sign-up-professional-password').click(function() {
14583				var x = document.getElementById("force-sign-up-professional-password");
14584				if (x.type === "password") {
14585					$('#toggle-force-sign-up-force-sign-up-professional-password').addClass('show');
14586					x.type = "text";
14587				} else {
14588					$('#toggle-force-sign-up-force-sign-up-professional-password').removeClass('show');
14589					x.type = "password";
14590				}
14591			});
14592
14593			// Recaptcha for signup professional init
14594			grecaptcha.render('recaptchaForForceSignUpProfessional', {
14595				'sitekey': '6LeJcykUAAAAAGJqrWgGnppNI4e3z81ts5yGtbo2'
14596			});
14597
14598			function rescaleCaptchaForSignUpProfessional() {
14599				var width = $('.g-recaptcha.force-sign-up-professional').parent().width();
14600				var scale;
14601				if (width < 302) {
14602					scale = width / 302;
14603				} else {
14604					scale = 1.0;
14605				}
14606				$('#recaptchaForForceSignUpProfessional').css('transform', 'scale(' + scale + ')');
14607				$('#recaptchaForForceSignUpProfessional').css('-webkit-transform', 'scale(' + scale + ')');
14608				$('#recaptchaForForceSignUpProfessional').css('transform-origin', '0 0');
14609				$('#recaptchaForForceSignUpProfessional').css('-webkit-transform-origin', '0 0');
14610			}
14611			$(window).resize(function() {
14612				rescaleCaptchaForSignUpProfessional();
14613			});
14614			$('#forceSignUpLoginModal').on('shown.bs.modal', function(e) {
14615				// rescaleCaptchaForSignUpProfessional();
14616			});
14617
14618			// Force sign up professional button submit Events
14619			var archifyModalFormInputSecondContentProfessionalInput = $('.archify-modal-form-input .modal-content.second-content.professional input');
14620			archifyModalFormInputSecondContentProfessionalInput.keyup(function() {
14621				$('#forceSignupProfessionalSubmitButtonDisabled').hide();
14622				$('#forceSignupProfessionalSubmitButton').show();
14623			});
14624
14625			// Force sign up professional role select2 init & other proccess
14626			$("#force-sign-up-professional-role").select2({
14627				placeholder: "Please select your role",
14628				searchInputPlaceholder: 'Search'
14629			});
14630			$.ajax({
14631				type: "POST",
14632				dataType: "json",
14633				async: true,
14634				url: "https://www.archify.com/au/gpost/account/pro_role_list",
14635				success: function(data) {
14636					$("#force-sign-up-professional-role").select2({
14637						placeholder: "Please select your role",
14638						data: data,
14639						searchInputPlaceholder: 'Search',
14640						dropdownParent: $('.select-force-sign-up-professional-role-wrapper'),
14641					}).val("").trigger("change");
14642				}
14643			});
14644			$('#force-sign-up-professional-role').on('select2:select', function(e) {
14645				var data = e.params.data;
14646				var is_country_code = "au";
14647				if ($(this).val() == 3) {
14648					$('#force-sign-up-professional-architect-registration-number-wrapper').show();
14649					if ($("#force-sign-up-professional-country").val() == "au" || $("#force-sign-up-professional-country").val() == "nz") {
14650						$('#force-sign-up-professional-architect-registration-number-mandatory-sign').show();
14651					} else {
14652						$('#force-sign-up-professional-architect-registration-number-mandatory-sign').hide();
14653						$('#force-sign-up-professional-architect-registration-number-error').hide();
14654					}
14655				} else {
14656					$('#force-sign-up-professional-architect-registration-number-wrapper').hide();
14657					$('#force-sign-up-professional-architect-registration-number-mandatory-sign').hide();
14658					$('#force-sign-up-professional-architect-registration-number-error').hide();
14659				}
14660
14661				if ($(this).val() == 37) {
14662					$('#forceSignUpCompanyWhereYouWorkWrapper').hide();
14663					$('#forceSignUpInstitutionWrapper').show();
14664					if ($("#force-sign-up-professional-country").val() == "au" || $("#force-sign-up-professional-country").val() == "nz") {
14665						$('#force-sign-up-professional-institution-mandatory-sign').show();
14666					} else {
14667						$('#force-sign-up-professional-institution-mandatory-sign').hide();
14668						$('#force-sign-up-professional-institution-error').hide();
14669					}
14670				} else {
14671					$('#forceSignUpCompanyWhereYouWorkWrapper').show();
14672					$('#forceSignUpInstitutionWrapper').hide();
14673				}
14674
14675				$('#forceSignupProfessionalSubmitButtonDisabled').hide();
14676				$('#forceSignupProfessionalSubmitButton').show();
14677			});
14678
14679
14680			// Reset Force sign up & Login modal function
14681			function resetForceSignUpLoginModal() {
14682				var mainContent = $('#forceSignUpLoginModal .modal-content.main-content');
14683				var secondContent = $('#forceSignUpLoginModal .modal-content.second-content');
14684				var mainContentHeight = mainContent.outerHeight();
14685				var secondContentHeight = secondContent.outerHeight();
14686				mainContent.show();
14687				secondContent.removeClass('show');
14688				mainContent.css('position', '');
14689				$('#forceSignUpLoginModal .modal-dialog').addClass('show-second-progress');
14690				setTimeout(function() {
14691					secondContent.hide();
14692					$('#forceSignUpLoginModal .modal-dialog').css('height', "");
14693					$('#forceSignUpLoginModal .modal-dialog').removeClass('show-second-progress');
14694				}, 200);
14695				$('#forceSignUpButtonWrapper').hide();
14696				$('.archify-modal-form-input .modal-dialog.form-login .modal-body .modal-body-page .form-group.bluprin-input .radio-button-wrapper .radio-button:checked').prop('checked', false);
14697				$('.archify-modal-form-input .modal-dialog.form-login .modal-header .tab-modal.page-signup').click();
14698				$('#force-log-in-email').val('');
14699				$('.archify-modal-form-input .modal-dialog.form-login .modal-body .modal-body-page.page-login input').val('');
14700				$('#toggle-force-log-in-password').removeClass('show');
14701				$('#toggle-force-log-in-password').type = "password";
14702				$('#forceLoginWithEmailButton').hide();
14703				$('#forceLoginWithEmailButtonDisabled').show();
14704				$('.social-button-wrapper.login').show();
14705				$('.social-button-wrapper.login.disabled').hide();
14706			}
14707			$('#forceSignUpLoginModal').on('hidden.bs.modal', function(e) {
14708				resetForceSignUpLoginModal();
14709			});
14710
14711			// Force sign up professional Company Where You Work mandatory sign condition
14712			var is_country_code = "au";
14713			if (is_country_code == "au" || is_country_code == "nz") {
14714				$('#force-sign-up-professional-company-where-you-work-mandatory-sign').show();
14715			} else {
14716				$('#force-sign-up-professional-company-where-you-work-mandatory-sign').hide();
14717				$('#force-sign-up-professional-company-where-you-work-error').hide();
14718			}
14719
14720			// Force sign up with Google login button Event
14721			$('#forceSignUpContinueWithGoogleButton').unbind('click');
14722			$('#forceSignUpContinueWithGoogleButton').click(function() {
14723				var forceSignUpRadioButtonValue = $('.archify-modal-form-input .modal-dialog.form-login .modal-body .modal-body-page .form-group.bluprin-input .radio-button-wrapper .radio-button:checked').attr('val');
14724				window.location.href = google_url;
14725
14726			});
14727
14728			// Force sign up with Facebook login button Event
14729			$('#forceSignUpContinueWithFacebookButton').unbind('click');
14730			$('#forceSignUpContinueWithFacebookButton').click(function() {
14731				var forceSignUpRadioButtonValue = $('.archify-modal-form-input .modal-dialog.form-login .modal-body .modal-body-page .form-group.bluprin-input .radio-button-wrapper .radio-button:checked').attr('val');
14732				FBLoginSignUpLoginModal(1, forceSignUpRadioButtonValue);
14733			});
14734
14735			// Force Login with Email & Password login button Event
14736			$('#forceLoginWithEmailButton').unbind('click');
14737			$('#forceLoginWithEmailButton').click(function() {
14738
14739				var forceLoginMandatoryCheck = false;
14740
14741				// Email
14742				var forceLoginEmailVal = $('#force-log-in-email').val();
14743				if (forceLoginEmailVal.trim() == null || forceLoginEmailVal.trim() == "" || forceLoginEmailVal === " ") {
14744					forceLoginMandatoryCheck = true;
14745					$('#force-log-in-email-error').html('You must provide an email');
14746					$('#force-log-in-email-error').show();
14747				} else {
14748					var filter_email = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
14749					if (filter_email.test(forceLoginEmailVal)) {
14750						$('#force-log-in-email-error').hide();
14751					} else {
14752						forceLoginMandatoryCheck = true;
14753						$('#force-log-in-email-error').show();
14754						$('#force-log-in-email-error').html('Please insert a valid email address');
14755					}
14756				}
14757
14758				// Password
14759				var forceLoginPasswordVal = $('#force-log-in-password').val();
14760				if (forceLoginPasswordVal.trim() == null || forceLoginPasswordVal.trim() == "" || forceLoginPasswordVal === " ") {
14761					forceLoginMandatoryCheck = true;
14762					$('#force-log-in-password-error').show();
14763				} else {
14764					$('#force-log-in-password-error').hide();
14765				}
14766
14767				if (forceLoginMandatoryCheck) {
14768					callNotificationAlert('Please check mandatory form input');
14769				} else {
14770					var formData = new FormData();
14771					formData.append("email", forceLoginEmailVal);
14772					formData.append("password", forceLoginPasswordVal);
14773					$('#pageloader_new').fadeIn();
14774					$.ajax({
14775						type: "POST",
14776						url: "https://www.archify.com/au/gpost/login",
14777						// dataType:'json',
14778						data: formData,
14779						async: false,
14780						success: function(result) {
14781							if (result == "invalid") {
14782								callNotificationAlert("invalid email or password");
14783							} else if (result == "success") {
14784								// $('#forceSignUpLoginModal').modal('hide');
14785								is_login = 1;
14786								location.reload();
14787							} else if (result == "suspended") {
14788								callNotificationAlert('You have been suspended. Please contact Archify Team');
14789							} else {
14790								window.location.href = result;
14791							}
14792
14793							$('#pageloader_new').fadeOut();
14794						},
14795						cache: false,
14796						contentType: false,
14797						processData: false
14798					});
14799				}
14800
14801			});
14802
14803			// Force Login with Google login button Event
14804			// $('#forceLoginWithGoogleButton').unbind('click');
14805			// $('#forceLoginWithGoogleButton').click(function(){
14806			// 	alert('login with google function here');
14807			// });
14808
14809			// Force Login with Facebook login button Event
14810			$('#forceLoginWithFacebookButton').unbind('click');
14811			$('#forceLoginWithFacebookButton').click(function() {
14812				FBLoginSignUpLoginModal(0);
14813			});
14814
14815			// Force Sign Up Property Owner Submit Here
14816			$('#forceSignupPropertyOwnerSubmitButton').unbind('click');
14817			$('#forceSignupPropertyOwnerSubmitButton').click(function() {
14818				// alert('Sign Up Property Owner Submit Here');
14819
14820				var forceSignupPOMandatoryCheck = false;
14821
14822				// First name
14823				var forceSignUpFirstNamePOVal = $('#force-sign-up-property-owner-first-name').val();
14824				if (forceSignUpFirstNamePOVal.trim() == null || forceSignUpFirstNamePOVal.trim() == "" || forceSignUpFirstNamePOVal === " ") {
14825					forceSignupPOMandatoryCheck = true;
14826					$('#force-sign-up-property-owner-first-name-error').show();
14827				} else {
14828					$('#force-sign-up-property-owner-first-name-error').hide();
14829				}
14830
14831				// Country
14832				var forceSignUpCountryPOVal = $('#force-sign-up-property-owner-country').val();
14833				if (forceSignUpCountryPOVal == null) {
14834					forceSignupPOMandatoryCheck = true;
14835					$('#force-sign-up-property-owner-country-error').show();
14836				} else {
14837					$('#force-sign-up-property-owner-country-error').hide();
14838				}
14839
14840				// Location
14841				var forceSignUpLocationPOVal = $('#force-sign-up-property-owner-location').val();
14842				if (forceSignUpLocationPOVal == null) {
14843					forceSignupPOMandatoryCheck = true;
14844					$('#force-sign-up-property-owner-location-error').show();
14845				} else {
14846					$('#force-sign-up-property-owner-location-error').hide();
14847				}
14848
14849				// Email
14850				var forceSignUpEmailPOVal = $('#force-sign-up-property-owner-email').val();
14851				if (forceSignUpEmailPOVal.trim() == null || forceSignUpEmailPOVal.trim() == "" || forceSignUpEmailPOVal === " ") {
14852					forceSignupPOMandatoryCheck = true;
14853					$('#force-sign-up-property-owner-email-error').html('You must provide an email');
14854					$('#force-sign-up-property-owner-email-error').show();
14855				} else {
14856					var filter_email = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
14857					if (filter_email.test(forceSignUpEmailPOVal)) {
14858						$('#force-sign-up-property-owner-email-error').hide();
14859					} else {
14860						forceSignupPOMandatoryCheck = true;
14861						$('#force-sign-up-property-owner-email-error').show();
14862						$('#force-sign-up-property-owner-email-error').html('Please insert a valid email address');
14863					}
14864				}
14865
14866				// Password
14867				var forceSignUpPasswordPOVal = $('#force-sign-up-property-owner-password').val();
14868				if (forceSignUpPasswordPOVal.trim() == null || forceSignUpPasswordPOVal.trim() == "" || forceSignUpPasswordPOVal === " ") {
14869					forceSignupPOMandatoryCheck = true;
14870					$('#force-sign-up-property-owner-password-error').show();
14871				} else {
14872					$('#force-sign-up-property-owner-password-error').hide();
14873				}
14874
14875				if (forceSignupPOMandatoryCheck) {
14876					callNotificationAlert('Please check mandatory form input');
14877				} else {
14878					var formData = new FormData($('#form-owner-register')[0]);
14879					formData.append("current_url", "https://www.archify.com/au/products");
14880					$('#pageloader_new').fadeIn();
14881					$.ajax({
14882						type: "POST",
14883						url: "https://www.archify.com/au/gpost/signup/signup_member_ajax/0",
14884						dataType: 'json',
14885						data: formData,
14886						async: true,
14887						success: function(result) {
14888							if (result.status == "200") {
14889								callNotification(result.message);
14890								$('#forceSignUpLoginModal').modal('hide');
14891								location.reload();
14892							} else {
14893								let errorMessage = "";
14894
14895								if(result?.message){
14896									callNotificationAlert(result.message);
14897								} else if(result?.errors) {
14898									for (const prop in result.errors) {
14899										callNotificationAlert(result.errors[prop]);
14900									}
14901								}
14902								
14903								$('#pageloader_new').fadeOut();
14904								grecaptcha.reset();
14905							}
14906						},
14907						error: function(err) {
14908							callNotificationAlert(err?.msg || "Something went wrong");
14909							$('#pageloader_new').fadeOut();
14910							grecaptcha.reset();
14911						},
14912						cache: false,
14913						contentType: false,
14914						processData: false
14915					});
14916
14917				}
14918
14919			});
14920
14921			// Force Sign Up Professional Submit Here
14922			$('#forceSignupProfessionalSubmitButton').unbind('click');
14923			$('#forceSignupProfessionalSubmitButton').click(function() {
14924				// alert('Sign Up Professional Submit Here');
14925
14926				var forceSignupDPMandatoryCheck = false;
14927
14928				// First name
14929				var forceSignUpFirstNameDPVal = $('#force-sign-up-professional-first-name').val();
14930				if (forceSignUpFirstNameDPVal.trim() == null || forceSignUpFirstNameDPVal.trim() == "" || forceSignUpFirstNameDPVal === " ") {
14931					forceSignupDPMandatoryCheck = true;
14932					$('#force-sign-up-professional-first-name-error').show();
14933				} else {
14934					$('#force-sign-up-professional-first-name-error').hide();
14935				}
14936
14937				// Country
14938				var forceSignUpCountryDPVal = $('#force-sign-up-professional-country').val();
14939				if (forceSignUpCountryDPVal == null) {
14940					forceSignupDPMandatoryCheck = true;
14941					$('#force-sign-up-professional-country-error').show();
14942				} else {
14943					$('#force-sign-up-professional-country-error').hide();
14944				}
14945
14946				// Location
14947				var forceSignUpLocationDPVal = $('#force-sign-up-professional-location').val();
14948				if (forceSignUpLocationDPVal == null) {
14949					forceSignupDPMandatoryCheck = true;
14950					$('#force-sign-up-professional-location-error').show();
14951				} else {
14952					$('#force-sign-up-professional-location-error').hide();
14953				}
14954
14955				// Email
14956				var forceSignUpEmailDPVal = $('#force-sign-up-professional-email').val();
14957				if (forceSignUpEmailDPVal.trim() == null || forceSignUpEmailDPVal.trim() == "" || forceSignUpEmailDPVal === " ") {
14958					forceSignupDPMandatoryCheck = true;
14959					$('#force-sign-up-professional-email-error').html('You must provide an email');
14960					$('#force-sign-up-professional-email-error').show();
14961				} else {
14962					var filter_email = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
14963					if (filter_email.test(forceSignUpEmailDPVal)) {
14964						$('#force-sign-up-professional-email-error').hide();
14965					} else {
14966						forceSignupDPMandatoryCheck = true;
14967						$('#force-sign-up-professional-email-error').show();
14968						$('#force-sign-up-professional-email-error').html('Please insert a valid email address');
14969					}
14970				}
14971
14972				// Password
14973				var forceSignUpPasswordDPVal = $('#force-sign-up-professional-password').val();
14974				if (forceSignUpPasswordDPVal.trim() == null || forceSignUpPasswordDPVal.trim() == "" || forceSignUpPasswordDPVal === " ") {
14975					forceSignupDPMandatoryCheck = true;
14976					$('#force-sign-up-professional-password-error').show();
14977				} else {
14978					$('#force-sign-up-professional-password-error').hide();
14979				}
14980
14981				// Role
14982				var forceSignUpRoleDPVal = $('#force-sign-up-professional-role').val();
14983				if (forceSignUpRoleDPVal == null) {
14984					forceSignupDPMandatoryCheck = true;
14985					$('#force-sign-up-professional-role-error').show();
14986				} else {
14987					$('#force-sign-up-professional-role-error').hide();
14988				}
14989
14990				// Phone
14991				var forceSignUpPhoneDPVal = $('#force-sign-up-professional-phone').val();
14992				if (forceSignUpPhoneDPVal.trim() == null || forceSignUpPhoneDPVal.trim() == "" || forceSignUpPhoneDPVal === " ") {
14993					forceSignupDPMandatoryCheck = true;
14994					$('#force-sign-up-professional-phone-error').show();
14995				} else {
14996					$('#force-sign-up-professional-phone-error').hide();
14997				}
14998
14999				// Company
15000				var forceSignUpCompanyDPVal = $('#force-sign-up-professional-company-where-you-work').val();
15001				if ($("#force-sign-up-professional-company-where-you-work-mandatory-sign:visible").length) {
15002					if (forceSignUpCompanyDPVal.trim() == null || forceSignUpCompanyDPVal.trim() == "" || forceSignUpCompanyDPVal === " ") {
15003						visitorSendMessageMandatoryCheck = true;
15004						$('#force-sign-up-professional-company-where-you-work-error').show();
15005					} else {
15006						$('#force-sign-up-professional-company-where-you-work-error').hide();
15007					}
15008				} else {
15009					$('#force-sign-up-professional-company-where-you-work-error').hide();
15010				}
15011
15012				// Institution
15013				var forceSignUpInstitutionDPVal = $('#force-sign-up-professional-institution').val();
15014				if ($("#force-sign-up-professional-institution-mandatory-sign:visible").length) {
15015					if (forceSignUpInstitutionDPVal.trim() == null || forceSignUpInstitutionDPVal.trim() == "" || forceSignUpInstitutionDPVal === " ") {
15016						visitorSendMessageMandatoryCheck = true;
15017						$('#force-sign-up-professional-institution-error').show();
15018					} else {
15019						$('#force-sign-up-professional-institution-error').hide();
15020					}
15021				} else {
15022					$('#force-sign-up-professional-institution-error').hide();
15023				}
15024
15025				// Architectural Registration Number
15026				var forceSignUpArchitectNumberDPVal = $('#force-sign-up-professional-architect-registration-number').val();
15027				if ($("#force-sign-up-professional-architect-registration-number-mandatory-sign:visible").length) {
15028					if (forceSignUpArchitectNumberDPVal.trim() == null || forceSignUpArchitectNumberDPVal.trim() == "" || forceSignUpArchitectNumberDPVal === " ") {
15029						visitorSendMessageMandatoryCheck = true;
15030						$('#force-sign-up-professional-architect-registration-number-error').show();
15031					} else {
15032						$('#force-sign-up-professional-architect-registration-number-error').hide();
15033					}
15034				} else {
15035					$('#force-sign-up-professional-architect-registration-number-error').hide();
15036				}
15037
15038				if (forceSignupDPMandatoryCheck) {
15039					callNotificationAlert('Please check mandatory form input');
15040				} else {
15041					var formData = new FormData($('#form-pro-register')[0]);
15042					formData.append("current_url", "https://www.archify.com/au/products");
15043					$('#pageloader_new').fadeIn();
15044					$.ajax({
15045						type: "POST",
15046						url: "https://www.archify.com/au/gpost/signup/signup_member_ajax/1",
15047						dataType: 'json',
15048						data: formData,
15049						async: true,
15050						success: function(result) {
15051							if (result.code == "200") {
15052								callNotification(result?.message);
15053								setTimeout(function() {
15054									$('#forceSignUpLoginModal').modal('hide');
15055									if ($("#google_id").val() != "" || $("#facebook_id").val() != "") {
15056										// location.reload();
15057									}
15058									location.reload();
15059								}, 1000);
15060							} else {
15061								if(result?.message){
15062									callNotificationAlert(result.message);
15063								} else if(result?.errors) {
15064									for (const prop in result.errors) {
15065										callNotificationAlert(result.errors[prop]);
15066									}
15067								}
15068								$('#pageloader_new').fadeOut();
15069							}
15070						},
15071						cache: false,
15072						contentType: false,
15073						processData: false
15074					});
15075				}
15076
15077			});
15078
15079		}
15080
15081		$('#forceSignUpHeaderTitleText').html(headerText);
15082
15083		if (!$('#forceSignUpLoginModal').hasClass('show')) {
15084			$('#forceSignUpLoginModal').modal({
15085				backdrop: 'static',
15086				keyboard: false
15087			});
15088		}
15089
15090		/**
15091			Google Connect
15092		 */
15093		$.post("https://www.archify.com/au/gpost/login/google_connect_create_url/1", {
15094			current_url: "https://www.archify.com/au/products"
15095		}, function(result) {
15096			$('.signUpButtonGooglePropertyOwner').attr("href", result);
15097		});
15098	}
15099
15100	$(window).on('load', function() {
15101		// callSignUpLoginModal("");
15102		if ("" == "professional") {
15103			callSignUpLoginModal("");
15104			openSlideSecondModalContent('professional');
15105			$("#force-sign-up-professional-first-name").val("");
15106			$("#force-sign-up-professional-last-name").val("");
15107			$("#force-sign-up-professional-email").val("");
15108			$("#google_id").val("");
15109			$('#force-sign-up-professional-email').prop('readonly', true);
15110		}
15111	});
15112</script>
15112
15113
15114<!-- FB -->
15115<script>
15116	(function(d, s, id) {
15117		var js, fjs = d.getElementsByTagName(s)[0];
15118		if (d.getElementById(id)) return;
15119		js = d.createElement(s);
15120		js.id = id;
15121		js.src = "//connect.facebook.net/en_US/sdk.js";
15122		fjs.parentNode.insertBefore(js, fjs);
15123	}(document, 'script', 'facebook-jssdk'));
15124
15125	window.fbAsyncInit = function() {
15126		FB.init({
15127			appId: '1001626029887223',
15128			cookie: true,
15129			xfbml: false,
15130			version: 'v10.0'
15131			// version    : 'v2.5'
15132		});
15133
15134		FB.getLoginStatus(function(response) {
15135			statusChangeCallback(response);
15136		});
15137	};
15138
15139
15140
15141	// This is called with the results from from FB.getLoginStatus().
15142	function statusChangeCallback(response) {
15143		//console.log(response);
15144		// if (response.status === 'connected') {
15145		//     // Logged into your app and Facebook.
15146		//     // we need to hide FB login button
15147		//     $('#FBLoginSignUpLoginModal').hide();
15148		//     //fetch data from facebook
15149		//     getUserInfo();
15150		// } else if (response.status === 'not_authorized') {
15151		//     // The person is logged into Facebook, but not your app.
15152		//     $('#status').html('Please log into this app.');
15153		// } else {
15154		//     // The person is not logged into Facebook, so we're not sure if
15155		//     // they are logged into this app or not.
15156		//     $('#status').html('Please log into facebook');
15157		// }
15158	}
15159
15160	function checkLoginState() {
15161		FB.getLoginStatus(function(response) {
15162			statusChangeCallback(response);
15163		});
15164	}
15165
15166	function FBLoginSignUpLoginModal(is_register = 0, member_type = 0) {
15167		FB.login(function(response) {
15168			if (response.authResponse) {
15169				getRegisterFromFB(is_register, member_type);
15170			} else {
15171				alert('Authorization failed.');
15172			}
15173		}, {
15174			scope: 'email,public_profile'
15175		});
15176	}
15177
15178	function getRegisterFromFB(is_register = 0, member_type = 0) {
15179		var formData = new FormData();
15180		formData.append("session", FB.getAuthResponse()['accessToken']);
15181		formData.append("is_register", is_register);
15182		formData.append("member_type", member_type);
15183		$.ajax({
15184			type: "POST",
15185			url: "https://www.archify.com/au/gpost/login/fb_connect_from_modal/",
15186			dataType: 'json',
15187			data: formData,
15188			async: false,
15189			success: function(result) {
15190				if (result.code == "200") {
15191					// if(member_type==2) {
15192					// 	var data = result.data;
15193					// 	openSlideSecondModalContent('professional');
15194					// 	$("#force-sign-up-professional-first-name").val(data.first_name);
15195					// 	$("#force-sign-up-professional-last-name").val(data.last_name);
15196					// 	$("#force-sign-up-professional-email").val(data.email);
15197					// 	$("#facebook_id").val(data.oauth_uid);
15198					// 	$('#force-sign-up-professional-email').prop('readonly', true);
15199					// } else {
15200					callNotification(result.msg);
15201					$('#forceSignUpLoginModal').modal('hide');
15202					is_login = 1;
15203					setTimeout(function() {
15204						location.reload();
15205					}, 1000);
15206					// }
15207				}
15208				if (result.code == "205") {
15209					var data = result.data;
15210					openSlideSecondModalContent('professional');
15211					$("#force-sign-up-professional-first-name").val(data.first_name);
15212					$("#force-sign-up-professional-last-name").val(data.last_name);
15213					$("#force-sign-up-professional-email").val(data.email);
15214					$("#facebook_id").val(data.oauth_uid);
15215					$('#force-sign-up-professional-email').prop('readonly', true);
15216				}
15217				if (result.code == "204") {
15218					callNotificationAlert(result.msg);
15219				}
15220			},
15221			cache: false,
15222			contentType: false,
15223			processData: false
15224		});
15225	}
15226
15227	// Open slide second modal content function
15228	function openSlideSecondModalContent(type) {
15229		var type = type;
15230		var mainContent = $('#forceSignUpLoginModal .modal-content.main-content');
15231		var secondContent = $('#forceSignUpLoginModal .modal-content.second-content.' + type + '');
15232		var mainContentHeight = mainContent.outerHeight();
15233		var secondContentHeight = secondContent.outerHeight();
15234		if (mainContentHeight < secondContentHeight) {
15235			$('#forceSignUpLoginModal .modal-dialog').css('height', secondContentHeight + "px");
15236		}
15237		secondContent.addClass('show');
15238		secondContent.show();
15239		mainContent.css('position', 'absolute');
15240		$('#forceSignUpLoginModal .modal-dialog').addClass('show-second-progress');
15241		setTimeout(function() {
15242			mainContent.hide();
15243			$('#forceSignUpLoginModal .modal-dialog').removeClass('show-second-progress');
15244			// if (type == "property-owner") {
15245			// 	rescaleCaptchaForSignupPropertyOwner();
15246			// }
15247		}, 200);
15248	}
15249</script>
15249<!--form hide menu if cant have data-->
15250
15251<script>
15252  $.ajax({
15253    type: "POST",
15254    async: true,
15255    url: "https://www.archify.com/au/gpost/generals/check_menu_footer",
15256    success: function(data) {
15257      var data = JSON.parse(data);
15258      if (data.forms == "active") {
15259        $(".menu-form-unx").css("display", "inline-block");
15260      } else {
15261        $(".menu-form-unx").css("display", "none");
15262      }
15263    }
15264  });
15265</script>
vendor: 1 bytes, line 15265
15265
15266<script>
15267  /* $(document).ready(function() {
15268  const showModalBtn = $("#showModalBtn");
15269  // const modal = $("#modal");
15270  const modal = $("#modal-2");
15271  const closeModal = $("#closeModal");
15272  
15273  showModalBtn.on("click", function() {
15274    modal.css("display", "block");
15275  });
15276
15277  closeModal.on("click", function() {
15278    modal.css("display", "none");
15279    $.ajax({
15280                  type: "POST",
15281                  url: "https://www.archify.com/au/gpost/professional/update_sourcing_logs",
15282                  dataType:'json',
15283                  data: {pro_id: 0, status:0},
15284                  success: function(result) {
15285                  }
15286            });
15287  });
15288
15289  $(window).on("click", function(event) {
15290    if (event.target === modal[0]) {
15291      modal.css("display", "none");
15292      $.ajax({
15293                  type: "POST",
15294                  url: "https://www.archify.com/au/gpost/professional/update_sourcing_logs",
15295                  dataType:'json',
15296                  data: {pro_id: 0, status:0},
15297                  success: function(result) {
15298                    
15299                  }
15300            });
15301    }
15302  });
15303  
15304
15305}); */
15306</script>
15306
15307
15308<!-- Handle newsletter subscription submit -->
15309<script>
15310  $("#newsletter-subsription-submit-btn").on("click", () => {
15311    let error = false;
15312    const name = $("#newsletter-subscriber-name-input").val();
15313    const email = $("#newsletter-subscriber-email-input").val();
15314    $(".success-subscription").html("");
15315    $(".error-subscription").html("");
15316    if (!name) {
15317      $(".error-subscription.error-name").html("Name is Required");
15318      error = true;
15319    }
15320    if (!email) {
15321      $(".error-subscription.error-email").html("Email is Required");
15322      error = true
15323    } else if (!email?.match(/^[^\s@]+@[^\s@]+\.[^\s@]+$/)) {
15324      $(".error-subscription.error-email").html("Email not with right format");
15325      error = true
15326    }
15327
15328    if (!error) {
15329      $.ajax({
15330        url: "https://www.archify.com/au/gpost/subscribers/subscribe_request",
15331        type: 'POST',
15332        data: {
15333          name,
15334          email
15335        },
15336        async: true,
15337      }).done(function(res) {});
15338      // Intended make it Always success because slow mailjet insert 
15339      $(".success-subscription").html("Succeed Subscribe Newsletter");
15340      $("#newsletter-subscriber-name-input").val("");
15341      $("#newsletter-subscriber-email-input").val("")
15342    }
15343  })
15344</script>
15344
15345
15346<!-- adding visitor send message module -->
15347<div id="visitorSendMessageModalWrapper">
15348</div>
15349
15350<style>
15351	.bluprin-input .select-drop-down-wrapper .select2-results__option>span {
15352		white-space: pre-wrap;
15353		white-space: -moz-pre-wrap;
15354		white-space: -pre-wrap;
15355		white-space: -o-pre-wrap;
15356		word-wrap: break-word;
15357		width: 100%;
15358	}
15359
15360	.g-recaptcha.visitor-message {
15361		transform: scale(1);
15362		-webkit-transform: scale(1);
15363	}
15364</style>
15365<script>
15366	var grecaptchaVisitorMessage;
15367	var visitorSendMessageCloseSuccess = false;
15368
15369	function callVisitorSendMessageModule(msgTo = "") {
15370
15371
15372		if ($('#visitorSendMessageModal').length == 0) {
15373			$('#visitorSendMessageModalWrapper').append('\
15374			<div id="visitorSendMessageModal" class="modal fade archify-modal-form-input" tabindex="-1" role="dialog">\
15375				<div class="modal-dialog" role="document">\
15376					<div class="modal-content main-content">\
15377						<div class="modal-header">\
15378							<p class="modal-title">Send <span>Message</span></p>\
15379							<button type="button" class="close" data-dismiss="modal" aria-label="Close">\
15380								<img src="https://www.archify.com/assets/img/svg/action-close-square.svg" alt="close icon">\
15381							</button>\
15382						</div>\
15383						<form id="form-visitor-message">\
15384						<div class="modal-body">\
15385							<div class="form-input-wrapper">\
15386								<div class="form-group bluprin-input split">\
15387									<label for="visitor-send-message-name-input"><h5>Name <span style="color: red;">*</span></h5></label>\
15388									<input type="text" class="form-control" id="visitor-send-message-name-input" placeholder="" name="visitor-send-message-name-input" value="">\
15389									<div class="errortisme redl" id="visitor-send-message-name-input-error">You must provide a name</div>\
15390								</div>\
15391								<div class="form-group bluprin-input split">\
15392									<label for="visitor-send-message-role"><h5>Role <span style="color: red;">*</span></h5></label>\
15393									<div class="visitor-send-message-role-wrapper select-drop-down-wrapper">\
15394										<select name="visitor-send-message-role" class="form-control" id="visitor-send-message-role" placeholder="" value="" style="width: 100%;">\
15395										</select>\
15396									</div>\
15397									<div class="errortisme redl" id="visitor-send-message-role-input-error">You must select a role</div>\
15398								</div>\
15399								<div class="clearfix">\
15400								</div>\
15401								<div class="form-group bluprin-input split">\
15402									<label for="visitor-send-message-email-input"><h5>Email <span style="color: red;">*</span></h5></label>\
15403									<input type="text" class="form-control" id="visitor-send-message-email-input" placeholder="" name="visitor-send-message-email-input" value="">\
15404									<div class="errortisme redl" id="visitor-send-message-email-input-error">You must provide an email</div>\
15405								</div>\
15406								<div class="form-group bluprin-input split">\
15407									<label for="visitor-send-message-phone-input"><h5>Phone Number <span style="color: red;">*</span></h5></label>\
15408									<input type="text" class="form-control" id="visitor-send-message-phone-input" placeholder="" name="visitor-send-message-phone-input" value="">\
15409									<div class="errortisme redl" id="visitor-send-message-phone-input-error">You must provide a phone number</div>\
15410								</div>\
15411								<div class="clearfix">\
15412								</div>\
15413								<div id="visitorSendMessageCompanyWrapper" class="form-group bluprin-input">\
15414									<label for="visitor-send-message-company-input"><h5>Company <span id="visitorSendMessageCompanyMandatorySign" style="color: red; display: none;">*</span></h5></label>\
15415									<input type="text" class="form-control" id="visitor-send-message-company-input" placeholder="" name="visitor-send-message-company-input" value="">\
15416									<div class="errortisme redl" id="visitor-send-message-company-input-error">You must provide a company</div>\
15417								</div>\
15418                <div id="visitorSendMessageInstitutionWrapper" class="form-group bluprin-input" style="display: none;">\
15419									<label for="visitor-send-message-institution-input"><h5>Institution <span id="visitorSendMessageInstitutionMandatorySign" style="color: red; display: none;">*</span></h5></label>\
15420									<input type="text" class="form-control" id="visitor-send-message-institution-input" placeholder="" name="visitor-send-message-institution-input" value="">\
15421									<div class="errortisme redl" id="visitor-send-message-institution-input-error">You must provide an institution</div>\
15422								</div>\
15423								<div class="form-group bluprin-input">\
15424									<label for="visitor-send-message-input"><h5>Message <span style="color: red;">*</span></h5></label>\
15425									<textarea name="visitor-send-message-input" id="visitor-send-message-input"></textarea>\
15426									<div class="errortisme redl" id="visitor-send-message-input-error">You must provide a message</div>\
15427								</div>\
15428								<div class="form-group bluprin-input" style="margin: 0;">\
15429									<div>\
15430										<div class="checkbox-wrapper" style="width: 100%;">\
15431											<div class="squaredThree">\
15432												<input type="checkbox" value="1" id="visitor-send-message-complimentary-profile-input" class="form-check-input visitor-send-message-complimentary-profile-input" name="visitor-send-message-complimentary-profile">\
15433												<label class="label1" for="visitor-send-message-complimentary-profile-input" style="width: auto;">\
15434													<label class="label2" for="visitor-send-message-complimentary-profile-input">\
15435													</label>\
15436													<span class="text-area" style="width: auto;">\
15437														<p style="float: left;">Create Complimentary Profile</p>\
15438													</span>\
15439												</label>\
15440												<div class="tooltip-hint-black center" style="top: -5px; margin-left: 5px;">\
15441													<img src="https://www.archify.com/assets/img/svg/02-icon-01-general-info.svg" width="20" height="20" alt="icon general info"/>\
15442													<div class="tooltip-hint-data-black arrow-bottom center" style="left: -140px;">Create your profile, so you can easily send message to the Brand Supplier.</div>\
15443												</div>\
15444											</div>\
15445										</div>\
15446									</div>\
15447									<div class="clearfix">\
15448									</div>\
15449								</div>\
15450								<div class="visitor-send-message-complementary-wrapper" style="display: none; margin-top: 10px; position: relative; float: left; width: 100%;">\
15451									<div class="form-group bluprin-input split">\
15452										<label for="visitor-send-message-country"><h5>Country <span style="color: red;">*</span></h5></label>\
15453										<div class="select-visitor-send-message-country-wrapper select-drop-down-wrapper">\
15454											<select name="visitor-send-message-country" class="form-control" id="visitor-send-message-country" placeholder="" value="" style="width: 100%;">\
15455											</select>\
15456										</div>\
15457										<div class="errortisme redl" id="visitor-send-message-country-error">You must select a country</div>\
15458									</div>\
15459									<div class="form-group bluprin-input split">\
15460										<label for="visitor-send-message-location"><h5>Location <span style="color: red;">*</span></h5></label>\
15461										<div class="select-visitor-send-message-location-wrapper select-drop-down-wrapper">\
15462											<select name="visitor-send-message-location" class="form-control" id="visitor-send-message-location" placeholder="" value="" style="width: 100%;">\
15463											</select>\
15464										</div>\
15465										<div class="errortisme redl" id="visitor-send-message-location-error">You must select a location</div>\
15466									</div>\
15467                  <div id="visitorSendMessageArchitectRegistrationNumberWrapper" class="form-group bluprin-input" style="display: none;">\
15468  									<label for="visitor-send-message-architect-number-input"><h5>Architectural Registration Number <span id="visitorSendMessageArchitectRegistrationNumberMandatorySign" style="color: red; display: none;">*</span></h5></label>\
15469  									<input type="text" class="form-control" id="visitor-send-message-architect-number-input" placeholder="" name="visitor-send-message-architect-number-input" value="">\
15470  									<div class="errortisme redl" id="visitor-send-message-architect-number-input-error">You must provide an architectural registration number</div>\
15471  								</div>\
15472									<div class="form-group bluprin-input">\
15473										<label for="visitor-send-message-password"><h5>Account Password <span style="color: red;">*</span></h5></label>\
15474										<input type="password" class="form-control" id="visitor-send-message-password" placeholder="" name="visitor-send-message-password" value="" style="padding-right: 35px;">\
15475										<i class="toggle-force-log-in-password" id="toggle-visitor-send-message-password">\
15476											<img class="on" src="https://www.archify.com/assets/img/svg/02-icon-01-general-eye-on.svg" alt="general eye on" style="width: 22px; opacity: 0.4;">\
15477											<img class="off" src="https://www.archify.com/assets/img/svg/02-icon-01-general-eye-off.svg" alt="general eye on" style="width: 20p
15477x; opacity: 0.4;">\
15478										</i>\
15479										<div class="errortisme redl" id="visitor-send-message-password-error">You must provide a password</div>\
15480									</div>\
15481								</div>\
15482							</div>\
15483							<div class="captcha-area" style="position: relative; float: left; margin-bottom: 20px; margin-top: 20px; text-align: center; width: 100%;display: block;">\
15484									<div id="recaptchaForvisitorSendMessage" class="g-recaptcha visitor-message" data-sitekey="6LeJcykUAAAAAGJqrWgGnppNI4e3z81ts5yGtbo2"></div>\
15485							</div>\
15486						</div>\
15487						</form>\
15488						<div class="modal-footer" style="display: block;">\
15489							<button id="visitorSendMessageButton" class="archify-button-large" type="button" name="button" style="margin-bottom: 20px; display: none;">Send Message</button>\
15490              <button id="visitorSendMessageButtonDisabled" class="archify-button-large disabled" type="button" name="button" style="margin-bottom: 20px;">Send Message</button>\
15491              <p class="text-footer">By clicking send message you agree to our<br /><a href="https://www.archify.com/au/terms-of-use" target="_blank">Terms of Use</a> and <a href="https://www.archify.com/au/privacy-policy" target="_blank">Privacy Policy</a></p>\
15492						</div>\
15493					</div>\
15494				</div>\
15495			</div>\
15496		');
15497
15498			// init recaptcha
15499			grecaptchaVisitorMessage = grecaptcha.render('recaptchaForvisitorSendMessage', {
15500				'sitekey': '6LeJcykUAAAAAGJqrWgGnppNI4e3z81ts5yGtbo2'
15501			});
15502
15503			// visitor send message role select2 init & other proccess
15504			$("#visitor-send-message-role").select2({
15505				placeholder: "Please select your role",
15506				searchInputPlaceholder: 'Search'
15507			});
15508			$.ajax({
15509				type: "POST",
15510				dataType: "json",
15511				async: true,
15512				url: "https://www.archify.com/au/gpost/account/pro_role_list",
15513				success: function(data) {
15514					data.unshift({
15515						id: "0",
15516						text: "Property Owner"
15517					});
15518					$("#visitor-send-message-role").select2({
15519						placeholder: "Please select your role",
15520						data: data,
15521						searchInputPlaceholder: 'Search',
15522						dropdownParent: $('.visitor-send-message-role-wrapper'),
15523					}).val("").trigger("change");
15524				}
15525			});
15526
15527			function showCompanyMandatory() {
15528				$('#visitorSendMessageCompanyWrapper').show();
15529				$('#visitorSendMessageInstitutionWrapper').hide();
15530				$('#visitorSendMessageCompanyMandatorySign').show();
15531			}
15532
15533			function showCompanyNotMandatory() {
15534				$('#visitorSendMessageCompanyWrapper').show();
15535				$('#visitorSendMessageInstitutionWrapper').hide();
15536				$('#visitorSendMessageCompanyMandatorySign').hide();
15537				$('#visitor-send-message-company-input-error').hide();
15538			}
15539
15540			function showInstituionMandatory() {
15541				$('#visitorSendMessageCompanyWrapper').hide();
15542				$('#visitorSendMessageInstitutionWrapper').show();
15543				$('#visitorSendMessageInstitutionMandatorySign').show();
15544			}
15545
15546			function showInstituionNotMandatory() {
15547				$('#visitorSendMessageCompanyWrapper').hide();
15548				$('#visitorSendMessageInstitutionWrapper').show();
15549				$('#visitorSendMessageInstitutionMandatorySign').hide();
15550				$('#visitor-send-message-institution-input-error').hide();
15551			}
15552
15553			function showArchitectRegistrationNumberMandatory() {
15554				$('#visitorSendMessageArchitectRegistrationNumberWrapper').show();
15555				$('#visitorSendMessageArchitectRegistrationNumberMandatorySign').show();
15556			}
15557
15558			function showArchitectRegistrationNumberNotMandatory() {
15559				$('#visitorSendMessageArchitectRegistrationNumberWrapper').show();
15560				$('#visitorSendMessageArchitectRegistrationNumberMandatorySign').hide();
15561				$('#visitor-send-message-architect-number-input-error').hide();
15562			}
15563
15564			function hideArchitectRegistrationNumber() {
15565				$('#visitorSendMessageArchitectRegistrationNumberWrapper').hide();
15566				$('#visitorSendMessageArchitectRegistrationNumberMandatorySign').hide();
15567			}
15568			$('#visitor-send-message-role').on('select2:select', function(e) {
15569				// var data = e.params.data;
15570				$('#visitorSendMessageButton').show();
15571				$('#visitorSendMessageButtonDisabled').hide();
15572
15573				if ($(this).val() == 0) {
15574					showCompanyNotMandatory();
15575				} else {
15576					showCompanyMandatory();
15577				}
15578
15579				if ($(this).val() == 3) {
15580					if ($('#visitor-send-message-country').val() == "au" || $('#visitor-send-message-country').val() == "nz") {
15581						showArchitectRegistrationNumberMandatory();
15582					} else {
15583						showArchitectRegistrationNumberNotMandatory();
15584					}
15585				} else {
15586					hideArchitectRegistrationNumber();
15587				}
15588
15589				if ($(this).val() == 37) {
15590					if ($('#visitor-send-message-country').val() == "au" || $('#visitor-send-message-country').val() == "nz") {
15591						showInstituionMandatory();
15592					} else {
15593						showInstituionNotMandatory();
15594					}
15595				}
15596			});
15597
15598			// Visitor send message country select2 init & other proccess
15599			$("#visitor-send-message-country").select2({
15600				placeholder: "Please select your country"
15601			});
15602			$("#visitor-send-message-country").on("select2:select", function(e) {
15603				var data = $(this).val();
15604				visitorSendMessageGetLocation(data);
15605				$('#visitorSendMessageButton').show();
15606				$('#visitorSendMessageButtonDisabled').hide();
15607				if ($(this).val() == "au" || $(this).val() == "nz") {
15608					if ($('#visitor-send-message-role').val() == 37) {
15609						showInstituionMandatory();
15610					}
15611					if ($('#visitor-send-message-role').val() == 3) {
15612						showArchitectRegistrationNumberMandatory();
15613					} else {
15614						hideArchitectRegistrationNumber();
15615					}
15616				} else {
15617					if ($('#visitor-send-message-role').val() == 37) {
15618						showInstituionNotMandatory();
15619					}
15620					if ($('#visitor-send-message-role').val() == 3) {
15621						showArchitectRegistrationNumberNotMandatory();
15622					} else {
15623						hideArchitectRegistrationNumber();
15624					}
15625				}
15626			});
15627
15628			function formatStateVisitorSendMessageCountry(state) {
15629				if (!state.id) {
15630					return state.text;
15631				}
15632				var baseUrl = "https://www.archify.com/assets/img/svg/flag";
15633				var $state = $(
15634					'<span><img src="' + baseUrl + '/flag-' + state.element.value.toLowerCase() + '.svg" class="img-flag" /> ' + state.text + '</span>'
15635				);
15636				return $state;
15637			};
15638			$.ajax({
15639				type: "POST",
15640				dataType: "json",
15641				async: true,
15642				url: "https://www.archify.com/au/gpost/account/pro_country_list",
15643				success: function(data) {
15644					var countryId = "" || "au";
15645					$("#visitor-send-message-country").select2({
15646						placeholder: "Please select your country",
15647						templateSelection: formatStateVisitorSendMessageCountry,
15648						templateResult: formatStateVisitorSendMessageCountry,
15649						data: data,
15650						dropdownParent: $('.select-visitor-send-message-country-wrapper'),
15651						searchInputPlaceholder: 'Search'
15652					}).val(countryId).trigger("change");
15653				}
15654			});
15655
15656			// Visitor Send Message location select2 init & other proccess
15657			$("#visitor-send-message-location").select2({
15658				placeholder: "Please select your city"
15659			});
15660			$("#visitor-send-message-location").on("select2:select", function(e) {
15661				$('#visitorSendMessageButton').show();
15662				$('#visitorSendMessageButtonDisabled').hide();
15663			});
15664
15665			function visitorSendMessageGetLocation(countryId = "") {
15666				$("#visitor-send-message-location").html("");
15667				if (countryId == "") {
15668					countryId = 'au';
15669				}
15670				$.ajax({
15671					type: "POST",
15672					dataType: "json",
15673					async: true,
15674					url: "https://www.archify.com/au/gpost/account/pro_city_list/" + countryId,
15675					success: function(data) {
15676						$("#visitor-send-message-location").select2({
15677							placeholder: "Please select your location",
15678							data: data,
15679							templateResult: formatResultVisitorSendMessageLocation,
15680							templateSelection: formatRepoSelectionVisitorSendMessageLocation,
15681							dropdownParent: $('.select-visitor-send-message-location-wrapper'),
15682							searchInputPlaceholder: 'Search'
15683						}).val("").trigger('change');
15684					}
15685				});
15686			}
15687			visitorSendMessageGetLocation();
15688
15689			function formatResultVisitorSendMessageLocation(node) {
15690				var strArray = node.text.split("|");
15691				var $result = $('<span style="padding-left:' + (15) + 'px; float: left;"><xxx style="display:none;">' + strArray[1] + '</xxx>' + strArray[0] + '</span>');
15692				if (node.level == 1) {
15693					$result = $('<span style="padding-left:' + (0 * node.level) + 'px;"><xxx style="display:none;">' + strArray[1] + '</xxx>' + strArray[0] + '</span>');
15694				}
15695				return $result;
15696			};
15697
15698			function formatRepoSelectionVisitorSendMessageLocation(repo) {
15699				var strArray = repo.text.split("|");
15700				return strArray[0];
15701			}
15702
15703			// Visitor send message toggle password visibility
15704			$('#toggle-visitor-send-message-password').unbind('click');
15705			$('#toggle-visitor-send-message-password').click(function() {
15706				var x = document.getElementById("visitor-send-message-password");
15707				if (x.type === "password") {
15708					$('#toggle-visitor-send-message-password').addClass('show');
15709					x.type = "text";
15710				} else {
15711					$('#toggle-visitor-send-message-password').removeClass('show');
15712					x.type = "password";
15713				}
15714			});
15715
15716			// Visitor send message click event
15717			$('#visitor-send-message-complimentary-profile-input').unbind('click');
15718			$('#visitor-send-message-complimentary-profile-input').click(function() {
15719				if ($(this).prop('checked')) {
15720					$('.visitor-send-message-complementary-wrapper').show();
15721				} else {
15722					$('.visitor-send-message-complementary-wrapper').hide();
15723				}
15724			});
15725
15726			function rescaleCaptcha() {
15727				var width = $('.g-recaptcha.visitor-message').parent().width();
15728				var scale;
15729				if (width < 302) {
15730					scale = width / 302;
15731				} else {
15732					scale = 1.0;
15733				}
15734				$('#recaptchaForvisitorSendMessage').css('transform', 'scale(' + scale + ')');
15735				$('#recaptchaForvisitorSendMessage').css('-webkit-transform', 'scale(' + scale + ')');
15736				$('#recaptchaForvisitorSendMessage').css('transform-origin', '0 0');
15737				$('#recaptchaForvisitorSendMessage').css('-webkit-transform-origin', '0 0');
15738			}
15739			$(window).resize(function() {
15740				rescaleCaptcha();
15741			});
15742			$('#visitorSendMessageModal').on('shown.bs.modal', function(e) {
15743				rescaleCaptcha();
15744				$('.visitor-send-message-role-input').unbind('change');
15745				$('.visitor-send-message-role-input').change(function() {
15746					$('.visitor-send-message-role-input').prop('checked', false);
15747					$(this).prop('checked', true);
15748				});
15749			});
15750
15751			function resetVisitorSendMessage() {
15752				// reset visitor send message here
15753				$('#visitorSendMessageButton').hide();
15754				$('#visitorSendMessageButtonDisabled').show();
15755				$('#visitorSendMessageModal .errortisme').hide();
15756				$('#visitorSendMessageCompanyWrapper').show();
15757				$('#visitorSendMessageInstitutionWrapper').hide();
15758				$('#visitorSendMessageCompanyMandatorySign').hide();
15759				$('#visitorSendMessageInstitutionMandatorySign').hide();
15760				$('#visitorSendMessageArchitectRegistrationNumberWrapper').hide();
15761				$('#visitorSendMessageModal input.form-control').val('');
15762				$('#visitorSendMessageModal textarea').val('');
15763				$('#visitor-send-message-role').val("").trigger("change");
15764				$('#visitor-send-message-role').val("").trigger("select2:select");
15765				var countryId = "" || "au";
15766				$('#visitor-send-message-country').val(countryId).trigger("select2:select");
15767				$('#visitor-send-message-country').val(countryId).trigger("change");
15768				$('#visitor-send-message-complimentary-profile-input').prop('checked', false);
15769				$('.visitor-send-message-complementary-wrapper').hide();
15770				var x = document.getElementById("visitor-send-message-password");
15771				$('#toggle-visitor-send-message-password').removeClass('show');
15772				x.type = "password";
15773				grecaptcha.reset(grecaptchaVisitorMessage);
15774			};
15775			$('#visitorSendMessageModal').on('hidden.bs.modal', function(e) {
15776				if (visitorSendMessageCloseSuccess) {
15777					visitorSendMessageCloseSuccess = false;
15778					resetVisitorSendMessage();
15779				}
15780			});
15781
15782			// activate send message events
15783			$('#visitorSendMessageModal input').keyup(function() {
15784				$('#visitorSendMessageButton').show();
15785				$('#visitorSendMessageButtonDisabled').hide();
15786			});
15787			$('#visitorSendMessageModal textarea').keyup(function() {
15788				$('#visitorSendMessageButton').show();
15789				$('#visitorSendMessageButtonDisabled').hide();
15790			});
15791
15792
15793			// submit book a demo function here
15794			$('#visitorSendMessageButton').click(function(e) {
15795
15796				var visitorSendMessageMandatoryCheck = false;
15797
15798				// Name
15799				var visitorSendMessageNameInputVal = $('#visitor-send-message-name-input').val();
15800				if (visitorSendMessageNameInputVal.trim() == null || visitorSendMessageNameInputVal.trim() == "" || visitorSendMessageNameInputVal === " ") {
15801					visitorSendMessageMandatoryCheck = true;
15802					$('#visitor-send-message-name-input-error').show();
15803				} else {
15804					$('#visitor-send-message-name-input-error').hide();
15805				}
15806
15807				// Email
15808				var visitorSendMessageEmailInputVal = $('#visitor-send-message-email-input').val();
15809				if (visitorSendMessageEmailInputVal.trim() == null || visitorSendMessageEmailInputVal.trim() == "" || visitorSendMessageEmailInputVal === " ") {
15810					visitorSendMessageMandatoryCheck = true;
15811					$('#visitor-send-message-email-input-error').html('You must provide an email');
15812					$('#visitor-send-message-email-input-error').show();
15813				} else {
15814					var filter_email = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
15815					if (filter_email.test(visitorSendMessageEmailInputVal)) {
15816						$('#visitor-send-message-email-input-error').hide();
15817					} else {
15818						visitorSendMessageMandatoryCheck = true;
15819						$('#visitor-send-message-email-input-error').show();
15820						$('#visitor-send-message-email-input-error').html('Please insert a valid email address');
15821					}
15822				}
15823
15824				// Phone
15825				var visitorSendMessagePhoneInputVal = $('#visitor-send-message-phone-input').val();
15826				if (visitorSendMessagePhoneInputVal.trim() == null || visitorSendMessagePhoneInputVal.trim() == "" || visitorSendMessagePhoneInputVal === " ") {
15827					visitorSendMessageMandatoryCheck = true;
15828					$('#visitor-send-message-phone-input-error').show();
15829				} else {
15830					$('#visitor-send-message-phone-input-error').hide();
15831				}
15832
15833				// Company
15834				var visitorSendMessageCompanyInputVal = $('#visitor-send-message-company-input').val();
15835				if ($("#visitorSendMessageCompanyMandatorySign:visible").length) {
15836					if (visitorSendMessageCompanyInputVal.trim() == null || visitorSendMessageCompanyInputVal.trim() == "" || visitorSendMessageCompanyInputVal === " ") {
15837						visitorSendMessageMandatoryCheck = true;
15838						$('#visitor-send-message-company-input-error').show();
15839					} else {
15840						$('#visitor-send-message-company-input-error').hide();
15841					}
15842				} else {
15843					$('#visitor-send-message-company-input-error').hide();
15844				}
15845
15846				// Institution
15847				var visitorSendMessageInstitutionInputVal = $('#visitor-send-message-institution-input').val();
15848				if ($("#visitorSendMessageInstitutionMandatorySign:visible").length) {
15849					if (visitorSendMessageInstitutionInputVal.trim() == null || visitorSendMessageInstitutionInputVal.trim() == "" || visitorSendMessageInstitutionInputVal === " ") {
15850						visitorSendMessageMandatoryCheck = true;
15851						$('#visitor-send-message-institution-input-error').show();
15852					} else {
15853						$('#visitor-send-message-institution-input-error').hide();
15854					}
15855				} else {
15856					$('#visitor-send-message-institution-input-error').hide();
15857				}
15858
15859				// Message
15860				var visitorSendMessageInputVal = $('#visitor-send-message-input').val();
15861				if (visitorSendMessageInputVal.trim() == null || visitorSendMessageInputVal.trim() == "" || visitorSendMessageInputVal === " ") {
15862					visitorSendMessageMandatoryCheck = true;
15863					$('#visitor-send-message-input-error').show();
15864					$('#visitor-send-message-input').val('');
15865				} else {
15866					$('#visitor-send-message-input-error').hide();
15867				}
15868
15869				// Role
15870				var visitorSendMessageRoleVal = $('#visitor-send-message-role').val();
15871				if (visitorSendMessageRoleVal == null) {
15872					visitorSendMessageMandatoryCheck = true;
15873					$('#visitor-send-message-role-input-error').show();
15874				} else {
15875					$('#visitor-send-message-role-input-error').hide();
15876				}
15877
15878				var visitorSendMessageComplementaryProfileVal = $('#visitor-send-message-complimentary-profile-input').prop('checked');
15879
15880				if (visitorSendMessageComplementaryProfileVal) {
15881
15882					// Country
15883					var visitorSendMessageCountryVal = $('#visitor-send-message-country').val();
15884					if (visitorSendMessageCountryVal == null) {
15885						visitorSendMessageMandatoryCheck = true;
15886						$('#visitor-send-message-country-error').show();
15887					} else {
15888						$('#visitor-send-message-country-error').hide();
15889					}
15890
15891					// Location
15892					var visitorSendMessageLocationVal = $('#visitor-send-message-location').val();
15893					if (visitorSendMessageLocationVal == null) {
15894						visitorSendMessageMandatoryCheck = true;
15895						$('#visitor-send-message-location-error').show();
15896					} else {
15897						$('#visitor-send-message-location-error').hide();
15898					}
15899
15900					// Architectural Registration Number
15901					var visitorSendMessageArchitecturalRegistrationNumberInputVal = $('#visitor-send-message-architect-number-input').val();
15902					if ($("#visitorSendMessageArchitectRegistrationNumberMandatorySign:visible").length) {
15903						if (visitorSendMessageArchitecturalRegistrationNumberInputVal.trim() == null || visitorSendMessageArchitecturalRegistrationNumberInputVal.trim() == "" || visitorSendMessageArchitecturalRegistrationNumberInputVal === " ") {
15904							visitorSendMessageMandatoryCheck = true;
15905							$('#visitor-send-message-architect-number-input-error').show();
15906						} else {
15907							$('#visitor-send-message-architect-number-input-error').hide();
15908						}
15909					} else {
15910						$('#visitor-send-message-architect-number-input-error').hide();
15911					}
15912
15913					// Password
15914					var visitorSendMessagePasswordVal = $('#visitor-send-message-password').val();
15915					if (visitorSendMessagePasswordVal.trim() == null || visitorSendMessagePasswordVal.trim() == "" || visitorSendMessagePasswordVal === " ") {
15916						visitorSendMessageMandatoryCheck = true;
15917						$('#visitor-send-message-password-error').show();
15918					} else {
15919						$('#visitor-send-message-password-error').hide();
15920					}
15921
15922				} else {
15923					$('#visitor-send-message-country-error').hide();
15924					$('#visitor-send-message-location-error').hide();
15925					$('#visitor-send-message-password-error').hide();
15926				}
15927
15928				if (visitorSendMessageMandatoryCheck) {
15929					callNotificationAlert('Please check mandatory form input.');
15930				} else {
15931					var Slug_ = "";
15932					var UserType_ = "";
15933					if (msgTo == "supplier") {
15934						Slug_ = "";
15935						UserType_ = 3;
15936					} else {
15937						Slug_ = "products";
15938						UserType_ = 2;
15939					}
15940					if (visitorSendMessageComplementaryProfileVal === true) {
15941						var formData = new FormData($('#form-visitor-message')[0]);
15942						formData.append("message_to", msgTo);
15943						formData.append("slug", Slug_);
15944						$('#visitorSendMessageButton').hide();
15945						$('#visitorSendMessageButtonDisabled').show();
15946						$('#pageloader_new').fadeIn();
15947						$.ajax({
15948							type: "POST",
15949							url: "https://www.archify.com/au/signup/signup_visitor_message",
15950							dataType: 'json',
15951							data: formData,
15952							async: true,
15953							success: function(result) {
15954								if (result.code == "200") {
15955									var data_ = result.data;
15956									formData.append("message", $("#visitor-send-message-input").val());
15957									formData.append("message_other", $("#visitor-send-message-input").val());
15958									formData.append("inbox_type", 1);
15959									if (msgTo == "supplier") {
15960										formData.append("request", "Other");
15961										formData.append("inbox_type", 2);
15962									}
15963									formData.append("slug", Slug_);
15964									formData.append("user_type", UserType_);
15965
15966
15967									formData.append("user_id_session", data_.user_id);
15968									formData.append("user_type_session", data_.user_type);
15969									$.ajax({
15970										type: "POST",
15971										url: "https://www.archify.com/au/gpost/inbox/visitor_send_message",
15972										dataType: 'json',
15973										data: formData,
15974										async: true,
15975										success: function(result) {
15976											$('#visitorSendMessageButton').show();
15977											$('#visitorSendMessageButtonDisabled').hide();
15978											$('#pageloader_new').fadeOut();
15979											if (result.code == "200") {
15980												callNotification(result.msg);
15981												visitorSendMessageCloseSuccess = true;
15982												$('#visitorSendMessageModal').modal('hide');
15983											} else {
15984												callNotificationAlert(result.msg);
15985											}
15986
15987										},
15988										cache: false,
15989										contentType: false,
15990										processData: false
15991									});
15992								} else {
15993									callNotificationAlert(result.msg);
15994									$('#visitorSendMessageButton').show();
15995									$('#visitorSendMessageButtonDisabled').hide();
15996									$('#pageloader_new').fadeOut();
15997								}
15998							},
15999							cache: false,
16000							contentType: false,
16001							processData: false
16002						});
16003					} else {
16004						var formData = new FormData($('#form-visitor-message')[0]);
16005						formData.append("message_to", msgTo);
16006						formData.append("slug", Slug_);
16007						formData.append("role_name", $('#visitor-send-message-role option:selected').text());
16008						$('#visitorSendMessageButton').hide();
16009						$('#visitorSendMessageButtonDisabled').show();
16010						$('#pageloader_new').fadeIn();
16011						$.ajax({
16012							type: "POST",
16013							url: "https://www.archify.com/au/gpost/inbox/visitor_send_message",
16014							dataType: 'json',
16015							data: formData,
16016							async: true,
16017							success: function(result) {
16018								$('#visitorSendMessageButton').show();
16019								$('#visitorSendMessageButtonDisabled').hide();
16020								$('#pageloader_new').fadeOut();
16021								if (result.code == "200") {
16022									callNotification(result.msg);
16023									visitorSendMessageCloseSuccess = true;
16024									$('#visitorSendMessageModal').modal('hide');
16025								} else {
16026									callNotificationAlert(result.msg);
16027								}
16028							},
16029							cache: false,
16030							contentType: false,
16031							processData: false
16032						});
16033					}
16034
16035				}
16036
16037			});
16038		}
16039
16040
16041		$('#visitorSendMessageModal').modal('show');
16042
16043	}
16044			$(window).on('load', function() {
16045			// code here
16046			// callVisitorSendMessageModule("supplier");
16047		});
16048	</script>
vendor: 1 bytes, line 16048
16048
16049<script src="https://www.archify.com/assets/third-party/jquery-webui/jquery-webui-popover.min.js"></script>
16049
16050<!--Plugin JavaScript file-->
16051<script src="https://www.archify.com/assets/third-party/ionrangeslider/ion.rangeSlider.min.js"></script>
16051
16052
16053<!-- load More Process -->
16054<script>
16055  var end = false;
16056  var nextPage = 0;
16057  var reloadDataProducts = true;
16058  var loadmore_products_in_progress = false;
16059  var filter_datax = {
16060    is_metric: "0",
16061    filtered: []
16062  };
16063
16064  var loadProductListAjax = "";
16065  var loadProductListAjaxTimeout = "";
16066  var getMenuFilterL3Ajax = "";
16067  var getMenuFilterL3MoreAjax = "";
16068  var getMenuFilterL3More2Ajax = "";
16069  var getSeoArticleAjax = "";
16070  var getBrands3Ajax = "";
16071  var getMenuProducts3Ajax = "";
16072  var is_drawing_files = 0;
16073  var is_sustainable = 0;
16074  var is_enhanced = 0;
16075
16076  $("#checkbox-filter-drawing-files").click(function() {
16077    if ($("#checkbox-filter-drawing-files").is(":checked")) {
16078      is_drawing_files = 1;
16079    } else {
16080      is_drawing_files = 0;
16081    }
16082    abcd();
16083  });
16084
16085  $("#checkbox-filter-sustainable").click(function() {
16086    if ($("#checkbox-filter-sustainable").is(":checked")) {
16087      is_sustainable = 1;
16088      remake_url(5);
16089    } else {
16090      is_sustainable = 0;
16091      remake_url(6);
16092    }
16093    abcd();
16094  });
16095  var urlParams = new URLSearchParams(window.location.search);
16096  var param_sustain = urlParams.get('sustainable');
16097
16098  if (param_sustain == "all") {
16099    $("#checkbox-filter-sustainable").trigger('click');
16100  }
16101
16102
16103  $("#checkbox-filter-enhanced").click(function() {
16104    if ($("#checkbox-filter-enhanced").is(":checked")) {
16105      is_enhanced = 1;
16106    } else {
16107      is_enhanced = 0;
16108    }
16109    abcd();
16110  });
16111  // Track flag action
16112  $("#checkbox-show-flags").click(function() {
16113    if ($("#checkbox-show-flags").is(":checked")) {
16114      $('.icon-origin-flags-section').show();
16115    } else {
16116      $('.icon-origin-flags-section').hide();
16117    }
16118  });
16119
16120  // Hide dummy item when load page with jquery
16121  $(".brand-container-dummy").hide();
16122  $(".brand-container-dummy-bottom").hide();
16123
16124  var loaded_data = 0;
16125  let totalDataLoaded = 0;
16126  let totalListBrandData = 0;
16127  $(".load-more-button").click(function() {
16128    // console.log(loaded_data);
16129
16130    loadmore_products_in_progress = true;
16131
16132    if (loadProductListAjaxTimeout != "") {
16133      clearTimeout(loadProductListAjaxTimeout)
16134    }
16135
16136    loadProductListAjaxTimeout = setTimeout(function() {
16137
16138      $(".button-load-more-area .load-more-button").css("display", "none");
16139      $(".button-load-more-area .skeleton-wrapper").css("display", "block");
16140
16141      if (page == 1) {
16142        $(".loading-css-animation").show();
16143        $(".top-title span.count").hide();
16144      }
16145      if (reloadDataProducts) {
16146        $("html, body").animate({
16147          scrollTop: 0
16148        }, 0);
16149        $(".brand-container").html("");
16150        $("#pagination").html("");
16151        end = false;
16152        nextPage = 0;
16153        page = 1;
16154        reloadDataProducts = false;
16155        $(".load-more-button").hide();
16156        $(window).scrollTop(0);
16157        loaded_data = 0;
16158        totalDataLoaded = 0;
16159        totalListBrandData = 0;
16160        $("#articleBox").show();
16161        // $(".top-title span.text").hide();
16162
16163        // get count all products
16164        // $.post($(location).attr('href'),{format:"json"}, function( data ) {
16165        //   //console.log($.parseJSON(data));
16166        // });
16167      }
16168
16169
16170      var uri1 = "all-category";
16171      var uri2 = "";
16172      var uri3 = "";
16173      var uri4 = "";
16174
16175      var urix = $(location).attr('href');
16176
16177      var xxx = urix.split("/products/");
16178
16179      if (xxx[1] !== undefined) {
16180        var xxx2 = xxx[1].split('/');
16181        if (xxx2[0] !== undefined) {
16182          uri1 = xxx2[0];
16183        } else {
16184          uri1 = "all-category";
16185        }
16186
16187        if (xxx2[1] !== undefined) {
16188          uri2 = "/" + xxx2[1];
16189        }
16190
16191        // handle latest to newest to make not many update for now
16192        if (xxx2[2] !== undefined) {
16193          uri3 = `/${xxx2[2] == "latest" ? "newest" : xxx2[2]}`;
16194        }
16195
16196        if (xxx2[3] !== undefined) {
16197          uri4 = "/?search=" + xxx2[3];
16198        }
16199
16200        // alert(uri2);
16201      } else {
16202        uri1 = "all-category";
16203        uri2 = "/?search=";
16204      }
16205
16206      // var uri3 = '';
16207      // if(uri3 != ''){
16208      //     uri3 = "?search="+uri3;
16209      // }
16210
16211
16212      urix = 'https://www.archify.com/au/gpost/products/list11/' + uri1 + uri2 + uri3 + uri4;
16213
16214      if (uri3 == "/" || uri3 == "") {
16215        $("#dropDownSortBy p span").html("");
16216        $(".dropDownSortBy-mobile p span").html("");
16217
16218        $("#sortByList li").removeClass("active");
16219        $("#sortByList li").each(function() {
16220          if ($(this).attr("val") == "default") {
16221            $(this).addClass('active');
16222          }
16223        });
16224
16225        $(".sortByList-mobile li").removeClass("active");
16226        $(".sortByList-mobile li").each(function() {
16227          if ($(this).attr("val") == "default") {
16228            $(this).addClass('active');
16229          }
16230        });
16231      }
16232
16233      // //console.log(filter_datax);
16234
16235      if (loadProductListAjax) {
16236        loadProductListAjax.abort();
16237      }
16238
16239      let totalCountry = $("input.x-country-filter:checkbox:checked").length;
16240              totalCountry = 1;
16241      
16242      // Handle filter at drawing file
16243
16244      let bimFilter = [];
16245      // Insert value of data and remove duplicate
16246      $(".bim-filter-wrap .check-bim-file:checked").each(function() {
16247        if (!bimFilter.find(x => x == $(this).attr("data-value"))) {
16248          bimFilter.push($(this).attr("data-value"));
16249        }
16250      })
16251
16252      let cadFilter = [];
16253      // Insert value of data and remove duplicate
16254      $(".cad-filter-wrap .check-cad-file:checked").each(function() {
16255        if (!cadFilter.find(x => x == $(this).attr("data-value"))) {
16256          cadFilter.push($(this).attr("data-value"));
16257        }
16258      })
16259
16260      let otherFilter = [];
16261      // Insert value of data and remove duplicate
16262      $(".other-filter-wrap .check-other-file:checked").each(function() {
16263        if (!otherFilter.find(x => x == $(this).attr("data-value"))) {
16264          otherFilter.push($(this).attr("data-value"));
16265        }
16266      })
16267
16268      let drawingFilesFilter = [];
16269      // push bim file filter if had
16270      if (bimFilter.length) {
16271        drawingFilesFilter.push({
16272          type_selection: 4,
16273          name: "bim_objects",
16274          value: bimFilter
16275        });
16276      }
16277
16278      // push cad file filter if had
16279      if (cadFilter.length) {
16280        drawingFilesFilter.push({
16281          type_selection: 5,
16282          name: "cad_files",
16283          value: cadFilter
16284        });
16285      }
16286
16287      // push other file filter if had
16288      if (otherFilter.length) {
16289        drawingFilesFilter.push({
16290          type_selection: 6,
16291          name: "other_files",
16292          value: otherFilter
16293        });
16294      }
16295
16296      // Create object EPD Filter
16297      let epdGGTFilter = {
16298        global_greentag_epd: $(".checkbox-ggt-epd").prop("checked") ? 1 : undefined,
16299        global_greentag_certified: $(".checkbox-ggt-epd-certificate").prop("checked") ? 1 : undefined
16300      };
16301
16302      let epdFilter = [];
16303      $(".epd-filter-wrap .epd-filter-slider-wrap")?.each((idx, elm) => {
16304
16305        if (!epdFilter.find(x => x.name == $(elm).data().type)) {
16306          const sliderData = $(elm).find(`.epd-slider-filter-${$(elm).data().type}`).data();
16307          const fromValue = $(elm).find(`.epd-slider-js-input-from`).val();
16308          const toValue = $(elm).find(`.epd-slider-js-input-to`).val();
16309
16310          const filterData = {
16311            value: [fromValue, toValue],
16312            minValue: sliderData?.min,
16313            maxValue: sliderData?.max
16314          }
16315          epdFilter.push({
16316            type_selection: 7,
16317            name: $(elm).data().type,
16318            ...filterData
16319          });
16320        }
16321      })
16322      // Filter to make max and min value not always send
16323      epdFilter = epdFilter.filter(x => !(x?.value[0] == x?.minValue && x?.value[1] == x?.maxValue));
16324
16325      let materialOriginFilter = []
16326
16327      if ($(".select-material-origin").val().length) {
16328        materialOriginFilter.push({
16329          type_selection: 8,
16330          name: 'material_origin',
16331          value: $(".select-material-origin").val()
16332        });
16333      }
16334
16335
16336      // Create new filter object so the old filter not get replace but copy to it
16337      const customFilter = {
16338        ...filter_datax,
16339        filtered: [
16340          ...filter_datax?.filtered,
16341          ...drawingFilesFilter,
16342          ...epdFilter,
16343          ...materialOriginFilter
16344        ]
16345      };
16346
16347      // Validation to must pick the country filter
16348      if (totalCountry) {
16349
16350        // validation to not load more when total data loaded is more than total list brand data
16351        // console.log(`total loaded : ${totalDataLoaded}`, `total List: ${totalListBrandData}`);
16352
16353        $.ajaxSetup({
16354          async: true
16355        });
16356        loadProductListAjax = $.post(urix, {
16357          page: page,
16358          filter: customFilter,
16359          is_sustainable: is_sustainable,
16360          is_drawing_files: is_drawing_files,
16361          is_enhanced: is_enhanced,
16362          ...epdGGTFilter,
16363          format: "json"
16364        }, function(data) {
16365
16366
16367
16368          var scrollPosition = $(document).scrollTop();
16369
16370          $(".loading-css-animation").fadeOut(function() {
16371            $(".top-title span.count").fadeIn();
16372          });
16373          $(".top-title span.text").show();
16374
16375          loaded_data += 1;
16376          if (loaded_data == 1) {
16377            $(".load-more-button").show();
16378          }
16379          if (loaded_data > 1) {
16380            $("#articleBox").hide();
16381            $(".load-more-button").hide();
16382          }
16383
16384          var datax = $.parseJSON(data);
16385
16386          totalDataLoaded += datax?.data?.length || 0;
16387          totalListBrandData = datax?.total || 0;
16388
16389          if (page == 1) {
16390            remake_count_product(datax.total);
16391          }
16392
16393          nextpage = page + 1;
16394
16395          /*
16396          var segments = window.location.pathname.split('/');
16397          var brand_from_url = segments[4];
16398          if (brand_from_url != undefined) {
16399            brand_from_url = decodeURIComponent( brand_from_url );
16400          } else {
16401            brand_from_url = "all";
16402          }
16403          if (brand_from_url == "") {
16404            brand_from_url = "all";
16405          }
16406
16407          var brandListData = datax.list_brand;
16408          $("#brandList").html('');
16409          $("#MobilebrandList").html('');
16410          $.each($.parseJSON(brandListData), function(i,item){
16411                var isChecked = "";
16412                $.each(brand_from_url.split('--'), function(k, v) {
16413                  if (v == item.brand_slug) {
16414                    isChecked = "checked";
16415                  }
16416                });
16417
16418                  $("#brandList").append('\
16419                    <li class="'+isChecked+'">\
16420                      <div class="squaredThree">\
16421                        <input type="checkbox" data-id="'+item.brand_slug+'" value="'+item.brand_slug+'" id="'+item.brand_slug+'" class="form-check-input sidebar brand-check-sidebar" name="'+item.brand+'" name-tag="'+item.brand_name+'" '+isChecked+'\
16422                        />\
16423                        <span>\
16424                          <h5 class="sidebar_brand brandnav-'+item.brand_slug+'">'+item.brand_name+'</h5>\
16425                        </span>\
16426                      </div>\
16427                    </li>\
16428                  ');
16429                  $("#MobilebrandList").append('\
16430                    <li class="'+isChecked+'">\
16431                      <div class="squaredThree">\
16432                        <input type="checkbox" data-id="'+item.brand_slug+'" value="'+item.brand_slug+'" id="'+item.brand_slug+'-mobile" class="form-check-input sidebar_mobile brand-check-sidebar" name="'+item.brand_name+'" name-tag="'+item.brand_name+'" '+isChecked+'\
16433                        />\
16434                        <span>\
16435                          <h5 class="sidebar_brand brandnav-'+item.brand_slug+'">'+item.brand_name+'</h5>\
16436                        </span>\
16437                      </div>\
16438                    </li>\
16439                  ');
16440              });
16441          */
16442
16443
16444
16445
16446          // var jsonx = JSON.parse(data);
16447          var jsonx = datax.data;
16448          // var jsonnextx = JSON.parse(nextdata);
16449          var jsonnextx = datax.data;
16450          ////console.log(jsonx);
16451          if (jsonx.length < 40) {
16452            $(".button-load-more-area .load-more-button").css("display", "none");
16453            // $(".brand-container-dummy-bottom").hide();
16454            // $(".brand-container-dummy").hide();
16455            if (page == 1) {
16456              $("#page-1").hide();
16457              $(".button-load-more-area .skeleton-wrapper").fadeOut(function() {
16458                $("#page-1").show();
16459                $("#page-1 .product-item").css("transition", "opacity 1s easeIn");
16460                $("#page-1 .product-item").css("opacity", "1");
16461              });
16462            } else {
16463              $(".button-load-more-area .skeleton-wrapper").css("display", "none");
16464            }
16465            $(".load-more-button").hide();
16466            $("#articleBox").show();
16467            end = true;
16468          } else {
16469            if (loaded_data > 1) {
16470              $(".button-load-more-area .load-more-button").css("display", "none");
16471            } else {
16472              $(".button-load-more-area .load-more-button").css("display", "block");
16473            }
16474            if (page == 1) {
16475              $("#page-1").hide();
16476              $(".button-load-more-area .skeleton-wrapper").fadeOut(function() {
16477                $("#page-1").show();
16478                $("#page-1 .product-item").css("transition", "opacity 1s easeIn");
16479                $("#page-1 .product-item").css("opacity", "1");
16480              });
16481            } else {
16482              $(".button-load-more-area .skeleton-wrapper").css("display", "none");
16483            }
16484            end = false;
16485          }
16486
16487          if (jsonnextx.length == 0) {
16488            $(".button-load-more-area .load-more-button").css("display", "none");
16489            if (page == 1) {
16490              $("#page-1").hide();
16491              $(".button-load-more-area .skeleton-wrapper").fadeOut(function() {
16492                $("#page-1").show();
16493                $("#page-1 .product-item").css("transition", "opacity 1s easeIn");
16494                $("#page-1 .product-item").css("opacity", "1");
16495              });
16496            } else {
16497              $(".button-load-more-area .skeleton-wrapper").css("display", "none");
16498            }
16499            end = true;
16500          }
16501
16502          if (jsonx.length == 0) {
16503            if (page == 1) {
16504              var segments = window.location.pathname.split('/');
16505              var brand_from_url_sec = segments[4];
16506              if (brand_from_url_sec != "all") {
16507                var filternameinfo = [];
16508                $('.filter-tags').each(function() {
16509                  filternameinfo.push($(this).children("h6").text());
16510                });
16511                if (filternameinfo.length > 1) {
16512                  filternameinfo.splice(-1);
16513                }
16514                if (filternameinfo.length == 1) {
16515                  $(".brand-container").append('\
16516                        <h5>' + filternameinfo + ' doesn&#146;t have product with selected filters</h5>\
16517                    ');
16518                };
16519                if (filternameinfo.length == 2) {
16520                  $(".brand-container").append('\
16521                        <h5>' + filternameinfo[0] + ' & ' + filternameinfo[1] + '  don&#146;t have product with selected filters</h5>\
16522                    ');
16523                };
16524                if (filternameinfo.length >= 3) {
16525                  $(".brand-container").append('\
16526                        <h5>' + filternameinfo + ' don&#146;t have product with selected filters</h5>\
16527                    ');
16528                };
16529              } else {
16530                $(".brand-container").append('\
16531                    <h5>No results found</h5>\
16532              ');
16533              }
16534
16535              $(".button-load-more-area .load-more-button").css("display", "none");
16536              if (page == 1) {
16537                $("#page-1").hide();
16538                $(".button-load-more-area .skeleton-wrapper").fadeOut(function() {
16539                  $("#page-1").show();
16540                  $("#page-1 .product-item").css("transition", "opacity 1s easeIn");
16541                  $("#page-1 .product-item").css("opacity", "1");
16542                });
16543              } else {
16544                $(".button-load-more-area .skeleton-wrapper").css("display", "none");
16545              }
16546              end = true;
16547            }
16548          }
16549
16550          if (page > 1) {
16551            $(".brand-container").append('\
16552        <div class="page-line" style="display: none;">\
16553          <div style="position: absolute; height: 1px; background-color: #9b9b9b; width: 100%; top: 10px;">\
16554          </div>\
16555          <div style="position: relative; float: left; width: auto; height; background: #f9f9f9; padding-left: 10px; padding-right: 10px; left: 50%; -webkit-transform: translate(-50%,0%); -ms-transform: translate(-50%,0%); transform: translate(-50%,0%); padding-top: 3px;">\
16556            <p class="ss grey" style="text-transform: uppercase; text-align: center; margin-bottom: 0px;">Page ' + page + '</p>\
16557          </div>\
16558        </div>\
16559        <div id="page-' + page + '"  style="position: relative; float: left; width: 100%;">\
16560        </div>\
16561        ');
16562          } else {
16563            $(".brand-container").append('\
16564        <div id="page-' + page + '" style="position: relative; float: left; width: 100%;">\
16565        </div>\
16566        ');
16567            $("#page-1 .product-item").css("opacity", "0");
16568          }
16569
16570          setTimeout(function() {
16571            $(window).scrollTop(scrollPosition);
16572          }, 500);
16573
16574          loopDelay = 0;
16575          var totalItems = 0;
16576          const isFlagShowChecked = $("#checkbox-show-flags").is(":checked");
16577          $.each(jsonx, function(i, item) {
16578
16579            // $(".brand-container").append('\
16580            //     <div class="product-item">\
16581            //       <div class="image-area">\
16582            //         <a href="https://www.archify.com/../au/product/'+item.brand_slug+'/product/'+item.product_id+'"><img src="https://image-apac.archify.com/catalog/product/'+item.product_image+'" alt=""></a>\
16583            //       </div>\
16584            //       <div class="clearfix">\
16585            //       </div>\
16586            //       <h5><a href="https://www.archify.com/../au/product/'+item.brand_slug+'/product/'+item.product_id+'">'+item.product_name+'</a></h5>\
16587            //       <h6><a href="https://www.archify.com/../au/product/'+item.brand_slug+'">
16587'+item.company_name+'</a></h6>\
16588            //     </div>\
16589            // ');
16590
16591
16592            var objectFitImage = "contain";
16593            if (item.is_transparent == "0") {
16594              objectFitImage = "cover";
16595            }
16596
16597
16598            var textTransformCss = "";
16599
16600            // Condition For tesa
16601            if (item.brand_slug == 'tesa') {
16602              var textTransformCss = "text-transform: none;";
16603            }
16604
16605            let epd_logo = "";
16606            let epd_certificate_logo = "";
16607            let enhanced_logo = "";
16608            let sustainable_text = "";
16609            let drawing_files_text = "";
16610
16611            if (item.is_enhanced == 1) {
16612              enhanced_logo = `
16613                <div class="nbs-box" data-content="<p>Enhanced Spec</p>" style="background-color: transparent; border-radius: 0;">
16614                  <img class="nbs" src="https://www.archify.com/assets/img/svg/enhanced-blue.svg" alt="icon enhanced product" width="20" height="20" style="margin: 0; width: 20px !important; height: 20px !important; border-radius: 5px;">
16615                </div>
16616                `;
16617            }
16618
16619            if (item.global_greentag_epd == 1) {
16620              epd_logo = `
16621                <div class="nbs-box" data-content="<p>Global GreenTag EPD</p>" style="background-color: transparent; border-radius: 0;">
16622                  <img class="nbs" src="https://www.archify.com/assets/img/svg/icon-sustainability-greentag-epd.svg" alt="icon enhanced product" width="20" height="20" style="margin: 0; width: 20px !important; height: 20px !important; border-radius: 5px;">
16623                </div>
16624                `;
16625            }
16626
16627            if (item.global_greentag_certified == 1) {
16628              epd_certificate_logo = `
16629                <div class="nbs-box" data-content="<p>Global GreenTag Certificate</p>" style="background-color: transparent; border-radius: 0;">
16630                  <img class="nbs" src="https://www.archify.com/assets/img/svg/icon-sustainability-greentag-epd-certificate.svg" alt="icon enhanced product" width="20" height="20" style="margin: 0; width: 20px !important; height: 20px !important; border-radius: 5px;">
16631                </div>
16632                `;
16633            }
16634
16635            // Remove sustainable hint https://bcisuite.atlassian.net/jira/software/c/projects/AR/boards/85/backlog?selectedIssue=AR-506
16636            // if (item.sustainable.length > 0) {
16637            //   var sustain = item.sustainable.split(",");
16638            //   $.each(sustain, function(index, value) {
16639            //     if (value == 1) sustainable_text += '<img class="sustainable-item" data-content="<p>Energy Efficient</p>" src="https://www.archify.com/assets/img/svg/sustainability-small-energy-green-white.svg" alt="sustainability-small-energy-green-white" width="20" height="20">';
16640            //     if (value == 2) sustainable_text += '<img class="sustainable-item" data-content="<p>Low Embodied Carbon</p>" src="https://www.archify.com/assets/img/svg/sustainability-small-carbon.svg" alt="sustainability-small-carbon" width="20" height="20">';
16641            //     if (value == 3) sustainable_text += '<img class="sustainable-item" data-content="<p>Low Water Consumption</p>" src="https://www.archify.com/assets/img/svg/sustainability-small-water-energy.svg" alt="sustainability-small-water-energy" width="20" height="20">';
16642            //     if (value == 4) sustainable_text += '<img class="sustainable-item" data-content="<p>Manufactured from Recycled Materials</p>" src="https://www.archify.com/assets/img/svg/sustainability-small-recyclable-green-white.svg" alt="sustainability-small-recyclable-green-white" width="20" height="20">';
16643            //     if (value == 5) sustainable_text += '<img class="sustainable-item" data-content="<p>Recyclable Packaging</p>" src="https://www.archify.com/assets/img/svg/sustainability-small-packaging-green-white.svg" alt="sustainability-small-packaging-green-white" width="20" height="20">';
16644            //     if (value == 6) sustainable_text += '<img class="sustainable-item" data-content="<p>Sustainable Manufacturing Process</p>" src="https://www.archify.com/assets/img/svg/sustainability-small-manufacturing-green-white.svg" alt="sustainability-small-manufacturing-green-white" width="20" height="20">';
16645            //   });
16646            // }
16647
16648            if (item.drawing_files.length > 0) {
16649              var drawing_fx = item.drawing_files.split(",");
16650              var drawing_fx1 = drawing_fx.join(", ").toUpperCase();
16651              var drawing_fx2 = drawing_fx.join(" | ").toUpperCase();
16652              drawing_files_text = `
16653                                    <div class="drawing-files-item-wrapper" data-content="<p>Drawing Files: ` + drawing_fx1 + `</p>">
16654                                        <img class="drawing-files-logo" src="https://www.archify.com/assets/img/svg/02-icon-02-features-drawing-files.svg" alt="features drawing files" data-content="" width="12" height="12">
16655                                        ` + drawing_fx2 + `
16656                                    </div>
16657                                `;
16658            }
16659
16660            var productItemOpacity = "1";
16661            if (page == 1) {
16662              productItemOpacity = "0";
16663            }
16664
16665            // Nbs Nordic
16666            let icon_nbs_nordic = '';
16667            if (item.from_nbs_nordic == '1')
16668              icon_nbs_nordic = '<img class="verified" src="https://www.archify.com/assets/img/svg/icon-nbs-nordic.svg" alt="icon country flag" width="20" height="20">';
16669
16670            const masterCountry = [{"id":"1","countries_filter_region_id":"1","name":"Australia","country_code":"au","flag_source":"au","is_deleted":null},{"id":"2","countries_filter_region_id":"1","name":"New Zealand","country_code":"nz","flag_source":"nz","is_deleted":null}];
16671            const list_country = item?.enabled_countries_filter_id?.split(',');
16672            let icon_flag = '';
16673            list_country?.forEach((brandCountry) => icon_flag += `<span style="margin-left:4px;">
16674              <img src="https://www.archify.com/assets//img/flags/icon-flag-${masterCountry?.find((msCountry) => brandCountry == msCountry?.id)?.flag_source}.svg" alt="icon country flag" width="13" height="13">
16675            </span>`);
16676
16677            $(".brand-container #page-" + page + "").append(`
16678                  <div class="product-item" style="opacity: ${productItemOpacity};">
16679                    <div class="image-area">
16680                      <a href="https://www.archify.com/../au/product/${item.brand_slug}/product/${item.product_id}" target="_blank"><img src="https://image-apac.archify.com/catalog/product/s/${item.product_image}" alt="${item.product_name}" style="object-fit: ${objectFitImage};"></a>
16681                      <div class="design-hov-mob mobile-lib-button-${item.product_id}" data-idproduct="${item.product_id}" data-already-in-library="false" data-id-image="${item.product_image}" data-name="${item.product_name}" data-brand="${item.brand_name}" data-brand-id="${item.supplier_id}">
16682                         <img src="https://www.archify.com/assets/img/svg/mobdotted.svg" alt="dotted icon"/>
16683                      </div>
16684                      <div class="nbs-nordic-icon">
16685                        ${icon_nbs_nordic}
16686                      </div>
16687                      <div class="cta-product-button-wrapper">
16688                        <div class="cta-product-button" style="cursor: pointer;position: absolute; width: 17px; height: 17px; top: 10px; right: 30px;">
16689                          <div class="library-hov-on cum-on-${item.product_id}">
16690                            <img 
16691                              data-tableid="942"
16692                              data-actionid="18"
16693                              data-recordid="${item.product_id}" 
16694                              data-recordname="${sanitizeInput(item.product_name)}"
16695                              data-companyid="${item.supplier_id}" 
16696                              class="piwik_ignore docu-stats-even icon-star-on img-mylibrary-on-${item.product_id}" onclick="delete_mylibrary(${item.product_id})" src="https://www.archify.com/assets/img/svg/icon-bookmark-white.svg" alt="" style="width: 17px; height: 17px; border-radius: 0px;display:none"/>
16697                            <div class="tooltip-mylibrary-on">Remove from My Library</div>
16698                          </div>
16699                          <div class="library-hov-off cum-off-${item.product_id}">
16700                            <img
16701                              data-tableid="942"
16702                              data-actionid="18"
16703                              data-recordid="${item.product_id}" 
16704                              data-recordname="${sanitizeInput(item.product_name)}"
16705                              data-companyid="${item.supplier_id}"
16706                              class="piwik_ignore docu-stats-even icon-star-off img-mylibrary-off-${item.product_id}" onclick="save_mylibrary(${item.product_id})" src="https://www.archify.com/assets/img/svg/icon-bookmark-black.svg" alt="" style="width: 17px; height: 17px;border-radius: 0px;display:block"/>
16707                            <div class="tooltip-mylibrary-off">Add to My Library</div>
16708                          </div>
16709                        </div>
16710                        <div class="design-hov-on">
16711                          <div class="cta-product-button" onclick="new_add_inspiration(${item.product_id}, '${item.product_image}')" style="cursor: pointer;position: absolute; width: 17px; height: 17px; top: 10px; right: 10px;">
16712                            <img
16713                              data-tableid="942"
16714                              data-actionid="18"
16715                              data-recordid="${item.product_id}" 
16716                              data-recordname="${sanitizeInput(item.product_name)}"
16717                              data-companyid="${item.supplier_id}"
16718                              class="piwik_ignore docu-stats-even"
16719                              src="https://www.archify.com/assets/img/svg/icon-folder-black.svg" alt="" style="width: 17px; height: 17px; border-radius: 0px;"/>
16720                          </div>
16721                          <div class="tooltip-design-folder">Add to Design Folder</div>
16722                          </div>
16723                          <div class="design-hov-com">
16724                            <div class="cta-product-button" onclick="new_comparation('${escape(item.product_id)}', '${escape(item.product_image)}', '${escape(item.product_name)}', '${escape(item.brand_name)}')" style="cursor: pointer;position: absolute; width: 17px; height: 17px; top: 10px; right: 50px;">
16725                              <img src="https://www.archify.com/assets/img/svg/compare-white-black2.svg" alt="" style="width: 17px; height: 17px; border-radius: 0px;">
16726                            </div>
16727                            <div class="tooltip-design-com">Compare Products</div>
16728                          </div>
16729                        </div>
16730                        <!-- sustainable & drawing files here -->
16731                        <div class="sustainable-drawing-files-wrapper">
16732                          <!--<div class="nbs-box" style="display:none;">
16733                            <img class="nbs" src="https://www.archify.com/assets/img/svg/icon-nbs-white-small.svg" alt="nbs logo" width="14" height="14">
16734                          </div>-->
16735                          ${epd_certificate_logo}
16736                          ${epd_logo}
16737                          ${enhanced_logo}
16738                          ${sustainable_text}
16739                          ${drawing_files_text}
16740                        </div>  
16741                        <!-- end sustainable & drawing files here -->
16742                      </div>
16743                      <div class="clearfix">
16744                    </div>
16745                    <div class="caption on">
16746                      <h6 style="${textTransformCss}"><a class="black" href="https://www.archify.com/../au/product/${item.brand_slug}/product/${item.product_id}" target="_blank">${item.product_name}</a></h6>
16747                      <p class="ss semi-bold"><a class="grey" href="https://www.archify.com/../au/product/${item.brand_slug}">${item.brand_name}</a></h6>
16748                      <div class="icon-origin-flags-section" style="${!isFlagShowChecked && 'display : none;'}">${icon_flag}</div>
16749                    </div>
16750                  </div>`);
16751
16752
16753            initPopover();
16754            loopDelay += 100;
16755            check_save_mylibrary(item.product_id);
16756
16757            $(".design-hov-mob").unbind("click");
16758            $(".design-hov-mob").click(function() {
16759              var idproduct = $(this).attr('data-idproduct');
16760              var idimage = $(this).attr('data-id-image');
16761              var idname = $(this).attr('data-name');
16762              var idbrand = $(this).attr('data-brand');
16763              var brand_id = $(this).attr('data-brand-id');
16764              var alreadyInLibrary = $(this).attr('data-already-in-mylibrary');
16765              $("#asr-option .body-mob").html('');
16766              if (alreadyInLibrary == "true") {
16767                $("#asr-option .body-mob").append(`
16768                <div class="space-up-asr remove-mob-mylibrary-">
16769                <div 
16770                  data-tableid="942"
16771                  data-actionid="18"
16772                  data-recordid="${idproduct}" 
16773                  data-recordname="${sanitizeInput(idname)}"
16774                  data-companyid="${brand_id}"
16775                  class="piwik_ignore docu-stats-even flex-up-asr remove-my-library-mobile-button" >
16776                  <img src="https://www.archify.com/assets/img/svg/icon-bookmark-black.svg" >
16777                  Remove from My Library
16778                </div>
16779                </div>
16780                <div class="space-up-asr">
16781                <div 
16782                  data-tableid="942"
16783                  data-actionid="18"
16784                  data-recordid="${idproduct}" 
16785                  data-recordname="${sanitizeInput(idname)}"
16786                  data-companyid="${brand_id}"
16787                  class="piwik_ignore docu-stats-even flex-up-asr add-design-folder-mobile-button">
16788                  <img src="https://www.archify.com/assets/img/svg/icon-folder-black.svg">Save to Design Folder
16789                </div>
16790                </div>
16791                <div class="space-up-asr">
16792                  <div class="flex-up-asr add-comparation">
16793                      <img src="https://www.archify.com/assets/img/svg/compare-white-black2.svg">Comparation
16794                  </div>
16795                </div>
16796              `);
16797              } else {
16798                $("#asr-option .body-mob").append(`                
16799                <div class="space-up-asr add-mob-mylibrary-">
16800                  <div
16801                    data-tableid="942"
16802                    data-actionid="18"
16803                    data-recordid="${idproduct}" 
16804                    data-recordname="${sanitizeInput(idname)}"
16805                    data-companyid="${brand_id}"
16806                    class="piwik_ignore docu-stats-even flex-up-asr add-my-library-mobile-button">
16807                    <img src="https://www.archify.com/assets/img/svg/icon-bookmark-black.svg" >Add to My Library
16808                  </div>
16809                </div>
16810                <div class="space-up-asr">
16811                  <div
16812                    data-tableid="942"
16813                    data-actionid="18"
16814                    data-recordid="${idproduct}" 
16815                    data-recordname="${sanitizeInput(idname)}"
16816                    data-companyid="${brand_id}"
16817                    class="piwik_ignore docu-stats-even flex-up-asr add-design-folder-mobile-button">
16818                    <img src="https://www.archify.com/assets/img/svg/icon-folder-black.svg">Save to Design Folder
16819                  </div>
16820                </div>
16821                <div class="space-up-asr">
16822                  <div class="flex-up-asr add-comparation">
16823                      <img src="https://www.archify.com/assets/img/svg/compare-white-black2.svg">Comparation
16824                  </div>
16825                </div>
16826              `);
16827              }
16828
16829              $("#asr-option .flex-up-asr.add-my-library-mobile-button").unbind("click");
16830              $("#asr-option .flex-up-asr.add-my-library-mobile-button").click(function() {
16831                closeMobileAsrOption();
16832                save_mylibrary('' + idproduct + '');
16833              });
16834
16835              $("#asr-option .flex-up-asr.remove-my-library-mobile-button").unbind("click");
16836              $("#asr-option .flex-up-asr.remove-my-library-mobile-button").click(function() {
16837                closeMobileAsrOption();
16838                delete_mylibrary('' + idproduct + '');
16839              });
16840
16841              $("#asr-option .flex-up-asr.add-design-folder-mobile-button").unbind("click");
16842              $("#asr-option .flex-up-asr.add-design-folder-mobile-button").click(function() {
16843                closeMobileAsrOption();
16844                new_add_inspiration('' + idproduct + '', '' + idimage + '');
16845              });
16846
16847              $(".add-comparation").unbind("click");
16848              $(".add-comparation").click(function() {
16849                closeMobileAsrOption();
16850                if ($(".bottom-com").hasClass("sized")) {
16851                  $(".bottom-com").removeClass("sized");
16852                  $(".hide-bottomcom").children('.fa').toggleClass('fa-chevron-down fa-chevron-up');
16853                };
16854                new_comparation(`${idproduct}`, `${idimage}`, `${idname}`, `${idbrand}`);
16855              });
16856
16857              $('.popup-shade-mobile-asr').fadeIn();
16858              $("#asr-option").toggleClass("show-mobile");
16859
16860            });
16861
16862            totalItems += 1;
16863
16864            if (totalItems == jsonx.length) {
16865              if (end) {
16866                $(".button-load-more-area .load-more-button").css("display", "none");
16867
16868                if (page == 1) {
16869                  $("#page-1").hide();
16870                  $(".button-load-more-area .skeleton-wrapper").fadeOut(function() {
16871                    $("#page-1").show();
16872                    $("#page-1 .product-item").css("transition", "opacity 1s easeIn");
16873                    $("#page-1 .product-item").css("opacity", "1");
16874                  });
16875                } else {
16876                  $(".button-load-more-area .skeleton-wrapper").css("display", "none");
16877                }
16878              } else {
16879                if (loaded_data > 1 && totalDataLoaded < totalListBrandData) {
16880                  $(".button-load-more-area .load-more-button").css("display", "none");
16881                } else {
16882                  $(".button-load-more-area .load-more-button").css("display", "block");
16883                }
16884                if (page == 1) {
16885                  $("#page-1").hide();
16886                  $(".button-load-more-area .skeleton-wrapper").fadeOut(function() {
16887                    $("#page-1").show();
16888                    $("#page-1 .product-item").css("transition", "opacity 1s easeIn");
16889                    $("#page-1 .product-item").css("opacity", "1");
16890                  });
16891                } else {
16892                  $(".button-load-more-area .skeleton-wrapper").css("display", "none");
16893                }
16894              }
16895
16896
16897              getVisible();
16898              // if ($('.button-load-more-area').is(':appeared')) {
16899              //   setTimeout(function(){
16900              //     //do something special
16901              //     $(".load-more-button").click();
16902              //   }, 100);
16903              // }
16904
16905              $("#paginationBox #pagination .page-link.temporary").remove();
16906              $("#paginationBox #pagination .page-link.current").removeClass("current");
16907              $('#paginationBox #pagination').append('\
16908                  <li class="page-item"><a href="#page-' + page + '" class="page-link current"><h6>' + page + '</h6></a></li>\
16909                  <li class="page-item"><a href="#" class="page-link temporary" style="cursor: pointer; opacity: 0.3;"><h6>Next</h6></a></li>\
16910                ');
16911
16912              $("#paginationBox #pagination .page-link.temporary h6").unbind("click");
16913              $("#paginationBox #pagination .page-link.temporary h6").click(function(e) {
16914                e.preventDefault();
16915                $(".load-more-button").click();
16916                // console.log("1");
16917              });
16918
16919              if (page == 1) {
16920                $("#paginationBox").css("display", "none");
16921              } else {
16922                // $("#paginationBox").css("display", "block");
16923              }
16924
16925              if (end) {
16926                $("#paginationBox #pagination .page-link.temporary").css("display", "none");
16927              }
16928
16929
16930              $('#paginationBox #pagination a[href^="#"]').unbind("click");
16931              $('#paginationBox #pagination a[href^="#"]').on('click', function(e) {
16932                e.preventDefault();
16933                $(document).off("scroll", onScroll);
16934                $('#paginationBox #pagination a').each(function() {
16935                  $(this).removeClass('active');
16936                })
16937                $(this).addClass('active');
16938                var target = this.hash,
16939                  menu = target;
16940                $target = $(target);
16941                currenthashval = target;
16942                var topOffset = 170;
16943                if (target == "#page-1") {
16944                  topOffset = 300;
16945                }
16946                if (target != "") {
16947                  $('html, body').animate({
16948                    scrollTop: $target.offset().top - topOffset
16949                  }, 200, 'swing', function() {
16950                    // window.location.hash = target;
16951                    $(document).on("scroll", onScroll);
16952                  });
16953                }
16954              });
16955
16956              page = page + 1;
16957
16958              getVisible();
16959
16960              loadmore_products_in_progress = false;
16961
16962            }
16963          });
16964
16965          // set drawing file counter
16966          const dataTemp = JSON.parse(data);
16967          const bimFileCounterList = dataTemp?.total_bim_objects;
16968          const cadFileCounterList = dataTemp?.total_cad_files;
16969          const otherFileCounterList = dataTemp?.total_other_files;
16970
16971          // loop and apply data counting
16972          // Bim File
16973          Object.entries(bimFileCounterList).forEach(([key, value]) => {
16974            $(`.bim-file-count-text-${key}`).html(`(${value ? Number(value)?.toLocaleString("en-US") : 0})`);
16975          });
16976
16977          // Cad File
16978          Object.entries(cadFileCounterList).forEach(([key, value]) => {
16979            $(`.cad-file-count-text-${key}`).html(`(${value ? Number(value)?.toLocaleString("en-US") : 0})`);
16980          });
16981
16982          // Other File
16983          Object.entries(otherFileCounterList).forEach(([key, value]) => {
16984            $(`.other-file-count-text-${key}`).html(`(${value ? Number(value)?.toLocaleString("en-US") : 0})`);
16985          });
16986
16987        }).fail(function() {
16988          loadmore_products_in_progress = false;
16989          // $(".loading-css-animation").hide();
16990          // $(".top-title span.count").show();
16991          // $(".top-title span.text").show();
16992        });
16993      } else {
16994        getVisible();
16995        let scrollPosition = $(document).scrollTop();
16996        $(window).scrollTop(scrollPosition);
16997        $(".button-load-more-area .skeleton-wrapper").css("display", "none");
16998        $(".brand-container").append('<h5>please choose country on the Filter by country</h5>');
16999        remake_count_product(0);
17000        $(".loading-css-animation").hide();
17001        $(".top-title span.count").show();
17002        loadmore_products_in_progress = false;
17003      }
17004
17005
17006    }, 500);
17007
17008
17009  });
17010
17011
17012  function abcd() {
17013    $(".brand-container").html("");
17014    page = 1;
17015    reloadDataProducts = true;
17016    $(".load-more-button").click();
17017    // console.log("2");
17018  }
17019
17020  function racikan_filter(datax) {
17021    //console.log("goal");
17022    //console.log(datax);
17023    // alert("dads");
17024    abcd();
17025  }
17026
17027  //smoothscroll
17028  var currenthashval = "";
17029
17030  function onScroll(event) {
17031    var scrollPos = $(document).scrollTop();
17032    ////console.log(scrollPos);
17033    $('#paginationBox #pagination a:not(.temporary)').each(function() {
17034      var currLink = $(this);
17035      var refElement = $(currLink.attr("href"));
17036      var offset = 150;
17037      if (refElement.position().top <= (scrollPos + offset) && refElement.position().top + refElement.height() > (scrollPos + offset)) {
17038        // alert(currLink.attr("href"));
17039        // var hashval =  currLink.attr("href");
17040        // if (currenthashval != hashval) {
17041        // 	currenthashval = hashval;
17042        // 	history.pushState({}, '', currenthashval);
17043        // }
17044      }
17045    });
17046  }
17047  /*  $(document).on("scroll", onScroll);
17048   //detect back button from browser
17049   if (window.history && window.history.pushState) {
17050
17051     $(window).on('popstate', function() {
17052       if (window.location.hash) {
17053         $(document).off("scroll", onScroll);
17054         $target = $(window.location.hash);
17055         currenthashval = window.location.hash;
17056         var topOffset = 150;
17057         $('html, body').animate({
17058           scrollTop: $target.offset().top - topOffset
17059         }, 1000, 'swing', function() {
17060           // window.location.hash = target;
17061           $(document).on("scroll", onScroll);
17062         });
17063       }
17064     });
17065   } */
17066</script>
17066
17067
17068<!-- 
17068<script src="https://www.archify.com/assets/product/third-party/jquery.appear/jquery.appear.js" type="text/javascript"></script>
17068 -->
17069<script>
17070  // $('.button-load-more-area').appear(); // It supports optional hash with "force_process" and "interval" keys. Check source code for details.
17071  // $('.button-load-more-area').on('appear', function(event, $all_appeared_elements) {
17072  //     // this element is now inside browser viewport
17073  //     setTimeout(function(){
17074  //       //do something special
17075  //       $(".load-more-button").click();
17076  //     }, 100);
17077  // });
17078  // if ($('.button-load-more-area').is(':appeared')) {
17079  //   setTimeout(function(){
17080  //     //do something special
17081  //     $(".load-more-button").click();
17082  //   }, 100);
17083  // }
17084</script>
vendor: 1 bytes, line 17084
17084
17085<script>
17086  let materialOriginTimeout;
17087  const checkMaterialOrigin = () => {
17088    // $(".check-country_mnf").unbind("click");
17089    $(".select-material-origin").on("change", (e) => {
17090      $(".select-material-origin").val($(e.target).val()).trigger("change.select2");
17091      materialOriginTimeout = setTimeout(() => {
17092        remake_url(1);
17093      }, 500);
17094    });
17095  }
17096</script>
vendor: 1 bytes, line 17096
17096
17097<script>
17098  $(document).ready(function() {
17099    $(".sel-").click();
17100    $(".cat-").click();
17101
17102    $(".load-more-button").click();
17103    // console.log("3");
17104
17105    checkdrawingaction();
17106    checkcountryaction();
17107    checkMaterialOrigin();
17108  });
17109</script>
17109
17110
17111<script>
17112  $("#catalog-home-page.search-brand .main-content .left-area .left-filter .filter-collapse-title .hovered-content .category-content .column-wrapper table td .content ul li a").click(function(e) {
17113    // e.preventDefault();
17114  });
17115
17116  function search_from_sidebar(category_slug) {
17117    if (category_slug == undefined) {
17118      category_slug = "all-category";
17119    }
17120    var section_select = $(".filter-collapse-title.find-by").attr("value");
17121    var category_select = category_slug;
17122    var location_select = $(".filter-collapse-title.find-location").attr("value");
17123
17124    var strings = "https://www.archify.com/../au/product/search/" + section_select + "/" + category_select + "/" + location_select; //+$("#searchBox").val();
17125    window.location.href = strings;
17126  }
17127
17128  
17129  function apply_from_sidebar() {
17130    var section_select = $(".filter-collapse-title.find-by").attr("value");
17131    var category_select = "all-category";
17132    var location_select = $(".filter-collapse-title.find-location").attr("value");
17133
17134    var strings = "https://www.archify.com/../au/product/search/" + section_select + "/" + category_select + "/" + location_select; //+$("#searchBox").val();
17135    window.location.href = strings;
17136  }
17137
17138  function search_p() {
17139    var section_select = $("#small_section").attr("value");
17140    var category_select = $("#small_category").attr("value");
17141    var location_select = $("#location_filter").attr("value");
17142
17143    var strings = "https://www.archify.com/../au/product/search/" + section_select + "/" + category_select + "/" + location_select; //+$("#searchBox").val();
17144    window.location.href = strings;
17145  }
17146
17147  function search_p_mobile() {
17148    var section_select = $(".selected").attr("value");
17149    var category_select = $(".categorySelectBox").attr("value");
17150    var location_select = $(".locationSelectBox").attr("value");
17151
17152    var strings = "https://www.archify.com/../au/product/search/" + section_select + "/" + category_select + "/" + location_select; //+$("#searchBox").val();
17153    window.location.href = strings;
17154  }
17155</script>
17155
17156
17157
17158<!-- Default Value For Search Dropdown -->
17159<script>
17160  $(document).ready(function() {
17161    // Find By
17162    $(".select-box-search-by").attr("value", "products");
17163    $(".select-box-search-by").attr("name", "Products");
17164    $(".select-box-search-by").html('\
17165    Products <i class="fa fa-angle-down" aria-hidden="true"></i>\
17166  ');
17167
17168        $("#head_category").html("All Categories");
17169    $(".select-box-filter-by").attr("value", "all-category");
17170    $(".select-box-filter-by").attr("name", "All Categories");
17171    $(".select-box-filter-by").html('\
17172    All Categories <i class="fa fa-angle-down" aria-hidden="true"></i>\
17173  ');
17174
17175  });
17176</script>
17176
17177
17178<script>
17179  var is_login = 0;
17180</script>
17180
17181
17182
17183<style>
17184  @media (max-width: 768px) {
17185
17186    .main-button {
17187      min-width: 93px !important;
17188    }
17189
17190    .col50 {
17191      width: 100%;
17192      float: none;
17193    }
17194
17195    .data-ipt {
17196      font-size: 12px;
17197    }
17198
17199    .title-rwj {
17200      font-size: 14px;
17201    }
17202
17203    .tabsgcc .menu-ly {}
17204
17205    .tab-content-gcc {
17206      padding: 10px;
17207    }
17208
17209    img.icon-acc {
17210      display: none;
17211    }
17212
17213    #newFooter {
17214      display: none;
17215    }
17216
17217    #catalog-home-page.search-brand {
17218      padding-bottom: 0px;
17219      margin-bottom: 0px;
17220    }
17221  }
17222
17223  .search-area .ps.ps--active-x>.ps__scrollbar-x-rail,
17224  .ps.ps--active-y>.ps__scrollbar-y-rail {
17225    display: block;
17226    background-color: #fff;
17227    border-left: 1px solid #e5e5e5 !important;
17228    opacity: 1;
17229  }
17230
17231  .search-area .ps>.ps__scrollbar-y-rail>.ps__scrollbar-y {
17232    background-color: #e5e5e5;
17233    width: 5px !important;
17234  }
17235
17236  .search-area .ps>.ps__scrollbar-y-rail {
17237    display: block;
17238    background-color: #fff;
17239    border-left: 1px solid #e5e5e5 !important;
17240    opacity: 1;
17241    height: 310px !important;
17242    width: 10px;
17243  }
17244
17245  .search-area .ps>.ps__scrollbar-y-rail>.ps__scrollbar-y {
17246    min-height: 50px;
17247  }
17248
17249  /*
17250.left-area .ps.ps--active-x>.ps__scrollbar-x-rail, .ps.ps--active-y>.ps__scrollbar-y-rail{
17251  display: block;
17252  background-color: #fff;
17253  opacity: 1;
17254}
17255.left-area .ps>.ps__scrollbar-y-rail>.ps__scrollbar-y {
17256  background-color: #e5e5e5;
17257  width: 5px !important;
17258}
17259.left-area .ps>.ps__scrollbar-y-rail{
17260  width: 10px;
17261}
17262.left-area .ps>.ps__scrollbar-y-rail{
17263  display: block;
17264  background-color: #fff;
17265  border-left: 1px solid #e5e5e5 !important;
17266  opacity: 1;
17267  height: 300px !important;
17268  width: 10px;
17269}
17270.left-area .ps>.ps__scrollbar-y-rail>.ps__scrollbar-y {
17271  min-height: 50px;
17272}
17273.left-filter .ps.ps--active-x>.ps__scrollbar-x-rail, .ps.ps--active-y>.ps__scrollbar-y-rail{
17274  display: block;
17275  background-color: #fff;
17276  opacity: 1;
17277}
17278.left-filter .ps>.ps__scrollbar-y-rail>.ps__scrollbar-y {
17279  background-color: #e5e5e5;
17280  width: 5px !important;
17281}
17282.left-filter .ps>.ps__scrollbar-y-rail{
17283  width: 10px;
17284}
17285.left-filter .ps>.ps__scrollbar-y-rail{
17286  display: block;
17287  background-color: #fff;
17288  border-left: 1px solid #e5e5e5 !important;
17289  opacity: 1;
17290  height: 300px !important;
17291  width: 10px;
17292}
17293.left-filter .ps>.ps__scrollbar-y-rail>.ps__scrollbar-y {
17294  min-height: 50px;
17295} */
17296  .left-filter #brandList>div.ps__scrollbar-y-rail {
17297    height: 400px !important;
17298    border: 0px !important;
17299  }
17300
17301  .left-filter #brandList>div.ps__scrollbar-y-rail>div {
17302    /* height:auto !important; */
17303    min-height: 0px;
17304  }
17305
17306
17307  #brandList::-webkit-scrollbar {
17308    width: 5px;
17309  }
17310
17311  /* Track */
17312  #brandList::-webkit-scrollbar-track {
17313    background: #f1f1f1;
17314  }
17315
17316  /* Handle */
17317  #brandList::-webkit-scrollbar-thumb {
17318    background: #888;
17319  }
17320
17321  /* Handle on hover */
17322  #brandList::-webkit-scrollbar-thumb:hover {
17323    background: #555;
17324  }
17325</style>
17326<script>
17327  $(document).ready(function() {
17328    $('.search-area ul li ul.filter-by > li > ul > li').mouseenter(function() {
17329      var currentChild = $(this).find("> ul");
17330      var currentHeight = currentChild.outerHeight();
17331      if (currentHeight <= 312) {
17332        currentChild.find(".ps__scrollbar-y-rail").css("display", "none");
17333      } else {
17334        currentChild.css("max-height", "313px");
17335      }
17336    });
17337
17338    $('.search-area ul li ul.filter-by > li > ul.short').find(".ps__scrollbar-y-rail").css("display", "none");
17339
17340    $('.left-area .filter-collapse-title.hover').mouseenter(function() {
17341      $(".right-area .filter-collapse-title.click .category").removeClass("show");
17342      $(".right-area .filter-collapse-title.click .category").css("display", "none");
17343    });
17344  });
17345</script>
17345
17346
17347
17348<!-- Search Filter Brand -->
17349<script>
17350  function filterBrandSearch() {
17351    // Declare variables
17352    var input, filter, ul, li, a, i;
17353    input = document.getElementById('filterBrand');
17354    filter = input.value.toUpperCase();
17355    ul = document.getElementById("brandList");
17356    li = ul.getElementsByTagName('li');
17357
17358    // Loop through all list items, and hide those who don't match the search query
17359    for (i = 0; i < li.length; i++) {
17360      a = li[i].getElementsByTagName("h5")[0];
17361      if (a.innerHTML.toUpperCase().indexOf(filter) > -1) {
17362        li[i].style.display = "";
17363      } else {
17364        li[i].style.display = "none";
17365      }
17366    }
17367  }
17368
17369
17370
17371  $("#brandList > li > div > span > h5").click(function() {
17372    $(this).parent().parent().find('input[type=checkbox]').prop("checked", !$(this).parent().parent().find('input[type=checkbox]').prop("checked"));
17373  });
17374  $("#MobilebrandList > li > div > span > h5").click(function() {
17375    $(this).parent().parent().find('input[type=checkbox]').prop("checked", !$(this).parent().parent().find('input[type=checkbox]').prop("checked"));
17376  });
17377</script>
17377
17378
17379
17380<script>
17381  (function(d, s, id) {
17382    var js, fjs = d.getElementsByTagName(s)[0];
17383    if (d.getElementById(id)) return;
17384    js = d.createElement(s);
17385    js.id = id;
17386    js.src = "//connect.facebook.net/en_US/sdk.js";
17387    fjs.parentNode.insertBefore(js, fjs);
17388  }(document, 'script', 'facebook-jssdk'));
17389
17390  window.fbAsyncInit = function() {
17391    FB.init({
17392      appId: '1001626029887223',
17393      cookie: true,
17394      xfbml: false,
17395      version: 'v2.12'
17396    });
17397
17398    FB.getLoginStatus(function(response) {
17399      statusChangeCallback(response);
17400    });
17401  };
17402
17403
17404
17405  // This is called with the results from from FB.getLoginStatus().
17406  function statusChangeCallback(response) {
17407    // //console.log(response);
17408    // if (response.status === 'connected') {
17409    //     // Logged into your app and Facebook.
17410    //     // we need to hide FB login button
17411    //     $('#fblogin').hide();
17412    //     //fetch data from facebook
17413    //     getUserInfo();
17414    // } else if (response.status === 'not_authorized') {
17415    //     // The person is logged into Facebook, but not your app.
17416    //     $('#status').html('Please log into this app.');
17417    // } else {
17418    //     // The person is not logged into Facebook, so we're not sure if
17419    //     // they are logged into this app or not.
17420    //     $('#status').html('Please log into facebook');
17421    // }
17422  }
17423
17424  function checkLoginState() {
17425    FB.getLoginStatus(function(response) {
17426      statusChangeCallback(response);
17427    });
17428  }
17429
17430  function FBLogin() {
17431    FB.login(function(response) {
17432      if (response.authResponse) {
17433        getUserInfo(); //Get User Information.
17434      } else {
17435        callNotification("Authorization failed");
17436        // alert('Authorization failed.');
17437      }
17438    }, {
17439      scope: 'email,public_profile'
17440    });
17441  }
17442
17443  var getUserInfoAjax = "";
17444
17445  function getUserInfo() {
17446    ////console.log(FB.getAuthResponse()['accessToken']);
17447    if (getUserInfoAjax) {
17448      getUserInfoAjax.abort();
17449    }
17450    getUserInfoAjax = $.post("https://www.archify.com/login/fb_connect_web/", {
17451      'session': FB.getAuthResponse()['accessToken']
17452    }, function(result) {
17453      if (result == "success") {
17454        navbar_reload();
17455        $('#loginModal').modal('hide');
17456        is_login = 1;
17457      } else {
17458        // alert("invalid login");
17459        callNotification("Invalid Login");
17460      }
17461    })
17462  }
17463</script>
17463
17464
17465<script>
17466  // function login_email(){
17467  //   $.post('https://www.archify.com/login', $('#formLogin').serialize(), function(data) {
17468  //
17469  //       if(data=="success"){
17470  //
17471  //
17472  //         $('#loginModal').modal('hide');
17473  //         navbar_reload();
17474  //         is_login=1;
17475  //       }
17476  //
17477  //       if(data=="invalid"){
17478  //         // alert("invalid email or password");
17479  //         // callNotification("Invalid email or password");
17480  //         callNotificationAlert('Your email or password is incorrect. please try again');
17481  //       }
17482  //
17483  //   });
17484  // }
17485</script>
17485
17486
17487<script>
17488  // function navbar_reload(){
17489  //     $.get( "https://www.archify.com/tools/navbar", function(data){
17490  //         $("#bluprin_navbar").html(data);
17491  //     });
17492  // }
17493</script>
17493
17494
17495<script>
17496  var brandListData;
17497  var isBrandListDataReady = false;
17498  var search_from_url = new URLSearchParams(window.location.search);
17499  search_from_url = search_from_url.get('search');
17500  // $(".more-filter").hide();
17501
17502  function apply_brand() {
17503    //alert("aas");
17504    remake_url(2);
17505    $("body").removeClass("modal-open");
17506    // $("#catalog-home-page.search-brand #new-sidebar-product-category").removeClass("show");
17507    $("#catalog-home-page.search-brand #new-sidebar-product-category").removeClass("show-mobile");
17508    $("#catalog-home-page.search-brand #new-sidebar-brand-list").removeClass("show");
17509    // $("#catalog-home-page.search-brand .main-content.new").addClass("full-width");
17510    $("#toggleCategoryButton").removeClass("clicked");
17511    $("#toggleCategoryButtonMobile").removeClass("clicked");
17512    $("#bg-menu-mobile-transparent").fadeOut();
17513  }
17514
17515  $(document).ready(function() {
17516    $(window).scrollTop(0);
17517    $(".sidebar").on('change', function() {
17518      remake_url(1);
17519    });
17520
17521    if ($(window).width() > 992) {
17522      // $("#toggleCategoryButton").click();
17523    }
17524  });
17525
17526
17527
17528  function remake_url(typex, category_product, sort_by, xsidebarshow = true) {
17529    if (category_product == undefined) {
17530      category_product = "";
17531    }
17532    if (sort_by == undefined) {
17533      sort_by = "";
17534    }
17535    // console.log(typex);
17536
17537    let xsidebar = [];
17538    let xCountries = [];
17539    let xKeyword = "";
17540
17541    if (typex == 1 || typex == 4 || typex == 'countries' || typex == 'keyword') {
17542      xsidebar = [];
17543      $(".form-check-input.sidebar_mobile").prop('checked', false);
17544      $("#MobilebrandList .sidebar_brand").removeClass('checked');
17545      $("input.sidebar:checkbox:checked").each(function() {
17546        xsidebar.push($(this).val());
17547        if ($(this).is(':checked')) {
17548          $("#" + $(this).val() + "-mobile").prop('checked', true);
17549          $("#" + $(this).val() + "-mobile").parent().find('.sidebar_brand').addClass('checked');
17550        }
17551      });
17552      $("input.check-mnf:checkbox:checked").each(function() {
17553        xsidebar.push($(this).val());
17554        if ($(this).is(':checked')) {
17555          $("#" + $(this).val() + "-mobile").prop('checked', true);
17556          $("#" + $(this).val() + "-mobile").parent().find('.sidebar_brand').addClass('checked');
17557        }
17558      });
17559      // Countries Filter
17560      $("input.x-country-filter:checkbox:checked").each(function(idx, val) {
17561        if (!xCountries.find((x) => x == val.value)) {
17562          xCountries.push($(this).val());
17563        }
17564      });
17565
17566      // keyword
17567      xKeyword = $('.filter-keyword')?.val()?.trim() || "";
17568      xKeyword = encodeURIComponent(xKeyword);
17569      search_from_url = xKeyword;
17570    } else if (typex == 2) {
17571      xsidebar = [];
17572      $("input.sidebar").prop('checked', false);
17573      $("input.sidebar").parent().find("span h5").removeClass("checked");
17574      $("input.sidebar_mobile:checkbox:checked").each(function() {
17575        xsidebar.push($(this).val());
17576        if ($(this).is(':checked')) {
17577          $("#" + $(this).val() + "").prop('checked', true);
17578          $("#" + $(this).val() + "").parent().find("span h5").addClass("checked");
17579        }
17580      });
17581    } else if (typex == 3) {
17582      window.location.replace(window.location);
17583    }
17584
17585    // add validation no x sidebar
17586    if (!xsidebarshow) {
17587      xsidebar = [];
17588    }
17589
17590    if (typex == 1 || typex == 2 || typex == 4 || typex == 5 || typex == 6 || typex == 'countries' || typex == 'keyword') {
17591      $(".load-more-button").css("display", "none");
17592
17593      var category_slug = ""
17594      var segments = window.location.pathname.split('/');
17595
17596      var category_from_url = segments[3];
17597      //var city_from_url = segments[6];
17598
17599      if (category_from_url !== undefined) {
17600        category_slug = decodeURIComponent(category_from_url);
17601      } else {
17602        category_slug = "all-category";
17603      }
17604      if (category_from_url == "") {
17605        category_slug = "all-category";
17606      }
17607
17608      var sort_from_url = segments[5];
17609      if (sort_from_url !== undefined) {
17610        sort_from_url = decodeURIComponent(sort_from_url);
17611      } else {
17612        sort_from_url = "";
17613      }
17614      if (sort_from_url == "") {
17615        sort_from_url = "";
17616      }
17617
17618      if (category_product != "") {
17619        category_slug = category_product;
17620      }
17621
17622
17623      if (sort_by !== undefined) {
17624        sort_by = sort_by;
17625      } else {
17626        sort_by = sort_from_url;
17627      }
17628      if (sort_by == "") {
17629        sort_by = sort_from_url;
17630      }
17631      if (sort_by == "default") {
17632        sort_by = "";
17633      }
17634
17635      var strings = "https://www.archify.com/au/products/" + category_slug;
17636
17637      // remove duplicate
17638      xsidebar = xsidebar.reduce(((temp = [], val) => {
17639        if (
17640          !temp.find(x => {
17641            return x === val;
17642          })
17643        ) {
17644          temp.push(val);
17645        }
17646        return temp;
17647      }), []);
17648
17649      if (xsidebar.length == 0) {
17650
17651        if (sort_by != "") {
17652          strings += "/all/" + sort_by;
17653        }
17654
17655      } else {
17656        if (xsidebar.length > 0) strings += "/" + xsidebar.join("--");
17657        else strings += "/all";
17658
17659        strings += "/" + sort_by;
17660
17661      }
17662
17663      const searchParams = new URLSearchParams();
17664
17665      if (is_sustainable > 0) {
17666        searchParams.set("sustainable", "all");
17667      }
17668
17669      if (search_from_url != null) {
17670        search_from_url = decodeURIComponent(search_from_url);
17671      } else {
17672        search_from_url = "";
17673      }
17674      if (search_from_url == "") {
17675        search_from_url = "";
17676      }
17677
17678      if (search_from_url) {
17679        searchParams.set("search", search_from_url);
17680      }
17681
17682      if (xCountries?.length > 0) {
17683        searchParams.set("countries", xCountries.join("-"));
17684      }
17685
17686      // handle GGT Filter
17687
17688      if ($(`.checkbox-ggt-epd-certificate`).is(":checked")) {
17689        searchParams.set("isGlobalGreenTagCertificate", 1);
17690      }
17691      if ($(`.checkbox-ggt-epd`).is(":checked")) {
17692        searchParams.set("isGlobalGreenTagEpd", 1);
17693      }
17694
17695      history.pushState({}, '', `${strings}${searchParams.toString() ? `?${searchParams.toString()}` : ""}`);
17696      if (typex == 'countries') {
17697        remake_brand_list(category_from_url);
17698      }
17699      addTagsFilter3Reload();
17700
17701      reloadDataProducts = true;
17702
17703
17704      $(".load-more-button").click();
17705      // console.log("4");
17706
17707      setTimeout(function() {
17708        scrollCategoryList.recalculate();
17709      }, 500);
17710    }
17711
17712  }
17713
17714  //    deden
17715  function remake_breadcrumbs(category_slug, category_name, category_title, level3) {
17716    if (category_slug == undefined) {
17717      category_slug = "all-category";
17718    }
17719    if (category_name == undefined) {
17720      category_name = "All Categories";
17721    }
17722    if (category_title == undefined) {
17723      category_title = "All Categories";
17724    }
17725    if (level3 == undefined) {
17726      level3 = "";
17727    }
17728    $(".breadcrumbs").html('');
17729
17730    if (category_slug != "all-category") {
17731      if (category_name == "" && level3 == "") {
17732        $(".breadcrumbs").append('\
17733            <p><a href="#" value="all-category" class="bread_lv1" name="All Categories">All Categories</a></p>\
17734          ');
17735      } else {
17736        $(".breadcrumbs").append('\
17737            <p><a class="bread_lv1" href="#" value="all-category" name="All Categories">All Categories</a> / <a class="bread_lv2" href="#" value="' + category_slug + '" name="' + category_name + '">' + category_name + '</a> / <a class="bread_lv3" href="#" value="' + category_slug + '">' + level3 + '</a></p>\
17738          ');
17739      }
17740    }
17741
17742
17743    $(".top-title span.text").html('');
17744    $(".top-title span.text").append('\
17745      ' + category_title + '\
17746      ');
17747
17748    //mobile sidebar
17749    $(".breadcrumbs a.bread_lv1").unbind("click");
17750    $(".product_categories_mob").click(function(e) {
17751      e.preventDefault();
17752
17753      $(".form-check-input.sidebar").prop("checked", false);
17754      $(".form-check-input.sidebar").parent().find("span h5").removeClass("checked");
17755      $(".filter-tags").remove();
17756
17757      $("#new-sidebar-product-subcategory").removeClass("show");
17758      $("#new-sidebar-product-subsubcategory").removeClass("show");
17759
17760      $(link_select_category).removeClass("selected");
17761      $(this).addClass("selected");
17762
17763      remake_url(1, $(this).attr("value"));
17764      // remake_breadcrumbs($(this).attr("value"), "", $(this).attr("name"));
17765      $('.item-category-l1').remove();
17766      $('.item-category-l2').remove();
17767      $('.item-category-l3').remove();
17768      $('.breadcrumb-nav > span').append('\
17769        <span class="item-category-l1" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\
17770          /\
17771          <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + $(this).attr("value") + '" href="https://www.archify.com/au/products/' + $(this).attr("value") + '"><span itemprop="name">' + $(this).attr("name") + '</span></a>\
17772          <meta itemprop="position" content="3">\
17773        </span>\
17774        ');
17775      $(".top-title span.text").html('');
17776      $(".top-title span.text").append('\
17777        ' + $(this).attr("name") + '\
17778        ');
17779
17780      // console.log("remake9");
17781      remake_brand_list($(this).attr("value"));
17782
17783      // Remake Category Select Sidebar
17784      $("#catalog-home-page.search-brand #new-sidebar-product-category .product-category-item .panel-collapse .panel-body ul li a").removeClass("selected");
17785      $(".icon-accordion-plus").removeClass("hide").addClass("show");
17786      $(".icon-accordion-minus").removeClass("show").addClass("hide");
17787      $("#catalog-home-page.search-brand #new-sidebar-product-category .product-category-item .panel-collapse").removeClass("show");
17788
17789      var this_value = $(this).attr("value");
17790      /*  $("#catalog-home-page.search-brand #new-sidebar-product-category-mob .product-category-item .panel-collapse .panel-body ul").each(function() {
17791         if (this_value == $(this).attr("value")) {
17792           $(this).parent().parent().addClass("show");
17793           $(this).parent().parent().parent().find(".card-header.panel-heading .icon-accordion-plus").removeClass("show").addClass("hide");
17794           $(this).parent().parent().parent().find(".card-header.panel-heading .icon-accordion-minus").removeClass("hide").addClass("show");
17795           $(this).find("li:first-child a").addClass("selected");
17796         }
17797       }); */
17798    });
17799
17800    var link_select_category = ".ullevel1 li a";
17801    $(".breadcrumbs a.bread_lv1").unbind("click");
17802    $(".breadcrumbs a.bread_lv1").click(function(e) {
17803
17804      filter_datax.filtered = [];
17805      e.preventDefault();
17806
17807      $(".form-check-input.sidebar").prop("checked", false);
17808      $(".form-check-input.sidebar").parent().find("span h5").removeClass("checked");
17809      $(".filter-tags").remove();
17810
17811      $("#new-sidebar-product-subcategory").removeClass("show");
17812      $("#new-sidebar-product-subsubcategory").removeClass("show");
17813
17814      $(link_select_category).removeClass("selected");
17815      $(this).addClass("selected");
17816
17817      remake_url(1, $(this).attr("value"));
17818      // remake_breadcrumbs($(this).attr("value"), "", $(this).attr("name"));
17819      $('.item-category-l1').remove();
17820      $('.item-category-l2').remove();
17821      $('.item-category-l3').remove();
17822      $('.breadcrumb-nav > span').append('\
17823        <span class="item-category-l1" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\
17824          /\
17825          <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + $(this).attr("value") + '" href="https://www.archify.com/au/products/' + $(this).attr("value") + '"><span itemprop="name">' + $(this).attr("name") + '</span></a>\
17826          <meta itemprop="position" content="3">\
17827        </span>\
17828        ');
17829      $(".top-title span.text").html('');
17830      $(".top-title span.text").append('\
17831        ' + $(this).attr("name") + '\
17832        ');
17833
17834      // console.log("remake10");
17835      remake_brand_list($(this).attr("value"));
17836
17837      // Remake Category Select Sidebar
17838      $("#catalog-home-page.search-brand #new-sidebar-product-category .product-category-item .panel-collapse .panel-body ul li a").removeClass("selected");
17839      $(".icon-accordion-plus").removeClass("hide").addClass("show");
17840      $(".icon-accordion-minus").removeClass("show").addClass("hide");
17841      $("#catalog-home-page.search-brand #new-sidebar-product-category .product-category-item .panel-collapse").removeClass("show");
17842
17843      var this_value = $(this).attr("value");
17844      $("#catalog-home-page.search-brand #new-sidebar-product-category .product-category-item .panel-collapse .panel-body ul").each(function() {
17845        if (this_value == $(this).attr("value")) {
17846          $(this).parent().parent().addClass("show");
17847          $(this).parent().parent().parent().find(".card-header.panel-heading .icon-accordion-plus").removeClass("show").addClass("hide");
17848          $(this).parent().parent().parent().find(".card-header.panel-heading .icon-accordion-minus").removeClass("hide").addClass("show");
17849          $(this).find("li:first-child a").addClass("selected");
17850        }
17851      });
17852    });
17853
17854    $(".breadcrumbs a.bread_lv1").unbind("click");
17855    $(".breadcrumbs a.bread_lv2").click(function(e) {
17856      e.preventDefault();
17857
17858      $(".form-check-input.sidebar").prop("checked", false);
17859      $(".form-check-input.sidebar").parent().find("span h5").removeClass("checked");
17860      $(".filter-tags").remove();
17861
17862      remake_url(1, $(this).attr("value"));
17863      // remake_breadcrumbs($(this).attr("value"), "", $(this).attr("name"));
17864      $('.item-category-l1').remove();
17865      $('.item-category-l2').remove();
17866      $('.item-category-l3').remove();
17867      $('.breadcrumb-nav > span').append('\
17868        <span class="item-category-l1" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\
17869          /\
17870          <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + $(this).attr("value") + '" href="https://www.archify.com/au/products/' + $(this).attr("value") + '"><span itemprop="name">' + $(this).attr("name") + '</span></a>\
17871          <meta itemprop="position" content="3">\
17872        </span>\
17873        ');
17874      $(".top-title span.text").html('');
17875      $(".top-title span.text").append('\
17876        ' + $(this).attr("name") + '\
17877        ');
17878
17879      // console.log("remake11");
17880      remake_brand_list($(this).attr("value"));
17881
17882      $("#new-sidebar-product-subsubcategory").removeClass("show");
17883      // Remake Category Select Sidebar
17884      show_level2($(this).attr("value"), $(this).attr("name"));
17885    });
17886
17887    $(".breadcrumbs a.bread_lv3").unbind("click");
17888    $(".breadcrumbs a.bread_lv3").click(function(e) {
17889      e.preventDefault();
17890
17891      $(".form-check-input.sidebar").prop("checked", false);
17892      $(".form-check-input.sidebar").parent().find("span h5").removeClass("checked");
17893      $(".filter-tags").remove();
17894
17895      remake_url(1, $(this).attr("value"));
17896      // remake_breadcrumbs($(this).attr("value"), "", $(this).attr("name"));
17897      $('.item-category-l1').remove();
17898      $('.item-category-l2').remove();
17899      $('.item-category-l3').remove();
17900      $('.breadcrumb-nav > span').append('\
17901        <span class="item-category-l1" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\
17902          /\
17903          <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + $(this).attr("value") + '" href="https://www.archify.com/au/products/' + $(this).attr("value") + '"><span itemprop="name">' + $(this).attr("name") + '</span></a>\
17904          <meta itemprop="position" content="3">\
17905        </span>\
17906        ');
17907      $(".top-title span.text").html('');
17908      $(".top-title span.text").append('\
17909        ' + $(this).attr("name") + '\
17910        ');
17911
17912      // console.log("remake12");
17913      remake_brand_list($(this).attr("value"));
17914
17915      $("#new-sidebar-product-subsubcategory").removeClass("show");
17916
17917      var value_blv2 = $(".bread_lv2").attr("value");
17918      var name_blv2 = $(".bread_lv2").attr("name");
17919      // Remake Category Select Sidebar
17920      show_level2(value_blv2, name_blv2, $(this).attr("value"));
17921    });
17922
17923  }
17924
17925  function show_level2(value, name, infochild) {
17926        if (infochild == undefined) {
17927      $("#id-sublevel2 .body-togg-asr").hide();
17928      $("#id-sublevel2 .arrow-cio").html("<img src='https://www.archify.com/assets/img/svg/icon-accordion-plus.svg'>");
17929    }
17930    var activetoogle = $(".infochild-" + infochild);
17931    activetoogle.children(".arrow-cio").html("<img src='https://www.archify.com/assets/img/svg/icon-accordion-minus.svg'>");
17932    activetoogle.siblings(".body-togg-asr").show();
17933    $(".level2-" + value).show();
17934    $("#infolevel2").html(name);
17935    $("#infolevel2").attr("value", value);
17936    $("#new-sidebar-product-subcategory").addClass("show");
17937    $("#new-sidebar-product-category").removeClass("show");
17938    $(".onclick-subcategory li a").removeClass("selected");
17939    $("#listlevel2-" + infochild).find("li a").each(function() {
17940      if ($(this).attr("value") == infochild) {
17941        $(this).addClass("selected");
17942      }
17943    });
17944      };
17945
17946  let showLevel3Timeout;
17947
17948  function show_level3(value, name, breadcrumb_lv3) {
17949    if (showLevel3Timeout) {
17950      clearTimeout(showLevel3Timeout);
17951    }
17952
17953    showLevel3Timeout = setTimeout(() => {
17954      $("#infolevel3").html(name);
17955      $("#infolevel3slug").html(value);
17956      //  console.log(value, name, breadcrumb_lv3);
17957
17958      if (getMenuFilterL3Ajax) {
17959        getMenuFilterL3Ajax.abort();
17960      }
17961      getMenuFilterL3Ajax = $.ajax({
17962        url: 'https://www.archify.com/au/gpost/products/menu_filter_l3/' + value,
17963        dataType: 'json',
17964        async: true,
17965        beforeSend: function() {
17966
17967        }
17968      }).done(function(datax) {
17969        //            //console.log(datax);
17970        remake_filter_l3(datax, value);
17971
17972        $("#new-sidebar-product-subsubcategory").addClass("show");
17973        // $("#new-sidebar-product-subsubcategory").attr('val', value);
17974        if (datax.length == 0) {
17975          $(".more-filter").hide();
17976        } else {
17977          $(".more-filter").show();
17978        }
17979
17980        $(".more-filter.secondary-button").show();
17981      });
17982
17983      // $("#new-sidebar-product-subsubcategory").addClass("show");
17984      var text_lv2 = $('#infolevel2').text();
17985      var slug_lv2 = $('#infolevel2').attr('value');
17986      remake_breadcrumbs(slug_lv2, text_lv2, name, breadcrumb_lv3);
17987    })
17988  };
17989
17990  function show_level3_1child(value, name, breadcrumb_lv3) {
17991    $("#infolevel3").html(name);
17992    $("#infolevel3slug").html(value);
17993    //  console.log(value, name, breadcrumb_lv3);
17994
17995    if (getMenuFilterL3Ajax) {
17996      getMenuFilterL3Ajax.abort();
17997    }
17998    getMenuFilterL3Ajax = $.ajax({
17999      url: 'https://www.archify.com/au/gpost/products/menu_filter_l3/' + value,
18000      dataType: 'json',
18001      async: true,
18002      beforeSend: function() {
18003
18004      }
18005    }).done(function(datax) {
18006      //            //console.log(datax);
18007      // if(count_child == 1){
18008      remake_filter_l3(datax, value);
18009      // }
18010
18011      $("#new-sidebar-product-subsubcategory").addClass("show");
18012      // $("#new-sidebar-product-subsubcategory").attr('val', value);
18013      if (datax.length == 0) {
18014        $(".more-filter").hide();
18015      } else {
18016        $(".more-filter").show();
18017      }
18018
18019      $(".more-filter.secondary-button").show();
18020    });
18021
18022    // $("#new-sidebar-product-subsubcategory").addClass("show");
18023    var text_lv2 = $('#infolevel2').text();
18024    var slug_lv2 = $('#infolevel2').attr('value');
18025    remake_breadcrumbs(slug_lv2, text_lv2, name, breadcrumb_lv3)
18026  };
18027
18028  function numberWithCommas(number) {
18029    var parts = number.toString().split(".");
18030    parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
18031    return parts.join(".");
18032  }
18033
18034  function removeCommas(str) {
18035    while (str.search(",") >= 0) {
18036      str = (str + "").replace(',', '');
18037    }
18038    return str;
18039  };
18040
18041  var count_child = 0;
18042
18043  function remake_filter_l3(data, value) {
18044    $("#remake_filter_l3").hide();
18045
18046    $.ajax({
18047
18048      url: 'https://www.archify.com/au/gpost/products/menu_products_solution_2/' + value,
18049      dataType: 'json',
18050      async: true,
18051      beforeSend: function() {
18052
18053      }
18054    }).done(function(data_df) {
18055      // console.log(data_df);
18056
18057      var d_html = "<ul class='list-spec onclick-solution ullevel3'>";
18058      var clear_filter = 0;
18059
18060      $.each(data_df, function(i, item) {
18061
18062        var segments = window.location.pathname.split('/');
18063        var lv3 = segments[3];
18064        var selectedAll3 = "";
18065        $("#seo_h1").html(item.seo_h1);
18066        if (lv3 === item.slug) {
18067          selectedAll3 = "selected";
18068        } else {
18069          selectedAll3 = "";
18070        }
18071        var hideAll3 = "display:none;";
18072        if (item.child.length > 1) {
18073          hideAll3 = "";
18074        }
18075        d_html += '<li><a href="' + item.slug + '" style="' + hideAll3 + '" class="listlevel3 ' + selectedAll3 + '" status="parent" value="' + item.slug + '" name="' + item.name + '" onclick="event.preventDefault()">All ' + item.name + '<a/></li>';
18076
18077        var selected3 = "";
18078        // console.log(lv3);
18079        $.each(item.child, function(ii, child) {
18080          count_child++;
18081
18082          // console.log(child.slug);
18083          if (lv3 === child.slug) {
18084            selected3 = "selected";
18085
18086            $("#seo_h1").html(child.seo_h1);
18087          } else {
18088            selected3 = "";
18089          }
18090
18091
18092          /* if (item.child.length == 1){
18093            // console.log("cuma 1");
18094            remake_url(1, child.slug);          
18095            remake_brand_list(child.slug);
18096            d_html += '<li><a href="'+child.slug+'"  class="listlevel3 selected" data-parent="'+item.slug+'" value="'+child.slug+'" name="'+child.name+'">'+child.name+'</a></li>';
18097            var bread_show ="";
18098            if(count_child > 1){
18099              bread_show = 'style="display:none;"';
18100            }
18101            $('.breadcrumb-nav > span').append('\
18102                  <span class="item-category-l3" '+bread_show+' itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\
18103                    /\
18104                    <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + child.slug + '" href="https://www.archify.com/au/products/' + child.slug + '"><span itemprop="name">' + child.name + '</span></a>\
18105                    <meta itemprop="position" content="5">\
18106                  </span>\
18107                  ');
18108            $(".top-title span.text").html('');
18109            $(".loading-css-animation").show();
18110            $(".top-title span.count").hide();
18111            $(".top-title span.text").append('\
18112                  ' + $(this).attr("seo_h1") + '\
18113                  ');
18114            if(count_child == 1){
18115              
18116              show_level3_1child(child.slug, child.name, child.slug);
18117              return false;
18118            }
18119            // if($("a.listlevel3").attr("status") !== "parent"){
18120              // console.log('masuk'+item.slug);
18121              // $("a[value='"+child.slug+"']").trigger("click");
18122            // }
18123          } else{ */
18124          d_html += '<li><a href="' + child.slug + '"  class="listlevel3 ' + selected3 + '" data-parent="' + item.slug + '" value="' + child.slug + '" name="' + child.name + '" onclick="event.preventDefault()">' + child.name + '</a></li>';
18125          // }
18126
18127        });
18128
18129
18130      });
18131      d_html += '</ul>';
18132      $("#id-sublevel3").html(d_html);
18133
18134
18135
18136    });
18137    var f_html = "";
18138
18139    if (data.length > 0) {
18140      $("#spec_fil").show();
18141      f_html += '<span class="draw-filter">Spec Filters</span>';
18142      // f_html += '<div class="info-back-filter fontchange submenu-mobile spec-updown spec-mob">Spec Filters</div>\
18143      //             <div class="arrow-cio arrow-mobile">\
18144      //               <img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg">\
18145      //             </div>\
18146      //           </div>\
18147      //           <div class="body-togg-asr ul-mob">';
18148    }
18149    var clear_filter = 0;
18150    $.each(data, function(i, item) {
18151      // if(item.shown == 1 && (item.detail.indexOf("Colour") === 1 || item.detail.indexOf("Material") === 1)){
18152      // if(item.shown == 1 && (item.detail.find(o => o.name === 'Colour') || item.detail.find(o => o.name === 'Material'))){
18153
18154      var item_title = item.title.replace(/ /g, '_').toLowerCase();
18155      // var countVisible = $('.'+item_title+':not([style*="display: none"])').length;
18156      // var countVisible = $('#'+item.title.replace(/ /g,"_").toLowerCase()+':not([style*="display: none"])').length;
18157      var hide_name = "";
18158      // console.log(item_title+countVisible);
18159      /*
18160        if(countVisible == 0){
18161          hide_name ="display:none;";
18162          // $("#remake_filter_l3 #"+item_title).hide();
18163        } */
18164      if (item.title == "Technical Specification" && item.shown == 0) {
18165        hide_name = "display:none;";
18166      }
18167      var shown3 = 0;
18168      $.each(item.detail, function(ii, detail) {
18169        if (detail.shown == 1 || item.title == "Dimension") {
18170          shown3++;
18171        }
18172      });
18173      if (shown3 == 0) {
18174        hide_name = "display:none;";
18175      }
18176      f_html += '<div class="name-spec" style="' + hide_name + '" >' + item.title + '</div>';
18177      f_html += '<div class="toggle-spec" style="' + hide_name + '">';
18178      clear_filter++;
18179      // }
18180
18181      $.each(item.detail, function(ii, detail) {
18182        //                    //console.log(detail.type_selection);
18183        if (detail.type_selection == "2") {
18184          var datadefault_from = parseInt(detail.value_min);
18185          var dataimperial_from = parseInt(detail.ratio_metric_imperial);
18186          if (dataimperial_from > 0) {
18187            if (Number.isInteger(dataimperial_from)) {
18188              var hasil_from = (datadefault_from * dataimperial_from);
18189            } else {
18190              var hasil_from = (datadefault_from * dataimperial_from).toFixed(2);
18191            }
18192          } else {
18193            var hasil_from = datadefault_from;
18194          }
18195
18196          var datadefault_to = parseFloat(detail.value_max);
18197          var dataimperial_to = parseFloat(detail.ratio_metric_imperial);
18198          if (dataimperial_to > 0) {
18199            if (Number.isInteger(dataimperial_to)) {
18200              var hasil_to = (datadefault_to * dataimperial_to);
18201            } else {
18202              var hasil_to = (datadefault_to * dataimperial_to).toFixed(2);
18203            }
18204          } else {
18205            var hasil_to = datadefault_to;
18206          }
18207          //                        //console.log(detail.name);
18208          //comma number
18209          $('input').keyup(function(event) {
18210            // console.log("keyup");
18211            // skip for arrow keys
18212            if (event.which >= 37 && event.which <= 40) return;
18213
18214            if ($.isNumeric($(this).val())) {
18215              // format number
18216              $(this).val(function(index, value) {
18217                return value.replace(/\D/g, "").replace(/\B(?=(\d{3})+(?!\d))/g, ",");
18218              });
18219            }
18220          });
18221          if (detail.name == "Colour" || detail.name == "Material" || detail.name == "Finish" || detail.name == "Type" || detail.name == "Application" || item.title == "Dimension") {
18222
18223            $("#remake_filter_l3").show();
18224            f_html += '\
18225                                    <div class="wrap-spec-toggle value-change id-toogle-' + detail.id + ' ' + item_title + '" data-id="' + detail.id + '" data-type="' + detail.type_selection + '" data-unit="' + detail.type_unit + '" data-parent-name="' + detail.name + '">\
18226                                          <div class="spec-updown head-remake-l3">' + detail.name + '<div class="arrow-cio arrow-remake-l3"><img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg"></div></div>\
18227                                          <div class="body-togg-asr body-remake-l3">\
18228                                              <div class="range-slider">\
18229                                                  <p class="slider-label-left"><span class="js-data-metric">' + numberWithCommas(detail.value_min) + '</span><span class="js-data-imperial">' + hasil_from + '</span></p>\
18230                                                  <p class="slider-label-right"><span class="js-data-metric">' + numberWithCommas(detail.value_max) + '</span><span class="js-data-imperial">' + hasil_to + '</span><span class="unit-metric">' + detail.unit_metric + '</span><span class="unit-imperial">' + detail.unit_imperial + '</span></p>\
18231                                                  <input type="text" value="" class="js-range-slider" data-min="' + detail.value_min + '" data-max="' + detail.value_max + '" data-unit="' + detail.unit_metric + '"/>\
18232                                              </div>\
18233                                              <div class="extra-controls" data-typeselection="2" data-id="' + detail.id + '" data-ratioimperial="' + detail.ratio_metric_imperial + '">\
18234                                                 <span>From</span>\
18235                                                  <input type="text" class="js-input-from form-control" max="' + detail.value_max + '"  value="' + numberWithCommas(detail.value_min) + '" />\
18236                                                  <span style="margin-left:10px;">To</span>\
18237                                                  <input type="text" class="js-input-to form-control" max="' + detail.value_max + '"  value="' + numberWithCommas(detail.value_max) + '" />\
18238                                                  <div class="clear"></div>\
18239                                              </div>\
18240                                              <div class="apply-btm">\
18241                                                <button type="button" name="button" style="display:none;" class="main-button apply-slider" data-type_selection="' + detail.type_selection + '" data-unit="' + detail.type_unit + '" data-name="' + detail.name + '" data-id="' + detail.id + '" data-max="' + detail.value_max + '" data-min="' + detail.value_min + '" style="width:100%;">Apply</button>\
18242                                              </div>\
18243                                          </div>\
18244                                          <div class="wrap-spec-val">\
18245                                              <div class="spec-value">' + detail.value_min + ' - ' + detail.value_max + '</div><div class="info-lab"><span class="unit-metric">' + detail.unit_metric + '</span><span class="unit-imperial">' + detail.unit_imperial + '</div>\
18246                                          </div>\
18247                                      </div>\
18248                                    ';
18249          } else if (detail.name == "Warranty") {
18250
18251            $("#remake_filter_l3").show();
18252            f_html += '\
18253                                    <div class="wrap-spec-toggle value-change id-toogle-' + detail.id + ' ' + item_title + '" data-id="' + detail.id + '" data-type="' + detail.type_selection + '" data-unit="' + detail.type_unit + '" data-parent-name="' + detail.name + '">\
18254                                          <div class="spec-updown head-remake-l3">' + detail.name + '<div class="arrow-cio arrow-remake-l3"><img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg"></div></div>\
18255                                          <div class="body-togg-asr body-remake-l3">\
18256                                              <div class="range-slider">\
18257                                                  <p class="slider-label-left"><span class="js-data-metric">' + numberWithCommas(detail.value_min) + '</span><span class="js-data-imperial">' + hasil_from + '</span></p>\
18258                                                  <p class="slider-label-right"><span class="js-data-metric">' + numberWithCommas(detail.value_max) + '</span><span class="js-data-imperial">' + hasil_to + '</span><span class="unit-metric">' + detail.unit_static + '</span><span class="unit-imperial">' + detail.unit_static + '</span></p>\
18259                                                  <input type="text" value="" class="js-range-slider" data-min="' + detail.value_min + '" data-max="' + detail.value_max + '" data-unit="' + detail.unit_static + '"/>\
18260                                              </div>\
18261                                              <div class="extra-controls" data-typeselection="2" data-id="' + detail.id + '" data-ratioimperial="' + detail.ratio_metric_imperial + '">\
18262                                                 <span>From</span>\
18263                                                  <input type="text" class="js-input-from form-control" max="' + detail.value_max + '"  value="' + numberWithCommas(detail.value_min) + '" />\
18264                                                  <span style="margin-left:10px;">To</span>\
18265                                                  <input type="text" class="js-input-to form-control" max="' + detail.value_max + '"  value="' + numberWithCommas(detail.value_max) + '" />\
18266                                                  <div class="clear"></div>\
18267                                              </div>\
18268                                              <div class="apply-btm">\
18269                                                <button type="button" name="button" style="display:none;" class="main-button apply-slider" data-type_selection="' + detail.type_selection + '" data-unit="' + detail.type_unit + '" data-name="' + detail.name + '" data-id="' + detail.id + '" data-max="' + detail.value_max + '" data-min="' + detail.value_min + '" style="width:100%;">Apply</button>\
18270                                              </div>\
18271                                          </div>\
18272                                          <div class="wrap-spec-val">\
18273                                              <div class="spec-value">' + detail.value_min + ' - ' + detail.value_max + '</div><div class="info-lab"><span class="unit-metric">' + detail.unit_static + '</span><span class="unit-imperial">' + detail.unit_static + '</div>\
18274                                          </div>\
18275                                      </div>\
18276                                    ';
18277          } else {
18278
18279            f_html += '\
18280                                    <div style="display:none;"class="wrap-spec-toggle value-change id-toogle-' + detail.id + ' ' + item_title + '" data-id="' + detail.id + '" data-type="' + detail.type_selection + '" data-unit="' + detail.type_unit + '" data-parent-name="' + detail.name + '">\
18281                                          <div class="spec-updown head-remake-l3">' + detail.name + '<div class="arrow-cio arrow-remake-l3"><img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg"></div></div>\
18282                                          <div class="body-togg-asr body-remake-l3">\
18283                                              <div class="range-slider">\
18284                                                  <p class="slider-label-left"><span class="js-data-metric">' + numberWithCommas(detail.value_min) + '</span><span class="js-data-imperial">' + hasil_from + '</span></p>\
18285                                                  <p class="slider-label-right"><span class="js-data-metric">' + numberWithCommas(detail.value_max) + '</span><span class="js-data-imperial">' + hasil_to + '</span><span class="unit-metric">' + detail.unit_metric + '</span><span class="unit-imperial">' + detail.unit_imperial + '</span></p>\
18286                                                  <input type="text" value="" class="js-range-slider" data-min="' + detail.value_min + '" data-max="' + detail.value_max + '" data-unit="' + detail.unit_metric + '"/>\
18287                                              </div>\
18288                                              <div class="extra-controls" data-typeselection="2" data-id="' + detail.id + '" data-ratioimperial="' + detail.ratio_metric_imperial + '">\
18289                                                 <span>From</span>\
18290                                                  <input type="text" class="js-input-from form-control" max="' + detail.value_max + '"  value="' + numberWithCommas(detail.value_min) + '" />\
18291                                                  <span style="margin-left:10px;">To</span>\
18292                                                  <input type="text" class="js-input-to form-control" max="' + detail.value_max + '"  value="' + numberWithCommas(detail.value_max) + '" />\
18293                                                  <div class="clear"></div>\
18294                                              </div>\
18295                                              <div class="apply-btm">\
18296                                                <button type="button" name="button" style="display:none;" class="main-button apply-slider" data-type_selection="' + detail.type_selection + '" data-unit="' + detail.type_unit + '" data-name="' + detail.name + '" data-id="' + detail.id + '" data-max="' + detail.value_max + '" data-min="' + detail.value_min + '" style="width:100%;">Apply</button>\
18297                                              </div>\
18298                                          </div>\
18299                                          <div class="wrap-spec-val">\
18300                                              <div class="spec-value">' + detail.value_min + ' - ' + detail.value_max + '</div><div class="info-lab"><span class="unit-metric">' + detail.unit_metric + '</span><span class="unit-imperial">' + detail.unit_imperial + '</div>\
18301                                          </div>\
18302                                      </div>\
18303                                    ';
18304
18305          }
18306
18307        } else {
18308          //checkbox
18309          if (detail.name == "Colour" || detail.name == "Material" || detail.name == "Finish" || detail.name == "Type" || detail.name == "Warranty" || detail.name == "Application" || item.title == "Dimension") {
18310            $("#remake_filter_l3").show();
18311            f_html += '\
18312                                    <div class="wrap-spec-toggle id-toogle-' + detail.id + ' ' + item_title + '" data-id="' + detail.id + '" data-type="' + detail.type_selection + '" data-unit="' + detail.type_unit + '" data-parent-name="' + detail.name + '">\
18313                                      <div class="spec-updown head-remake-l3">' + detail.name + '<div class="arrow-cio arrow-remake-l3"><img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg"></div></div>\
18314                                      <div class="body-togg-asr body-remake-l3">\
18315                                ';
18316
18317            ////console.log(detail.checkbox);
18318            $.each(detail.checkbox, function(iii, checkbox) {
18319              f_html += '<label class="asr-checkbox">\
18320                                          <span>' + checkbox + '</span>\
18321                                          <input type="checkbox" class="checkfilter check-' + detail.id + '" data-value="' + checkbox + '" data-id="' + detail.id + '" data-type="' + detail.type_selection + '" data-unit="' + detail.type_unit + '" data-name="' + checkbox + '" data-parent-name="' + detail.name + '">\
18322                                          <span class="asrlabel-checkbox"></span>\
18323                                        </label>';
18324            });
18325
18326            f_html += '<p class="view-more-checkbox-spec showmore" onclick="show_other_left(this, \'' + detail.id + '\',\'' + detail.name + '\',\'' + detail.type_unit + '\',\'' + detail.type_selection + '\')" style="display: block;">View Others</p><p class="view-more-checkbox-spec noappend" onclick="show_other_left_no_append(this)" style="display: none;">View Others</p>\
18327                                  <div class="other-left-view"></div>\
18328                                  <p class="view-more-checkbox-spec showless" onclick="show_other_left_less(this)" style="display: none;">View Less</p>\
18329                                          </div>\
18330                                          <div class="ly-spec-value"></div>\
18331                                        </div>';
18332            show_other_button(detail.id);
18333          } else {
18334
18335            f_html += '\
18336                                    <div style="display:none;" class="wrap-spec-toggle id-toogle-' + detail.id + ' ' + item_title + '" data-id="' + detail.id + '" data-type="' + detail.type_selection + '" data-unit="' + detail.type_unit + '" data-parent-name="' + detail.name + '">\
18337                                      <div class="spec-updown head-remake-l3">' + detail.name + '<div class="arrow-cio arrow-remake-l3"><img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg"></div></div>\
18338                                      <div class="body-togg-asr body-remake-l3">\
18339                                ';
18340
18341            ////console.log(detail.checkbox);
18342            $.each(detail.checkbox, function(iii, checkbox) {
18343              f_html += '<label class="asr-checkbox">\
18344                                          <span>' + checkbox + '</span>\
18345                                          <input type="checkbox" class="checkfilter check-' + detail.id + '" data-value="' + checkbox + '" data-id="' + detail.id + '" data-type="' + detail.type_selection + '" data-unit="' + detail.type_unit + '" data-name="' + checkbox + '" data-parent-name="' + detail.name + '">\
18346                                          <span class="asrlabel-checkbox"></span>\
18347                                        </label>';
18348            });
18349
18350            f_html += '<p class="view-more-checkbox-spec showmore" onclick="show_other_left(this, \'' + detail.id + '\',\'' + detail.name + '\',\'' + detail.type_unit + '\',\'' + detail.type_selection + '\')" style="display: block;">View Others</p><p class="view-more-checkbox-spec noappend" onclick="show_other_left_no_append(this)" style="display: none;">View Others</p>\
18351                                  <div class="other-left-view"></div>\
18352                                  <p class="view-more-checkbox-spec showless" onclick="show_other_left_less(this)" style="display: none;">View Less</p>\
18353                                          </div>\
18354                                          <div class="ly-spec-value"></div>\
18355                                        </div>';
18356            show_other_button(detail.id);
18357          }
18358        }
18359      });
18360      f_html += '<div class="other-toogle-list other-toogle-' + item.id + '"></div>';
18361      f_html += '</div>';
18362    });
18363
18364    $("#remake_filter_l3").html(f_html);
18365    $("#remake_filter_l3_mobile").html(f_html);
18366    if (clear_filter == 0) {
18367      $(".clear-filter-sidebar").hide();
18368    } else {
18369      $(".clear-filter-sidebar").show();
18370    }
18371
18372    var popup_html = "";
18373
18374    $(".loopgcc").html("");
18375    $(".loop-frw").html("");
18376    var htmlgcc = "";
18377    var htmlfrw = "";
18378    var no = 0;
18379    $.each(data, function(i, itempopup) {
18380      //console.log(itempopup);
18381      var classgccactive = "";
18382      if (no == 0) {
18383        classgccactive = "current";
18384      }
18385      htmlgcc += '<div class="menu-ly ' + classgccactive + '" data-tab="tab-' + no + '">\
18386                           <div class="ly-head">\
18387                                <div class="data-ipt">\
18388                                    ' + itempopup.title + '\
18389                                </div>\
18390                                <img class="icon-acc" src="https://www.archify.com/assets/img/svg/02-icon-01-general-arrow-right-small.svg">\
18391                           </div>\
18392                           <div class="ly-subhead">\
18393                           </div>\
18394                        </div>';
18395
18396      htmlfrw += '<div id="tab-' + no + '" class="tab-content-gcc ' + classgccactive + '">\
18397                        <div class="title-rwj">\
18398                        ' + itempopup.title + '\
18399                        </div>\
18400                        <div class="flex-col">';
18401      $.each(itempopup.detail, function(ii, detail) {
18402        var checked = "";
18403        if (detail.name == "Colour" || detail.name == "Material" || detail.name == "Finish" || detail.name == "Type" || detail.name == "Warranty" || detail.name == "Application" || itempopup.title == "Dimension") {
18404          checked = "checked";
18405        }
18406        htmlfrw += '<div class="col50">\
18407                                <label class="asr-checkbox">\
18408                                  <span>' + detail.name + '</span>\
18409                                  <input type="checkbox" class="checkpop" value="' + detail.id + '" ' + checked + '>\
18410                                  <span class="asrlabel-checkbox"></span>\
18411                                </label>\
18412                            </div>';
18413      });
18414      htmlfrw += '<div class="clear"></div>\
18415                        </div>\
18416                        <hr class="cum-' + itempopup.id + '">\
18417                        <div class="other-pop">\
18418                            <div class="subtitle-rwj rwj-' + itempopup.id + '">\
18419                                Others\
18420                            </div>\
18421                            <div class="flex-row other-ctr" id="other-pop-' + itempopup.id + '">\
18422                                <div class="clear"></div>\
18423                            </div>\
18424                        </div>\
18425                    </div>';
18426
18427      no++;
18428    });
18429    $(".loopgcc").html(htmlgcc);
18430    $(".loop-frw").html(htmlfrw);
18431
18432
18433    $(".imperialdat").click(function() {
18434      $(".met-1").removeClass("active");
18435      $(this).addClass("active");
18436      $(this).hide();
18437      $(".imperialdatdummy").addClass("active");
18438      $(".imperialdatdummy").show();
18439      $(".metricdatdummy").hide();
18440      $(".metricdat").show();
18441      metric_imperial();
18442      change_value_metric("imperial");
18443    });
18444
18445    $(".metricdat").click(function() {
18446      $(".met-1").removeClass("active");
18447      $(this).addClass("active");
18448      $(this).hide();
18449      $(".metricdatdummy").addClass("active");
18450      $(".metricdatdummy").show();
18451      $(".imperialdatdummy").hide();
18452      $(".imperialdat").show();
18453      metric_imperial();
18454      change_value_metric("metric");
18455    });
18456
18457    rangeSliderInit();
18458    clickFilterInfo();
18459    metric_imperial();
18460    checkfilteraction();
18461    checkdrawingaction();
18462    checkcountryaction();
18463    applyslideraction();
18464    applyfiltermobile();
18465
18466    //kideden
18467
18468    function change_value_metric(datax) {
18469      if (datax == "imperial") {
18470        $('.js-input-from').each(function() {
18471          var fromdat = $(this).parent().siblings(".range-slider").children(".slider-label-left").children(".js-data-imperial").text();
18472          //                    var ratioimperial1 = $(this).parent().data("ratioimperial");
18473          //                    if (ratioimperial1 > 0){
18474          //                        var hasil_from = ($(this).val() * ratioimperial1);
18475          //                    }else{
18476          //                        var hasil_from = $(this).val();
18477          //                    }
18478          $(this).val(fromdat);
18479        });
18480        $('.js-input-to').each(function() {
18481          var todat = $(this).parent().siblings(".range-slider").children(".slider-label-right").children(".js-data-imperial").text();
18482          //                    var ratioimperial2 = $(this).parent().data("ratioimperial");
18483          //                    if (ratioimperial2 > 0){
18484          //                        var hasil_to = ($(this).val() * ratioimperial2);
18485          //                    }else{
18486          //                        var hasil_to = $(this).val();
18487          //                    }
18488          $(this).val(todat);
18489        });
18490        //                $('.extra-controls').each(function(){
18491        //                    //update array
18492        //                    var iddatax = $(this).data("id");
18493        //                    var typeselection = $(this).data("typeselection");
18494        //                    var hasil_from = $(this).children(".js-input-from").val();
18495        //                    var hasil_to = $(this).children(".js-input-to").val();
18496        //                    var sliderlist = [hasil_from,hasil_to];
18497        //                    if(typeselection == 2){
18498        //                        editOnly(iddatax, sliderlist);
18499        //                    }
18500        //                });
18501
18502        $('.js-range-slider').each(function() {
18503          var fromdat = $(this).siblings(".slider-label-left").children(".js-data-imperial").text();
18504          var todat = $(this).siblings(".slider-label-right").children(".js-data-imperial").text();
18505          //                    var fromchange = $(this).parent(".range-slider").siblings(".extra-controls").children(".js-input-from").val();
18506          //                    var tochange = $(this).parent(".range-slider").siblings(".extra-controls").children(".js-input-to").val();
18507          var range = $(this).data("ionRangeSlider");
18508          range.update({
18509            from: fromdat,
18510            to: todat,
18511            min: fromdat,
18512            max: todat
18513          });
18514        });
18515      } else {
18516        $('.js-input-from').each(function() {
18517          var fromdat = $(this).parent().siblings(".range-slider").children(".slider-label-left").children(".js-data-metric").text();
18518          //                    var ratioimperial1 = $(this).parent().data("ratioimperial");
18519          //                    if (ratioimperial1 == 0){
18520          //                        var hasil_from = $(this).val();
18521          //                    }else{
18522          //                        var hasil_from = ($(this).val() / ratioimperial1);
18523          //                    }
18524          $(this).val(fromdat);
18525        });
18526        $('.js-input-to').each(function() {
18527          var todat = $(this).parent().siblings(".range-slider").children(".slider-label-right").children(".js-data-metric").text();
18528          //                    var ratioimperial2 = $(this).parent().data("ratioimperial");
18529          //                    if (ratioimperial2 == 0){
18530          //                        var hasil_to = $(this).val();
18531          //                    }else{
18532          //                        var hasil_to = ($(this).val() / ratioimperial2);
18533          //                    }
18534          $(this).val(numberWithCommas(todat));
18535
18536        });
18537
18538        //                $('.extra-controls').each(function(){
18539        //                    //update array
18540        //                    var iddatax = $(this).data("id");
18541        //                    var typeselection = $(this).data("typeselection");
18542        //                    var hasil_from = $(this).children(".js-input-from").val();
18543        //                    var hasil_to = $(this).children(".js-input-to").val();
18544        //                    var sliderlist = [hasil_from,hasil_to];
18545        //                    if(typeselection == 2){
18546        //                        editOnly(iddatax, sliderlist);
18547        //                    }
18548        //                });
18549
18550        $('.js-range-slider').each(function() {
18551          var fromdat = $(this).siblings(".slider-label-left").children(".js-data-metric").text();
18552          var todat = $(this).siblings(".slider-label-right").children(".js-data-metric").text();
18553          //                    var fromchange = $(this).parent(".range-slider").siblings(".extra-controls").children(".js-input-from").val();
18554          //                    var tochange = $(this).parent(".range-slider").siblings(".extra-controls").children(".js-input-to").val();
18555          var range = $(this).data("ionRangeSlider");
18556          range.update({
18557            from: fromdat,
18558            to: todat,
18559            min: fromdat,
18560            max: numberWithCommas(todat)
18561          });
18562        });
18563      }
18564      //console.log(filter_datax);
18565    };
18566
18567    var dataslug = $("#infolevel3slug").text();
18568    var count = 0;
18569
18570    $(".more-filter-call").unbind("click");
18571    $(".more-filter-call").click(function() {
18572      count += 1;
18573      $("#pageloader_new").fadeIn();
18574
18575      if (getMenuFilterL3MoreAjax) {
18576        getMenuFilterL3MoreAjax.abort();
18577      }
18578      getMenuFilterL3MoreAjax = $.ajax({
18579          url: 'https://www.archify.com/au/gpost/products/menu_filter_l3_more_v2/2/' + dataslug + '?page=1',
18580          dataType: 'json',
18581          async: true,
18582          beforeSend: function() {
18583
18584          }
18585        }).done(function(data) {
18586
18587          datainput = data;
18588          //console.log("show data popup");
18589
18590          //console.log(datainput);
18591          //return true;
18592
18593
18594          $.each(datainput, function(i, item) {
18595
18596            if (item.detail.length == 0) {
18597              $(".rwj-" + item.id).hide();
18598              $(".cum-" + item.id).hide();
18599            };
18600
18601            // console.log(item);return true;
18602            var iix = 0;
18603            $.each(item.detail, function(ii, detail) {
18604              iix++;
18605              // if(iix < 20){
18606
18607              if (!$('.flex-row').hasClass('added')) {
18608                $("#other-pop-" + item.id).append('\
18609                                <div class="col50 detail-' + iix + '">\
18610                                    <label class="asr-checkbox">\
18611                                     <span>' + detail.name + '</span>\
18612                                      <input type="checkbox" class="checkpop" value="' + detail.id + '">\
18613                                      <span class="asrlabel-checkbox"></span>\
18614                                    </label>\
18615                                </div>');
18616              };
18617
18618
18619              if (!$('.other-toogle-list').hasClass('added')) {
18620                $(".other-toogle-" + item.id).append('\
18621                                <div class="wrap-spec-toggle id-toogle-' + detail.id + '" data-id="' + detail.id + '" data-parent-name="' + detail.name + '" data-type="0" data-unit="" style="display:none">\
18622                                  <div class="spec-updown head-filter-l3">' + detail.name + '<div class="arrow-cio arrow-filter-l3"><img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg"></div></div>\
18623                                  <div class="body-togg-asr body-filter-l3">\
18624                                    <div class="list-toogle-other class-toogle-' + detail.id + '"></div>\
18625                                  </div>\
18626                                </div>');
18627              };
18628
18629              $.each(detail.checkbox, function(iii, checkbox) {
18630                if (!$('.list-toogle-other').hasClass('added')) {
18631                  $(".class-toogle-" + detail.id).append('\
18632                                <label class="asr-checkbox">\
18633                                <span>' + checkbox + '</span>\
18634                                <input type="checkbox" class="checkfilter check-' + detail.id + '" data-value="' + checkbox + '" data-id="' + detail.id + '" data-parent-name="' + detail.name + '" data-type="0" data-unit="" data-name="' + checkbox + '">\
18635                                <span class="asrlabel-checkbox"></span>\
18636                              </label>');
18637                };
18638              });
18639
18640
18641            });
18642            // console.log("iix"+iix);
18643            var more_page = 2;
18644
18645            $('.second-clear-' + item.id).remove();
18646            $('.second-load-' + item.id).remove();
18647            if (iix == 20) {
18648              $("#other-pop-" + item.id).append('<div class="clear second-clear-' + item.id + '" id="clear-' + item.id + '-2"></div>\
18649                          <a class="load-more-l3 second-load-' + item.id + '" id="more-' + item.id + '-2" href="#" data-id="' + item.id + '" data-page="2">Load More</a>');
18650            }
18651            if ($('.clear-load-' + item.id)[0]) {
18652              // console.log('ada');
18653              $('.second-clear-' + item.id).remove();
18654              $('.second-load-' + item.id).remove();
18655            }
18656
18657
18658            $("#more-" + item.id + "-" + more_page).unbind("click");
18659            $("#more-" + item.id + "-" + more_page).click(function() {
18660              // console.log("klik");
18661              var page = $(this).data("page");
18662              var next_page = parseInt($(this).data("page")) + 1;
18663              var id = $(this).data("id");
18664
18665
18666              loadmore(id, more_page);
18667              more_page += 1;
18668
18669            });
18670
18671          });
18672
18673
18674
18675          $("#pageloader_new").fadeOut();
18676          $('#all-filter').modal('show');
18677          $('.flex-row').addClass("added");
18678          $('.other-toogle-list').addClass("added");
18679          $('.list-toogle-other').addClass("added");
18680
18681          if (count == 1) {
18682            toogle_menu("head-filter-l3", "body-filter-l3", "arrow-filter-l3");
18683          }
18684
18685          checkfilteraction();
18686          checkdrawingaction();
18687          checkcountryaction();
18688          applyslideraction();
18689          applyfiltermobile();
18690        })
18691        .fail(function() {
18692          // alert("data gagal di load");
18693        });
18694    });
18695    // $('#all-filter').on('hidden', function () {
18696
18697
18698
18699    $(".set-filter").click(function() {
18700      //            $(".checkpop:checkbox:not(:checked)").each(function() {
18701      ////                //console.log(this.value);
18702      //                $("#id-toogle-"+this.value).hide();
18703      //            });
18704      //            $(".checkpop:checked").each(function() {
18705      ////                //console.log(this.value);
18706      //                $("#id-toogle-"+this.value).hide();
18707      //            });
18708      var clear_filter_set = 0;
18709      $('.checkpop[type=checkbox]').each(function() {
18710        if (this.checked) {
18711
18712          $("#remake_filter_l3").show();
18713          $(".id-toogle-" + this.value).show();
18714          $(".id-toogle-" + this.value).parent().prev('.name-spec').show();
18715          $(".id-toogle-" + this.value).parent('.toggle-spec').show();
18716          clear_filter_set++;
18717        } else {
18718          $(".id-toogle-" + this.value).hide();
18719          delete_by_id_array(this.value);
18720          $(".check-" + this.value).prop('checked', false);
18721        }
18722      });
18723      if (clear_filter_set == 0) {
18724        $(".clear-filter-sidebar").hide();
18725        // $(".name-spec").hide();
18726      } else {
18727        $(".clear-filter-sidebar").show();
18728        // $(".name-spec").show();
18729      }
18730
18731      ////console.log(filter_datax);
18732      // alert("aa");
18733      // racikan_filter(filter_datax);
18734      $('#all-filter').modal('hide');
18735    });
18736
18737    $('.tabsgcc .menu-ly').click(function() {
18738      var tab_id = $(this).attr('data-tab');
18739
18740      $('.tabsgcc .menu-ly').removeClass('current');
18741      $('.tab-content-gcc').removeClass('current');
18742
18743      $(this).addClass('current');
18744      $("#" + tab_id).addClass('current');
18745    });
18746
18747    toogle_menu("head-remake-l3", "body-remake-l3", "arrow-remake-l3");
18748  }
18749
18750
18751
18752  function delete_by_id_array(id) {
18753    var filtered = filter_datax.filtered;
18754    var indexdelete = search_index_by_array(id, filtered);
18755    if (indexdelete >= 0) {
18756      filtered.splice(indexdelete, 1);
18757    }
18758    filter_datax.filtered = filtered;
18759  }
18760
18761  function search_index_by_array(search = "", data = []) {
18762    var number = -1;
18763    for (let i = 0; i < data.length; i++) {
18764      if (data[i].id == search) {
18765        number = i;
18766      }
18767    }
18768    return number;
18769  }
18770
18771
18772
18773  function toogle_menu(headdatax, bodydatax, arrowdatax) {
18774    $("." + headdatax).click(function() {
18775      var text = $(this).siblings('.body-togg-asr');
18776      //            if ($('.body-togg-asr.'+bodydatax).is(':visible')) {
18777      //                $('.body-togg-asr.'+bodydatax).slideUp();
18778      //                $('.arrow-cio.'+arrowdatax).html('<img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg">');
18779      //            }
18780      if (text.is(':visible')) {
18781        text.slideUp();
18782        text.parent().removeClass('showcia');
18783        $(this).children('.arrow-cio').html('<img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg">');
18784      } else {
18785        text.slideDown();
18786        text.parent().addClass('showcia');
18787        $(this).children('.arrow-cio').html('<img src="https://www.archify.com/assets/img/svg/icon-accordion-minus.svg">');
18788      }
18789    });
18790  }
18791
18792  let showOtherButtonTimeout;
18793
18794  function show_other_button(datax) {
18795    //console.log(datax);
18796    if (showOtherButtonTimeout) {
18797      clearTimeout(showOtherButtonTimeout);
18798    }
18799    showOtherButtonTimeout = setTimeout(() => {
18800      if (getMenuFilterL3More2Ajax) {
18801        getMenuFilterL3More2Ajax.abort();
18802      }
18803      getMenuFilterL3More2Ajax = $.ajax({
18804        url: 'https://www.archify.com/au/gpost/products/menu_filter_l3_more/0/' + datax,
18805        dataType: 'json',
18806        async: true,
18807        beforeSend: function() {
18808
18809        }
18810      }).done(function(data) {
18811
18812        if (data.length == 0) {
18813          $(".view-more-checkbox-spec").hide();
18814        };
18815      });
18816    }, 500)
18817  }
18818
18819  function show_other_left_less(info) {
18820    $(info).hide();
18821    $(info).siblings(".other-left-view").hide();
18822    $(info).siblings(".view-more-checkbox-spec.noappend").show();
18823  }
18824
18825  function show_other_left_no_append(info) {
18826    $(info).hide();
18827    $(info).siblings(".other-left-view").show();
18828    $(info).siblings(".view-more-checkbox-spec.showless").show();
18829  }
18830
18831  function show_other_left(info, datax, dataparent, dataunit, datatype) {
18832    $(info).hide();
18833    var datainput = "";
18834
18835    if (getMenuFilterL3More2Ajax) {
18836      getMenuFilterL3More2Ajax.abort();
18837    }
18838    getMenuFilterL3More2Ajax = $.ajax({
18839      url: 'https://www.archify.com/au/gpost/products/menu_filter_l3_more/0/' + datax,
18840      dataType: 'json',
18841      async: true,
18842      beforeSend: function() {
18843
18844      }
18845    }).done(function(data) {
18846      datainput = data;
18847      //            //console.log(data);
18848      if (datainput.length > 0) {
18849        $.each(datainput, function(i, item) {
18850          $(info).siblings(".other-left-view").append('\
18851                                        <label class="asr-checkbox">\
18852                                            <span>' + item + '</span>\
18853                                            <input type="checkbox" class="checkfilter check-' + datax + '" data-value="' + item + '" data-id="' + datax + '" data-type="' + datatype + '" data-unit="' + dataunit + '" data-name="' + item + '" data-parent-name="' + dataparent + '">\
18854                                            <span class="asrlabel-checkbox"></span>\
18855                                          </label>');
18856        });
18857
18858        // sidebar other left               <input type="checkbox" class="checkfilter check-'+detail.id+'" data-value="'+checkbox+'" data-id="'+detail.id+'" data-type="'+detail.type_selection+'" data-unit="'+detail.type_unit+'" data-name="'+checkbox+'" data-parent-name="'+detail.name+'">
18859
18860        $(info).siblings(".view-more-checkbox-spec.showless").show();
18861      } else {
18862        $(info).hide();
18863      };
18864
18865      checkfilteraction();
18866      checkdrawingaction();
18867      checkcountryaction();
18868
18869    });
18870  }
18871
18872
18873  function loadmore(id, page) {
18874    var next_page = parseInt(page) + 1;
18875    $('#clear-' + id + '-' + page + '').hide();
18876    $('#more-' + id + '-' + page).hide();
18877
18878    // console.log("load more"+next_page); 
18879
18880    $.ajax({
18881        url: 'https://www.archify.com/au/gpost/products/menu_filter_l3_more_v2/1/' + id + '?page=' + page,
18882        dataType: 'json',
18883        async: true,
18884        beforeSend: function() {
18885
18886        }
18887      }).done(function(data) {
18888
18889        datainput = data;
18890
18891        var iix = 0;
18892        $.each(datainput, function(i, detail) {
18893          iix++;
18894
18895          $("#other-pop-" + id).append('\
18896                                        <div class="col50">\
18897                                            <label class="asr-checkbox">\
18898                                            <span>' + detail.name + '</span>\
18899                                              <input type="checkbox" class="checkpop" value="' + detail.id + '">\
18900                                              <span class="asrlabel-checkbox"></span>\
18901                                            </label>\
18902                                        </div>');
18903
18904          $(".other-toogle-" + id).append('\
18905                                        <div class="wrap-spec-toggle id-toogle-' + detail.id + '" data-id="' + detail.id + '" data-parent-name="' + detail.name + '" data-type="0" data-unit="" style="display:none">\
18906                                          <div class="spec-updown head-filter-l3">' + detail.name + '<div class="arrow-cio arrow-filter-l3"><img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg"></div></div>\
18907                                          <div class="body-togg-asr body-filter-l3">\
18908                                            <div class="list-toogle-other class-toogle-' + detail.id + '"></div>\
18909                                          </div>\
18910                                        </div>');
18911
18912          $.each(detail.checkbox, function(iii, checkbox) {
18913            if (!$('.list-toogle-other').hasClass('added')) {
18914              $(".class-toogle-" + detail.id).append('\
18915                                        <label class="asr-checkbox">\
18916                                        <span>' + checkbox + '</span>\
18917                                        <input type="checkbox" class="checkfilter check-' + detail.id + '" data-value="' + checkbox + '" data-id="' + detail.id + '" data-parent-name="' + detail.name + '" data-type="0" data-unit="" data-name="' + checkbox + '">\
18918                                        <span class="asrlabel-checkbox"></span>\
18919                                      </label>');
18920            };
18921          });
18922        });
18923
18924        if (iix >= 20) {
18925          $("#other-pop-" + id).append('<div class="clear clear-load-' + id + '" id="clear-' + id + '-' + next_page + '"></div>\
18926                                  <a class="load-more-l3 load-lagi-' + id + '" id="more-' + id + '-' + next_page + '" href="#" data-id="' + id + '" data-page="' + next_page + '">Load More</a>');
18927
18928        }
18929
18930        $("#more-" + id + "-" + next_page).click(function() {
18931          var page = $(this).data("page");
18932          var id = $(this).data("id");
18933
18934
18935          loadmore(id, page);
18936          // next_page += 1;
18937        });
18938
18939
18940      })
18941      .fail(function() {
18942        // alert("data gagal di load");
18943      });
18944
18945  };
18946
18947  function checkfilteraction() {
18948    $(".checkfilter").unbind("click");
18949    $(".checkfilter").click(function() {
18950      var width = $("body").width();
18951
18952      if (width > 992) {
18953        var checkedlist = [];
18954        //            var cumilah = [];
18955        var datafilter = {
18956          id: "",
18957          type_selection: "",
18958          type_unit: "",
18959          name: ""
18960        };
18961
18962        var datafilter_id = $(this).data("id");
18963        var datafilter_type_selection = $(this).data("type");
18964        var datafilter_type_unit = $(this).data("unit");
18965        var datafilter_name = $(this).data("parent-name");
18966
18967        $(".check-" + datafilter_id + ":checkbox:checked").each(function() {
18968          checkedlist.push($(this).data("value"));
18969        });
18970
18971        var datafilter_value = checkedlist;
18972
18973        var books = filter_datax.filtered;
18974        editBooks(datafilter_id, datafilter_type_selection, datafilter_type_unit, datafilter_name, datafilter_value);
18975        //console.log(filter_datax);
18976        // alert("bb");
18977        racikan_filter(filter_datax);
18978      }
18979    });
18980
18981  }
18982  if (window.history && window.history.pushState) {
18983
18984    // window.history.pushState('forward', null, './products');
18985    // var ignorePopstate = false;
18986    $(window).on('popstate', function(e) {
18987      // console.log(location.href.replace('#',''));
18988      e.preventDefault();
18989      // $(window).unbind('popstate');
18990      // window.location.href = $(location).attr('href');
18991      if ($(".new-company-filter-project-category-menu-mobile").hasClass("show")) {
18992
18993      } else {
18994        var ignorePopstate = false;
18995        if (!ignorePopstate) {
18996          // Set the flag to true to ignore the next popstate event
18997          ignorePopstate = true;
18998          // console.log($(location).attr('href'));
18999
19000          // Modify window.location as needed
19001          $(window).unbind('popstate');
19002          // window.location.href = location.href.replace('#','');
19003          // let step = 0;
19004          // history.pushState(null, null, location.href);
19005
19006        } else {
19007          // Reset the flag for the next popstate event
19008          ignorePopstate = false;
19009
19010          // console.log($(location).attr('href'));
19011        }
19012      }
19013      // Triggered load page when use undo and back button from browser
19014      remake_url(3);
19015    });
19016
19017  }
19018
19019  function checkdrawingaction() {
19020    $(".check-drawing_filter").unbind("click");
19021    $(".check-drawing_filter").click(function() {
19022      var width = $("body").width();
19023
19024      // if (width > 992) {
19025      var checkedlist = [];
19026      var datafilter = {
19027        id: "",
19028        type_selection: "",
19029        type_unit: "",
19030        name: ""
19031      };
19032
19033      var datafilter_id = $(this).data("parent-name");
19034      var datafilter_type_selection = 3;
19035      var datafilter_type_unit = "";
19036      var datafilter_name = $(this).data("parent-name");
19037
19038      $(".check-" + datafilter_id + ":checkbox:checked").each(function() {
19039        checkedlist.push($(this).data("value"));
19040        // $('*[data-value='+$(this).data("value")+']').attr('checked','checked');          
19041      });
19042
19043      if ($(this).is(':checked')) {
19044        // console.log('chk');
19045        $(".check-" + datafilter_id + ":checkbox:checked").each(function() {
19046          checkedlist.push($(this).data("value"));
19047          // $('*[data-value='+$(this).data("value")+']').attr('checked','checked');
19048        });
19049      }
19050
19051      var datafilter_value = checkedlist;
19052
19053      var books = filter_datax.filtered;
19054      editBooks(datafilter_id, datafilter_type_selection, datafilter_type_unit, datafilter_name, datafilter_value);
19055      racikan_filter(filter_datax);
19056      // }
19057    });
19058
19059  }
19060
19061  function checkcountryaction() {
19062    // $(".check-country_mnf").unbind("click");
19063    $("#selectManufacturedIn1").change(function() {
19064
19065      // console.log("slc");
19066      var checkedlist = [];
19067      var datafilter = {
19068        id: "",
19069        type_selection: "",
19070        type_unit: "",
19071        name: ""
19072      };
19073
19074      var datafilter_id = $(this).data("parent-name");
19075      var datafilter_type_selection = 3;
19076      var datafilter_type_unit = "";
19077      var datafilter_name = $(this).data("parent-name");
19078
19079
19080      var datafilter_value = $(this).val();
19081
19082      // if($("#selectManufacturedIn2").val() != datafilter_value){
19083      // $('#selectManufacturedIn2').val(datafilter_value).trigger('change');
19084      // $('#selectManufacturedIn3').val(datafilter_value).trigger('change');
19085      // }
19086
19087      var books = filter_datax.filtered;
19088      editBooks(datafilter_id, datafilter_type_selection, datafilter_type_unit, datafilter_name, datafilter_value);
19089      racikan_filter(filter_datax);
19090    });
19091    $("#selectManufacturedIn2").change(function() {
19092
19093      // console.log("slc2");
19094      var checkedlist = [];
19095      var datafilter = {
19096        id: "",
19097        type_selection: "",
19098        type_unit: "",
19099        name: ""
19100      };
19101
19102      var datafilter_id = $(this).data("parent-name");
19103      var datafilter_type_selection = 3;
19104      var datafilter_type_unit = "";
19105      var datafilter_name = $(this).data("parent-name");
19106
19107
19108      var datafilter_value = $(this).val();
19109
19110      // $('#selectManufacturedIn1').val(datafilter_value).trigger('change');
19111      // $('#selectManufacturedIn3').val(datafilter_value).trigger('change');
19112
19113      var books = filter_datax.filtered;
19114      editBooks(datafilter_id, datafilter_type_selection, datafilter_type_unit, datafilter_name, datafilter_value);
19115      racikan_filter(filter_datax);
19116    });
19117    $("#selectManufacturedIn3").change(function() {
19118
19119      // console.log("slc3");
19120      var checkedlist = [];
19121      var datafilter = {
19122        id: "",
19123        type_selection: "",
19124        type_unit: "",
19125        name: ""
19126      };
19127
19128      var datafilter_id = $(this).data("parent-name");
19129      var datafilter_type_selection = 3;
19130      var datafilter_type_unit = "";
19131      var datafilter_name = $(this).data("parent-name");
19132
19133      var datafilter_value = $(this).val();
19134
19135      // $('#selectManufacturedIn1').val(datafilter_value).trigger('change');
19136      // $('#selectManufacturedIn2').val(datafilter_value).trigger('change');
19137
19138      var books = filter_datax.filtered;
19139      editBooks(datafilter_id, datafilter_type_selection, datafilter_type_unit, datafilter_name, datafilter_value);
19140      racikan_filter(filter_datax);
19141    });
19142    $("#selectManufacturedInMob").change(function() {
19143
19144      // console.log("slc3");
19145      var checkedlist = [];
19146      var datafilter = {
19147        id: "",
19148        type_selection: "",
19149        type_unit: "",
19150        name: ""
19151      };
19152
19153      var datafilter_id = $(this).data("parent-name");
19154      var datafilter_type_selection = 3;
19155      var datafilter_type_unit = "";
19156      var datafilter_name = $(this).data("parent-name");
19157
19158      var datafilter_value = $(this).val();
19159
19160      // $('#selectManufacturedIn1').val(datafilter_value).trigger('change');
19161      // $('#selectManufacturedIn2').val(datafilter_value).trigger('change');
19162
19163      var books = filter_datax.filtered;
19164      editBooks(datafilter_id, datafilter_type_selection, datafilter_type_unit, datafilter_name, datafilter_value);
19165      racikan_filter(filter_datax);
19166    });
19167
19168  }
19169
19170  function applyfiltermobile() {
19171    $(".apply-filter-mobile").unbind("click");
19172    $(".apply-filter-mobile").click(function() {
19173      var books = filter_datax.filtered;
19174      books.length = 0;
19175      // console.log("test");
19176
19177      $("#remake_filter_l3_mobile .wrap-spec-toggle").each(function() {
19178        if ($(this).is(":visible")) {
19179          var datafilter_id = $(this).data("id");
19180          var datafilter_type_selection = $(this).data("type");
19181          var datafilter_type_unit = $(this).data("unit");
19182          var datafilter_name = $(this).data("parent-name");
19183          if (datafilter_type_selection == 2) {
19184            if ($(this).hasClass("alreadychange")) {
19185              var fromdata = $(this).children().children().children(".js-input-from").val();
19186              var todata = $(this).children().children().children(".js-input-to").val();
19187              var datafilter_value = [fromdata, todata];
19188              editBooks(datafilter_id, datafilter_type_selection, datafilter_type_unit, datafilter_name, datafilter_value);
19189            }
19190          } else {
19191            var checkedlist = [];
19192            $(".check-" + datafilter_id + ":checkbox:checked").each(function() {
19193              checkedlist.push($(this).data("value"));
19194            });
19195            var datafilter_value = checkedlist;
19196            if (typeof checkedlist !== 'undefined' && checkedlist.length > 0) {
19197              editBooks(datafilter_id, datafilter_type_selection, datafilter_type_unit, datafilter_name, datafilter_value);
19198            }
19199          }
19200        }
19201      });
19202
19203      ////console.log(filter_datax);
19204      racikan_filter(filter_datax);
19205
19206      toggleMenuFilter("project-category-speckfilter");
19207    });
19208  }
19209
19210  function applyslideraction() {
19211    $(".apply-slider").unbind("click");
19212    $(".apply-slider").click(function() {
19213      //replace commas in number
19214      var fromdata = removeCommas($(this).parent().siblings(".extra-controls").children(".js-input-from").val());
19215      var todata = removeCommas($(this).parent().siblings(".extra-controls").children(".js-input-to").val());
19216      var sliderlist = [fromdata, todata];
19217      var datafilter = {
19218        id: "",
19219        type_selection: "",
19220        type_unit: "",
19221        name: ""
19222      };
19223      // console.log($(this).data("name")+'xx'+todata);
19224
19225      var datafilter_id = $(this).data("id");
19226      var datafilter_type_selection = $(this).data("type_selection");
19227      var datafilter_type_unit = $(this).data("unit");
19228      var datafilter_name = $(this).data("name");
19229      var datafilter_max_val = $(this).data("max");
19230      var datafilter_min_val = $(this).data("min");
19231      var datafilter_value = sliderlist;
19232      // var books = filter_datax.filtered;
19233
19234      editBooks(datafilter_id,
19235        datafilter_type_selection,
19236        datafilter_type_unit,
19237        datafilter_name,
19238        datafilter_value, {
19239          min: datafilter_min_val,
19240          max: datafilter_max_val
19241        }
19242      );
19243      // console.log(filter_datax);
19244      racikan_filter(filter_datax);
19245
19246    });
19247
19248  }
19249
19250
19251  function editOnly(id, value) {
19252    var books = filter_datax.filtered;
19253    var book = books.find(b => b.id === id);
19254    if (book) {
19255      book.value = value;
19256    }
19257  }
19258
19259  function editBooks(id, type_selection, type_unit, name, value, slideOpt = null) {
19260    var books = filter_datax.filtered;
19261    var book = books.find(b => b.id === id);
19262
19263    if (type_selection == 2) {
19264      // Handle slider value
19265      if (book) {
19266        if (value[0] <= slideOpt?.min && value[1] >= slideOpt?.max) {
19267          // remove obj arr if value is same as max and min value 
19268          filter_datax.filtered = books.filter(b => b.id != id);
19269        } else {
19270          book.type_selection = type_selection;
19271          book.type_unit = type_unit,
19272            book.name = name;
19273          book.value = value;
19274        }
19275      } else {
19276        if (value[0] != slideOpt?.min || value[1] != slideOpt?.max) {
19277          books.push({
19278            id,
19279            type_selection,
19280            type_unit,
19281            name,
19282            value
19283          });
19284        }
19285      }
19286    } else {
19287      // Handle except slider value
19288      if (book) {
19289        book.type_selection = type_selection;
19290        book.type_unit = type_unit,
19291          book.name = name;
19292        book.value = value;
19293      } else {
19294        books.push({
19295          id,
19296          type_selection,
19297          type_unit,
19298          name,
19299          value
19300        });
19301      }
19302    }
19303
19304  }
19305
19306  function metric_imperial() {
19307
19308    function Update(newKey) {
19309      filter_datax.is_metric = newKey;
19310    }
19311
19312    if ($(".metricdat").hasClass("active")) {
19313      $(".unit-metric").show();
19314      $(".js-data-metric").show();
19315      Update(1);
19316    } else {
19317      $(".unit-metric").hide();
19318      $(".js-data-metric").hide();
19319      Update(0);
19320    }
19321    if ($(".imperialdat").hasClass("active")) {
19322      $(".unit-imperial").show();
19323      $(".js-data-imperial").show();
19324      Update(0);
19325    } else {
19326      $(".unit-imperial").hide();
19327      $(".js-data-imperial").hide();
19328      Update(1);
19329    }
19330  }
19331
19332  function rangeSliderInit() {
19333    $('.js-range-slider').each(function() {
19334      let setUpdateInput;
19335      let setChangeInputTimeout;
19336      var $range = $(this),
19337        $inputFrom = $(this).parent(".range-slider").siblings(".extra-controls").children(".js-input-from"),
19338        $inputTo = $(this).parent(".range-slider").siblings(".extra-controls").children(".js-input-to"),
19339        instance,
19340        min = $(this).siblings(".slider-label-left").children(".js-data-metric").text(),
19341        max = $(this).siblings(".slider-label-right").children(".js-data-metric").text(),
19342        unit = $(this).attr('data-unit'),
19343        from = 0,
19344        to = 0;
19345      $range.ionRangeSlider({
19346        skin: "round",
19347        type: "double",
19348        min: min,
19349        max: max,
19350        from: min,
19351        to: max,
19352        onStart: updateInputs,
19353        onChange: changeInputs,
19354        onFinish: function(data) {
19355          // console.log("from : " + data.from + " ---- to : " + data.to);
19356          // if (data.from >= data.to) {
19357          //   data.update({ from: data.to - 1 });
19358          // }
19359        }
19360      });
19361      instance = $range.data("ionRangeSlider");
19362
19363      $inputFrom.on("input", function() {
19364        var val = parseFloat($(this).val());
19365
19366        var minfloat = parseFloat(min);
19367        var tofloat = parseFloat(to);
19368
19369        // validate
19370        if (val < minfloat) {
19371          val = minfloat;
19372        } else if (val > tofloat) {
19373          val = tofloat;
19374        }
19375        instance.update({
19376          from: val
19377        });
19378        // $(this).prop("value", val);
19379      });
19380
19381      $inputTo.on("input", function() {
19382        var val = parseFloat($(this).val());
19383
19384        var fromfloat = parseFloat(from);
19385        var maxfloat = parseFloat(max);
19386        // validate
19387        if (val < fromfloat) {
19388          val = fromfloat;
19389        } else if (val > maxfloat) {
19390          val = maxfloat;
19391        }
19392        instance.update({
19393          to: val
19394        });
19395        // $(this).prop("value", val);
19396      });
19397
19398      $inputFrom.on("change", function() {
19399        // console.log("from : " + $inputFrom.prop("value") + " ---- to : " + $inputTo.prop("value"));
19400        typeInputs($inputFrom.prop("value"), $inputTo.prop("value"), min, max)
19401      });
19402
19403      $inputTo.on("change", function() {
19404        // console.log("from : " + $inputFrom.prop("value") + " ---- to : " + $inputTo.prop("value"));
19405        typeInputs($inputFrom.prop("value"), $inputTo.prop("value"), min, max)
19406
19407      });
19408
19409      function updateInputs(data) {
19410
19411        from = data.from;
19412        to = data.to;
19413
19414        $inputFrom.prop("value", from);
19415        $inputTo.prop("value", to);
19416
19417        $range.parents('.wrap-spec-toggle').find('.spec-value').html('' + from + ' - ' + to);
19418
19419        if (setUpdateInput) {
19420          clearTimeout(setUpdateInput);
19421        }
19422
19423        setUpdateInput = setTimeout(function() {
19424          $range.parents(".range-slider").siblings('.apply-btm').children('.apply-slider').trigger('click');
19425        }, 500);
19426
19427      }
19428
19429      function changeInputs(data) {
19430        // from = numberWithCommas(data.from);
19431        // to = numberWithCommas(data.to);
19432        from = data.from;
19433        to = data.to;
19434
19435        $inputFrom.prop("value", from);
19436        $inputTo.prop("value", to);
19437
19438        if (data.from >= data.to) {
19439          // Adjust the 'from' value to be less than 'to'
19440          // data.update({ from: data.to - 1 });
19441        }
19442        // console.log(data);
19443
19444        $range.parents(".range-slider").parents(".body-togg-asr").parents(".wrap-spec-toggle").addClass("alreadychange");
19445
19446        if (setChangeInputTimeout) {
19447          clearTimeout(setChangeInputTimeout);
19448        }
19449
19450        setChangeInputTimeout = setTimeout(function() {
19451          $range.parents(".range-slider").siblings('.apply-btm').children('.apply-slider').trigger('click');
19452        }, 500);
19453        /* rangeInput = document.querySelector('.js-range-slider');
19454        rangeInput.addEventListener('change input', function(){
19455          
19456          $range.parents(".range-slider").siblings('.apply-btm').children('.apply-slider').trigger('click');
19457        }); */
19458      }
19459
19460      function typeInputs(from, to, min, max) {
19461
19462        $inputFrom.prop("value", from);
19463        $inputTo.prop("value", to);
19464        min = Number(removeCommas(min));
19465        max = Number(removeCommas(max));
19466        // console.log(from+"="+to+"="+min+"="+max);
19467        instance.update({
19468          from: from,
19469          to: to
19470        });
19471        if (Number(to) > Number(max)) {
19472
19473          $inputTo.prop("value", max);
19474        }
19475        if (Number(from) > Number(to) || Number(from) > Number(max)) {
19476          // Adjust the 'from' value to be less than 'to'
19477          // console.log(from+"+"+max);
19478
19479          $inputFrom.prop("value", 0);
19480          instance.update({
19481            from: 0
19482          });
19483        }
19484
19485        $range.parents(".range-slider").parents(".body-togg-asr").parents(".wrap-spec-toggle").addClass("alreadychange");
19486
19487        setTimeout(function() {
19488          $range.parents(".range-slider").siblings('.apply-btm').children('.apply-slider').trigger('click');
19489        }, 500);
19490      }
19491    });
19492  }
19493
19494  function clickFilterInfo() {
19495    //        $('.checkfilter').on('change', function(){
19496    //            var mytext =  $(this).prev('span').text();
19497    //
19498    //            if($(this).is(":checked")){
19499    //                $(".wrap-spec-toggle.show .ly-spec-value").append("<span>"+mytext+", </span>");
19500    //            }else{
19501    //                removeText($(".wrap-spec-toggle.show .ly-spec-value span:contains("+mytext+")"));
19502    //            }
19503    //        });
19504  }
19505
19506  function remake_count_product(product_total) {
19507    if (product_total == undefined) {
19508      product_total = 0;
19509    }
19510    $(".top-title span.count").html('');
19511    $(".top-title span.count").append('\
19512        ' + product_total.toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,") + '\
19513      ');
19514    // if (product_total == 0) {
19515    // window.location.href = "https://www.archify.com/au/products/";
19516    // }
19517  }
19518
19519  var remake_brand_list_count = 0;
19520
19521  let remakeBrandListTimeout;
19522
19523  function remake_brand_list(category_slug) {
19524    //return 0;
19525
19526    if (remakeBrandListTimeout) {
19527      clearTimeout(remakeBrandListTimeout);
19528    }
19529
19530    remakeBrandListTimeout = setTimeout(() => {
19531      if (category_slug == undefined || category_slug == "") {
19532        category_slug = "all-category";
19533      }
19534      //alert(category_slug);
19535      var segments = window.location.pathname.split('/');
19536      var brand_from_url = segments[4];
19537
19538      if (brand_from_url != undefined) {
19539        brand_from_url = decodeURIComponent(brand_from_url);
19540      } else {
19541        brand_from_url = "all";
19542      }
19543      if (brand_from_url == "") {
19544        brand_from_url = "all";
19545      }
19546
19547      //alert(brand_from_url);
19548
19549      var sort_from_url = segments[5];
19550      if (sort_from_url !== undefined) {
19551        sort_from_url = decodeURIComponent(sort_from_url);
19552      } else {
19553        sort_from_url = "latest";
19554      }
19555      if (sort_from_url == "") {
19556        sort_from_url = "latest";
19557      }
19558
19559      remake_brand_list_count += 1;
19560
19561      if (remake_brand_list_count != 1) {
19562        $('#articleBox').html('');
19563
19564        // get articles
19565        if (getSeoArticleAjax) {
19566          getSeoArticleAjax.abort();
19567        }
19568        getSeoArticleAjax = $.ajax({
19569            url: 'https://www.archify.com/au/gpost/products/get_seo_article/' + category_slug,
19570            dataType: 'json',
19571            async: true,
19572            beforeSend: function() {
19573
19574            }
19575          }).done(function(data) {
19576            if (data != null) {
19577
19578              if (data.seo_h1 !== null) {
19579
19580                $("#seo_h1").html(data.seo_h1);
19581              }
19582
19583              if (data.seo_text == undefined) {
19584                data.seo_text = "";
19585              }
19586              //            var obj = JSON.parse(data);
19587              $('#articleBox').html('\
19588              ' + data.seo_text + '\
19589              ');
19590              //change title
19591              $(document).prop('title', data.seo_title);
19592              //change meta
19593              $('meta[name=keywords]').attr('content', data.seo_keyword);
19594              $('meta[name=description]').attr('content', data.seo_description);
19595            }
19596          })
19597          .fail(function() {
19598
19599          })
19600          .always(function() {
19601
19602          });
19603      }
19604
19605      const params = new URLSearchParams(window.location.search);
19606      let countryFilterSlug = params.get("countries") ? `?countries=${params.get("countries")}` : '';
19607
19608      // Handle epd filter load
19609      onHandleMenuFilterEpd(category_slug + countryFilterSlug);
19610
19611      if (getBrands3Ajax) {
19612        getBrands3Ajax.abort();
19613      }
19614
19615      getBrands3Ajax = $.ajax({
19616          url: 'https://www.archify.com/au/gpost/products/list_brand_country/' + category_slug + countryFilterSlug,
19617          async: true,
19618          beforeSend: function() {
19619            // alert("bb"+category_slug);
19620          },
19621          dataType: "json",
19622          type: "POST"
19623        }).done(function(data) {
19624          isBrandListDataReady = true;
19625          //brandListData = data;
19626          brandListData = data.list_brand;
19627          countryListData = data.list_country;
19628          const materialOriginListCountry = data?.list_country_material_origin || [];
19629
19630          $("#brandList").html('');
19631          $("#MobilebrandList").html('');
19632          $("#brand_check_list_1").html('');
19633          $("#brand_check_list_2").html('');
19634          $("#brand_check_list_3").html('');
19635          $("#brand_check_list_mob").html('');
19636          $("#selectManufacturedIn1").empty();
19637          $("#selectManufacturedIn2").empty();
19638          $("#selectManufacturedIn3").empty();
19639          $("#selectManufacturedInMob").empty();
19640          /* var search = document.getElementById("search_brand_desk");
19641          var labels = document.querySelectorAll("#brand_check > label");
19642
19643          search.addEventListener("input", () =>
19643 Array.from(labels).forEach((element) => element.style.display = element.childNodes[1].id.toLowerCase().includes(search.value.toLowerCase()) ? "inline" : "none"))
19644
19645          var search_mob = document.getElementById("search_brand_mob");
19646          var labels_mob = document.querySelectorAll("#brand_check_mob > label");
19647
19648          search_mob.addEventListener("input", () => Array.from(labels_mob).forEach((element) => element.style.display = element.childNodes[1].id.toLowerCase().includes(search_mob.value.toLowerCase()) ? "inline" : "none")) */
19649          $('#search_brand_desk_1').on('keyup', function() {
19650            var searchText = $(this).val().toLowerCase();
19651            $('#brand_check_list_1 label').each(function() {
19652              var label = $(this);
19653              if (label.text().toLowerCase().includes(searchText)) {
19654                label.show();
19655                label.parent().show();
19656              } else {
19657                label.hide();
19658                label.parent().hide();
19659              }
19660            });
19661          });
19662          $('#search_brand_desk_2').on('keyup', function() {
19663            var searchText = $(this).val().toLowerCase();
19664            $('#brand_check_list_2 label').each(function() {
19665              var label = $(this);
19666              if (label.text().toLowerCase().includes(searchText)) {
19667                label.show();
19668                label.parent().show();
19669              } else {
19670                label.hide();
19671                label.parent().hide();
19672              }
19673            });
19674          });
19675          $('#search_brand_desk_3').on('keyup', function() {
19676            var searchText = $(this).val().toLowerCase();
19677            $('#brand_check_list_3 label').each(function() {
19678              var label = $(this);
19679              if (label.text().toLowerCase().includes(searchText)) {
19680                label.show();
19681                label.parent().show();
19682              } else {
19683                label.hide();
19684                label.parent().hide();
19685              }
19686            });
19687          });
19688          $('#search_brand_mob').on('keyup', function() {
19689            var searchText = $(this).val().toLowerCase();
19690            $('#brand_check_mob label').each(function() {
19691              var label = $(this);
19692              if (label.text().toLowerCase().includes(searchText)) {
19693                label.show();
19694                label.parent().show();
19695              } else {
19696                label.hide();
19697                label.parent().hide();
19698              }
19699            });
19700          });
19701
19702          //$.each($.parseJSON(brandListData), function(i,item){
19703          $.each(brandListData, function(i, item) {
19704            var isChecked = "";
19705            $.each(brand_from_url.split('--'), function(k, v) {
19706              if (v == item.brand_slug) {
19707                isChecked = "checked";
19708              }
19709            });
19710            //            if (isChecked == "checked") {
19711            $("#brandList").append('\
19712                <li class="' + isChecked + '">\
19713                  <div class="squaredThree">\
19714                    <input type="checkbox" data-id="' + item.brand_slug + '" value="' + item.brand_slug + '" id="' + item.brand_slug + '" class="form-check-input sidebar brand-check-sidebar" name="' + item.brand_name + '" name-tag="' + item.brand_name + '" ' + isChecked + '\
19715                    />\
19716                    <span>\
19717                      <h5 class="sidebar_brand brandnav-' + item.brand_slug + '">' + item.brand_name + '</h5>\
19718                    </span>\
19719                  </div>\
19720                </li>\
19721              ');
19722            $("#MobilebrandList").append('\
19723                <li class="' + isChecked + '">\
19724                  <div class="squaredThree">\
19725                    <input type="checkbox" data-id="' + item.brand_slug + '" value="' + item.brand_slug + '" id="' + item.brand_slug + '-mobile" class="form-check-input sidebar_mobile brand-check-sidebar" name="' + item.brand + '" name-tag="' + item.brand_name + '" ' + isChecked + '\
19726                    />\
19727                    <span>\
19728                      <h5 class="sidebar_brand brandnav-' + item.brand_slug + '">' + item.brand_name + '</h5>\
19729                    </span>\
19730                  </div>\
19731                </li>\
19732              ');
19733            $("#brand_check_list_1").append('\
19734                <div class="col-md-10">\
19735                <label class="asr-checkbox">\
19736                  <span>' + item.brand_name + '</span>\
19737                  <input type="checkbox" class="check-mnf brand-check-sidebar-new" data-value="' + item.brand_slug + '" data-parent-name="brand_filter" data-id="' + item.brand_slug + '" name="' + item.brand_name + '"  name-tag="' + item.brand_name + '" value="' + item.brand_slug + '" id="' + item.brand_slug + '">\
19738                  <span class="asrlabel-checkbox"></span>\
19739                </label>\
19740                </div>\
19741              ');
19742            $("#brand_check_list_2").append('\
19743                <div class="col-md-10">\
19744                  <label class="asr-checkbox">\
19745                    <span>' + item.brand_name + '</span>\
19746                    <input type="checkbox" class="check-mnf brand-check-sidebar-new" data-value="' + item.brand_slug + '" data-parent-name="brand_filter" data-id="' + item.brand_slug + '" name="' + item.brand_name + '"  name-tag="' + item.brand_name + '" value="' + item.brand_slug + '" id="' + item.brand_slug + '">\
19747                    <span class="asrlabel-checkbox"></span>\
19748                  </label>\
19749                </div>\
19750              ');
19751            $("#brand_check_list_3").append('\
19752                <div class="col-md-10">\
19753                  <label class="asr-checkbox">\
19754                    <span>' + item.brand_name + '</span>\
19755                    <input type="checkbox" class="check-mnf brand-check-sidebar-new" data-value="' + item.brand_slug + '" data-parent-name="brand_filter" data-id="' + item.brand_slug + '" name="' + item.brand_name + '"  name-tag="' + item.brand_name + '" value="' + item.brand_slug + '" id="' + item.brand_slug + '">\
19756                    <span class="asrlabel-checkbox"></span>\
19757                  </label>\
19758                </div>\
19759              ');
19760
19761            $("#brand_check_mob .brand_chk").append('\
19762                <div class="col-md-10">\
19763                  <label class="asr-checkbox-mob">\
19764                    <span>' + item.brand_name + '</span>\
19765                    <input type="checkbox" class="check-mnf brand-check-sidebar-new" data-value="' + item.brand_slug + '" data-parent-name="brand_filter" data-id="' + item.brand_slug + '" name="' + item.brand_name + '"  name-tag="' + item.brand_name + '" value="' + item.brand_slug + '" id="' + item.brand_slug + '">\
19766                    <span class="asrlabel-checkbox"></span>\
19767                  </label>\
19768                </div>\
19769              ');
19770
19771            //            }
19772          });
19773
19774          $("#selectManufacturedIn1").append('<option value="0">All Country</option>');
19775          $("#selectManufacturedIn2").append('<option value="0">All Country</option>');
19776          $("#selectManufacturedIn3").append('<option value="0">All Country</option>');
19777          $("#selectManufacturedInMob").append('<option value="0">All Country</option>');
19778          
19779          $.each(countryListData, function(i, item) {
19780            // console.log(item.country_name);
19781            if (item.country_id !== null) {
19782              $("#selectManufacturedIn1").append('<option value="' + item.country_id + '">' + item.country_name + '</option>');
19783              $("#selectManufacturedIn2").append('<option value="' + item.country_id + '">' + item.country_name + '</option>');
19784              $("#selectManufacturedIn3").append('<option value="' + item.country_id + '">' + item.country_name + '</option>');
19785              $("#selectManufacturedInMob").append('<option value="' + item.country_id + '">' + item.country_name + '</option>');
19786            }
19787          });
19788
19789          // Hide country manufacture if no data
19790          if(countryListData?.filter(x => x.country_id !== null)?.length === 0){
19791            $(".container-filter-country-manufacturer").hide()
19792          }else{
19793            $(".container-filter-country-manufacturer").show()
19794          }
19795
19796
19797          var segments = window.location.pathname.split('/');
19798          var category_from_url = segments[3];
19799
19800          if (category_from_url != undefined) {
19801            category_slug = decodeURIComponent(category_from_url);
19802          } else {
19803            category_slug = "all";
19804          }
19805
19806          $(".brand-check-sidebar").prop('checked', false);
19807          $(".brand-check-sidebar").parent().find("span h5").removeClass("checked");
19808          $(".brand-check-sidebar").each(function() {
19809            var this_checkbox = $(this);
19810            $.each(brand_from_url.split('--'), function(k, v) {
19811              if (this_checkbox.attr('id') == v) {
19812                this_checkbox.prop('checked', true);
19813                this_checkbox.parent().find("span h5").addClass("checked");
19814              }
19815            });
19816          });
19817
19818          $(".brand-check-sidebar-new").prop('checked', false);
19819          // $(".brand-check-sidebar-new").parent().find("span h5").removeClass("checked");
19820          $(".brand-check-sidebar-new").each(function() {
19821            var this_checkbox = $(this);
19822            $.each(brand_from_url.split('--'), function(k, v) {
19823              if (this_checkbox.attr('id') == v) {
19824                this_checkbox.prop('checked', true);
19825                $('.brand-check-sidebar-new[data-id=' + v + ']').prop('checked', true);
19826                // this_checkbox.parent().find("span h5").addClass("checked");
19827              }
19828            });
19829          });
19830
19831          var sort_by = segments[5];
19832          if (sort_by != undefined) {
19833            sort_by = decodeURIComponent(sort_by);
19834          } else {
19835            sort_by = "";
19836          }
19837
19838
19839          $("#sortByList li").each(function() {
19840            if ($(this).attr("val") == sort_by) {
19841              $("#sortByList li").removeClass("active");
19842              $(this).addClass("active");
19843
19844              if (sort_by != "") {
19845                if ($(this).attr("name") == "default") {
19846                  $("#dropDownSortBy p span").html("");
19847                } else {
19848                  $("#dropDownSortBy p span").html("- " + $(this).attr("name"));
19849                }
19850              } else {
19851                $("#dropDownSortBy p span").html("");
19852              }
19853            }
19854          });
19855
19856
19857          $(".sortByList-mobile li").each(function() {
19858            if ($(this).attr("val") == sort_by) {
19859              $(".sortByList-mobile li").removeClass("active");
19860              $(this).addClass("active");
19861            }
19862          });
19863
19864          $("#brandList .sidebar_brand").unbind("click");
19865          $("#brandList .sidebar_brand").click(function() {
19866            //              alert("setelah klik");
19867            var getselected = $(this).parent().parent().find("input.brand-check-sidebar").data("id");
19868            if ($(this).hasClass("checked")) {
19869              $(this).removeClass("checked");
19870              $(this).parent().parent().find("input.brand-check-sidebar").prop('checked', false);
19871            } else {
19872              $(this).addClass("checked");
19873              $(".brandnav-" + getselected).addClass("checked");
19874              $(this).parent().parent().find("input.brand-check-sidebar").prop('checked', true);
19875            }
19876
19877            $("#dropDownBrandList").removeClass("drop-down-show");
19878            remake_url(1, category_from_url);
19879          });
19880
19881          $("#MobilebrandList .sidebar_brand").unbind("click");
19882          $("#MobilebrandList .sidebar_brand").click(function() {
19883            var value = $(this).parent().parent().find('input').attr('value');
19884            //          alert("setelah refresh");
19885            var getselected = $("#" + value).data("id");
19886            if ($(this).hasClass("checked")) {
19887              $("#" + value).parent().find("sidebar_brand").removeClass("checked");
19888              $("#" + value).prop('checked', false);
19889            } else {
19890              $("#" + value).parent().find("sidebar_brand").addClass("checked");
19891              $("#" + value).prop('checked', true);
19892            }
19893            if ($(".section.find-brand").hasClass("show")) {
19894              toggleMenuFilter("find-brand");
19895            }
19896            $("#dropDownBrandList").removeClass("drop-down-show");
19897            remake_url(1, category_from_url);
19898          });
19899
19900          let timer; //for handle duplicate function
19901          $("#brand_check_list_1 label").unbind("click");
19902          $("#brand_check_list_1 label").click(function() {
19903            //  alert($(this).find('input').attr('value'));
19904
19905            // handle dupplicate call remake url
19906            clearTimeout(timer);
19907            timer = setTimeout(() => {
19908              remake_url(1, category_from_url);
19909            }, 500);
19910          });
19911
19912          $("#brand_check_list_2 label").unbind("click");
19913          $("#brand_check_list_2 label").click(function() {
19914            //  alert($(this).find('input').attr('value'));
19915
19916            // handle dupplicate call remake url
19917            clearTimeout(timer);
19918            timer = setTimeout(() => {
19919              remake_url(1, category_from_url);
19920            }, 500);
19921          });
19922
19923          $("#brand_check_list_3 label").unbind("click");
19924          $("#brand_check_list_3 label").click(function(e) {
19925            //  alert($(this).find('input').attr('value'));
19926            // handle dupplicate call remake url
19927            clearTimeout(timer);
19928            timer = setTimeout(() => {
19929              remake_url(1, category_from_url);
19930            }, 500);
19931
19932          });
19933
19934          $("#brand_check_mob label").unbind("click");
19935          $("#brand_check_mob label").click(function() {
19936            //  alert($(this).find('input').attr('value'));
19937
19938            // handle dupplicate call remake url
19939            clearTimeout(timer);
19940            timer = setTimeout(() => {
19941              remake_url(1, category_from_url);
19942            }, 500);
19943          });
19944
19945          $("#MobileListMobile > li > div > span > h5").unbind("click");
19946          $("#MobileListMobile > li > div > span > h5").click(function() {
19947            $(this).parent().parent().find('input[type=checkbox]').prop("checked", !$(this).parent().parent().find('input[type=checkbox]').prop("checked"));
19948          });
19949
19950          // handle select2 data of material origin list
19951          $(".select-material-origin").empty();
19952
19953          // Hide material origin if no data
19954          materialOriginListCountry.forEach(x => {
19955            if (x.country_id !== null) {
19956              $(".select-material-origin").append(`<option value="${x?.country_id}">${x?.country_name}</option>`)
19957            }
19958          })
19959
19960          if(materialOriginListCountry?.filter(x => x.country_id !== null)?.length === 0){
19961            $(".container-filter-material-origin").hide()
19962          }else{
19963            $(".container-filter-material-origin").show()
19964          }
19965
19966          addTagsFilter3Reload();
19967        })
19968        .fail(function() {})
19969        .always(function() {});
19970
19971    }, 500);
19972  }
19973
19974
19975  // <span class="filter-tags"><h6>Landed House</h6><i idroom="Landed House" id="property-type-landed-house" class="fa fa-close erase-filter" style="color: #4a4a4a;"></i></span>
19976  // <span class="filter-tags"><h6>Landed House</h6><i idroom="Landed House" id="property-type-landed-house" class="fa fa-close erase-filter" style="color: #4a4a4a;"></i></span>
19977  // <span class="filter-tags"><h6>Clear All</h6></span>
19978  function addTagsFilter3Reload() {
19979    var segments = window.location.pathname.split('/');
19980
19981    if (search_from_url != null) {
19982      search_from_url = decodeURIComponent(search_from_url);
19983    } else {
19984      search_from_url = "";
19985    }
19986    $(".brand-filter .search-tags-wrapper").html('');
19987
19988
19989    var tagsTotal = 0;
19990
19991    if (search_from_url != "") {
19992      $(".brand-filter .search-tags-wrapper").append('' +
19993        '<span class="filter-tags search-param" status="search text"><h6>"' +
19994        search_from_url + '' +
19995        '"</h6><i class="fa fa-close erase-filter" style="color: #4a4a4a;">' +
19996        '</i>' +
19997        '</span>');
19998      tagsTotal++;
19999    }
20000
20001    // //console.log(arrayBrand);
20002    // array untuk menampung yang di checklist
20003    let arrayBrand = [];
20004    arrayBrand = $("#brandList .form-check-input.sidebar:checked").map(function() {
20005      return this;
20006    }).get();
20007
20008    let arrayBrand1 = [];
20009    arrayBrand1 = $("#brand_check_list_1 .check-mnf:checked").map(function() {
20010      return this;
20011    }).get();
20012
20013    let arrayBrand2 = [];
20014    arrayBrand2 = $("#brand_check_list_2 .check-mnf:checked").map(function() {
20015      return this;
20016    }).get();
20017
20018    let arrayBrand3 = [];
20019    arrayBrand3 = $("#brand_check_list_3 .check-mnf:checked").map(function() {
20020      return this;
20021    }).get();
20022
20023    let arrayBrandMob = [];
20024    arrayBrandMob = $("#brand_check_mob .check-mnf:checked").map(function() {
20025      return this;
20026    }).get();
20027
20028    // Handle duplicate tags from list checklist
20029    $(".brand-filter .brand-tags-wrapper").html("");
20030
20031    let arrCombination = [...arrayBrand, ...arrayBrand1, ...arrayBrand2, ...arrayBrand3, ...arrayBrandMob].reduce(((temp = [], val) => {
20032      const nameNow = val.getAttribute("name-tag");
20033      if (
20034        !temp.find(x => {
20035          const tempName = x.getAttribute("name-tag");
20036          return tempName === nameNow;
20037        })
20038      ) {
20039        temp.push(val);
20040      }
20041      return temp;
20042    }), [])
20043
20044    $.each(arrCombination, function(index, value) {
20045      const name = value.getAttribute("name-tag");
20046      $(".brand-filter .brand-tags-wrapper").append('' +
20047        '<span class="filter-tags" status="brand" data-e="ok"><h6>' +
20048        name + '' +
20049        '</h6><i idroom ="' +
20050        name +
20051        '" id =' +
20052        value.getAttribute("id") + "-tags-filter" +
20053        ' class="fa fa-close erase-filter" style="color: #4a4a4a;">' +
20054        '</i>' +
20055        '</span>');
20056      tagsTotal++;
20057    });
20058
20059    // Countries 
20060    $('.brand-filter .countries-tags-wrapper').html('');
20061
20062    let xCountriesArrayTag = [];
20063    $("input.x-country-filter:checkbox:checked").each(function(idx, val) {
20064      if (!xCountriesArrayTag.find((x) => $(x).val() == val.value)) {
20065        xCountriesArrayTag.push($(this));
20066      }
20067    });
20068
20069    $.each(xCountriesArrayTag, function(index, value) {
20070      $(".brand-filter .countries-tags-wrapper").append(`
20071        <span class="filter-tags" status="countries" value="${value.attr('id')}">
20072          <h6>
20073            ${value.attr('name-tag').toUpperCase()} 
20074          </h6>
20075          <i class="fa fa-close erase-filter" style="color: #4a4a4a;"></i>
20076        </span>
20077      `);
20078      tagsTotal++;
20079    });
20080
20081    $(".brand-filter .clear-all-tags").remove();
20082
20083    if (tagsTotal > 1) {
20084      $(".brand-filter").append('' +
20085        '<span class="filter-tags clear-all-tags" onclick="clearAllTags()" style="padding-right: 20px;"><h6>Clear All</h6></span>'
20086      );
20087    }
20088
20089
20090    // untuk hapus tags lewat tanda silang
20091    $(".filter-tags").off();
20092    $(".filter-tags").on("click", function() {
20093      if ($(this).hasClass("search-param")) {
20094        search_from_url = "";
20095      }
20096      // remove keyword tags
20097      if ($(this).attr("status") == "search text") {
20098        let segments = window.location.pathname.split('/');
20099        let category_from_url = segments[3];
20100        // if search at all category
20101        if (!category_from_url || category_from_url == "all-category") {
20102          $(".top-title span.text").html('Products');
20103        }
20104        $(".filter-keyword").val('');
20105        $(this).remove();
20106      }
20107      // remove countries
20108      if ($(this).attr("status") == "countries") {
20109        $(`#countriesFilterSidebarSection #${$(this).attr("value")}`).prop("checked", false);
20110        $(this).remove();
20111      }
20112
20113      if ($(this).attr("status") == "brand") {
20114        // console.log("this1");
20115        var idCheckbox = $(this).find("i.erase-filter").attr('id');
20116        idCheckbox = idCheckbox.replace("-tags-filter", '');
20117        var checkboxId = "input[id='" + idCheckbox + "']";
20118        $(checkboxId).prop('checked', false);
20119        $(checkboxId).parent().find("span h5").removeClass("checked");
20120        $(".loading-css-animation").show();
20121        $(".top-title span.count").hide();
20122
20123        remake_url(1);
20124        $(this).remove();
20125      } else {
20126        $(".loading-css-animation").show();
20127        $(".top-title span.count").hide();
20128        remake_url(4);
20129        $(this).remove();
20130      }
20131    });
20132  }
20133
20134  addTagsFilter3Reload();
20135
20136  ////console.log("remake6-");
20137  //remake_brand_list("");
20138
20139  const resetBrandtags = () => {
20140    $("#brandList .form-check-input.sidebar:checked").prop('checked', false);
20141    $(".form-check-input.sidebar").parent().find("span h5").removeClass("checked");
20142    $("#brand_check_list_1 .check-mnf:checked").prop('checked', false);
20143    $("#brand_check_list_2 .check-mnf:checked").prop('checked', false);
20144    $("#brand_check_list_3 .check-mnf:checked").prop('checked', false);
20145    $("#brand_check_mob .check-mnf:checked").prop('checked', false);
20146    $(".brand-filter .brand-tags-wrapper").html("");
20147  };
20148
20149  function clearAllTags() {
20150
20151    window.location.href = "https://www.archify.com/au/products";
20152    // $(".form-check-input.sidebar").prop("checked", false);
20153    // $(".form-check-input.sidebar").parent().find("span h5").removeClass("checked");
20154    resetBrandtags();
20155
20156    // countries reset
20157    $("input.x-country-filter:checkbox:checked").each(function() {
20158      this.checked = false;
20159    });
20160    // Keyword reset
20161    $('.filter-keyword').val('');
20162    $(".loading-css-animation").show();
20163    $(".top-title span.count").hide();
20164
20165    remake_url(4);
20166    $(".filter-tags").remove();
20167  }
20168</script>
20168
20169
20170<!-- Country Manufactured In Function Here -->
20171<script>
20172  $('#selectManufacturedIn1').select2({
20173    placeholder: "Select Country",
20174    dropdownParent: $('.select-manufactured-in-wrapper1')
20175  });
20176  $('#selectManufacturedIn2').select2({
20177    placeholder: "Select Country",
20178    dropdownParent: $('.select-manufactured-in-wrapper2')
20179  });
20180  $('#selectManufacturedIn3').select2({
20181    placeholder: "Select Country",
20182    dropdownParent: $('.select-manufactured-in-wrapper3')
20183  });
20184  $('#selectManufacturedInMob').select2({
20185    placeholder: "Select Country",
20186    dropdownParent: $('.select-manufactured-in-wrapperMob')
20187  });
20188  $('#select-material-origin-l1').select2({
20189    placeholder: "Select Country",
20190    dropdownParent: $('.select-material-origin-wrapper-l1'),
20191    multiple: true,
20192    tokenSeparators: [','],
20193  }).val("").trigger("change");
20194  $('#select-material-origin-l2').select2({
20195    placeholder: "Select Country",
20196    dropdownParent: $('.select-material-origin-wrapper-l2'),
20197    multiple: true,
20198    tokenSeparators: [','],
20199  }).val("").trigger("change");
20200  $('#select-material-origin-l3').select2({
20201    placeholder: "Select Country",
20202    dropdownParent: $('.select-material-origin-wrapper-l3'),
20203    multiple: true,
20204    tokenSeparators: [','],
20205  }).val("").trigger("change");
20206</script>
20206
20207
20208
20209<!-- Scroll Up Down Hide SHow Top Menu -->
20210<script>
20211  var top_menu_is_shown = true;
20212  var prevScrollpos = window.pageYOffset;
20213  var xxTimeOut;
20214  window.onscroll = function() {
20215    var currentScrollPos = window.pageYOffset;
20216    if (prevScrollpos > currentScrollPos) {
20217      document.getElementById("top-main-menu").style.top = "70px";
20218      $("#catalog-home-page.search-brand #new-sidebar-product-category").css("margin-top", "120px");
20219      $("#new-sidebar-product-subcategory").css("margin-top", "120px");
20220      $("#new-sidebar-product-subsubcategory").css("margin-top", "120px");
20221      if (!top_menu_is_shown) {
20222        if (xxTimeOut) {
20223          clearTimeout(xxTimeOut)
20224        }
20225        $("#catalog-home-page.search-brand #new-sidebar-product-category").css("overflow", "hidden");
20226        $("#new-sidebar-product-subcategory").css("overflow", "hidden");
20227        $("#new-sidebar-product-subsubcategory").css("overflow", "hidden");
20228        xxTimeOut = setTimeout(function() {
20229          $("#catalog-home-page.search-brand #new-sidebar-product-category").css("overflow", "");
20230          scrollCategoryList.recalculate();
20231        }, 500);
20232        xxTimeOut = setTimeout(function() {
20233          $("#new-sidebar-product-subcategory").css("overflow", "");
20234          scrollSubCategoryList.recalculate();
20235        }, 500);
20236        xxTimeOut = setTimeout(function() {
20237          $("#new-sidebar-product-subsubcategory").css("overflow", "");
20238          scrollSubSubCategoryList.recalculate();
20239        }, 500);
20240      }
20241      top_menu_is_shown = true;
20242    } else {
20243      if (window.pageYOffset > 120) {
20244        document.getElementById("top-main-menu").style.top = "-50px";
20245        $("#catalog-home-page.search-brand #new-sidebar-product-category").css("margin-top", "70px");
20246        $("#new-sidebar-product-subcategory").css("margin-top", "70px");
20247        $("#new-sidebar-product-subsubcategory").css("margin-top", "70px");
20248        if (top_menu_is_shown) {
20249          if (xxTimeOut) {
20250            clearTimeout(xxTimeOut)
20251          }
20252          $("#catalog-home-page.search-brand #new-sidebar-product-category").css("overflow", "hidden");
20253          $("#new-sidebar-product-subcategory").css("overflow", "hidden");
20254          $("#new-sidebar-product-subsubcategory").css("margin-top", "70px");
20255          xxTimeOut = setTimeout(function() {
20256            $("#catalog-home-page.search-brand #new-sidebar-product-category").css("overflow", "");
20257            scrollCategoryList.recalculate();
20258          }, 500);
20259          xxTimeOut = setTimeout(function() {
20260            $("#new-sidebar-product-subcategory").css("overflow", "");
20261            scrollSubCategoryList.recalculate();
20262          }, 500);
20263          xxTimeOut = setTimeout(function() {
20264            $("#new-sidebar-product-subsubcategory").css("overflow", "");
20265            scrollSubSubCategoryList.recalculate();
20266          }, 500);
20267        }
20268        top_menu_is_shown = false;
20269        $("#top-main-menu ul#top-main-menu-list > li").css("opacity", "1");
20270        $(".popup-shade-bg-main-menu").css("display", "none");
20271        $(".popup").css("display", "none");
20272      }
20273    }
20274    prevScrollpos = currentScrollPos;
20275  }
20276</script>
20276
20277
20278
20279<!-- get visible footer height -->
20280<script>
20281  function getVisible() {
20282    var $el = $('#newFooter'),
20283      scrollTop = $(this).scrollTop(),
20284      scrollBot = scrollTop + $(this).height(),
20285      elTop = $el.offset().top,
20286      elBottom = elTop + $el.outerHeight(),
20287      visibleTop = elTop < scrollTop ? scrollTop : elTop,
20288      visibleBottom = elBottom > scrollBot ? scrollBot : elBottom;
20289    var footer_height = visibleBottom - visibleTop;
20290
20291    footer_height = 1;
20292    if (footer_height > 0) {
20293      if (top_menu_is_shown) {
20294        $("#catalog-home-page.search-brand #new-sidebar-product-category").css("margin-top", "120px");
20295        $("#catalog-home-page.search-brand #new-sidebar-product-category").css("height", "calc(100vh - 120px - " + footer_height + "px)");
20296        $("#new-sidebar-product-subcategory").css("margin-top", "120px");
20297        $("#new-sidebar-product-subcategory").css("height", "calc(100vh - 120px - " + footer_height + "px)");
20298        $("#new-sidebar-product-subsubcategory").css("margin-top", "120px");
20299        $("#new-sidebar-product-subsubcategory").css("height", "calc(100vh - 120px - " + footer_height + "px)");
20300      } else {
20301        $("#catalog-home-page.search-brand #new-sidebar-product-category").css("margin-top", "70px");
20302        $("#catalog-home-page.search-brand #new-sidebar-product-category").css("height", "calc(100vh - 70px - " + footer_height + "px)");
20303        $("#new-sidebar-product-subcategory").css("margin-top", "70px");
20304        $("#new-sidebar-product-subcategory").css("height", "calc(100vh - 70px - " + footer_height + "px)");
20305        $("#new-sidebar-product-subsubcategory").css("margin-top", "70px");
20306        $("#new-sidebar-product-subsubcategory").css("height", "calc(100vh - 70px - " + footer_height + "px)");
20307      }
20308    } else {
20309      if (top_menu_is_shown) {
20310        $("#catalog-home-page.search-brand #new-sidebar-product-category").css("margin-top", "120px");
20311        $("#catalog-home-page.search-brand #new-sidebar-product-category").css("height", "calc(100vh - 120px");
20312        $("#new-sidebar-product-subcategory").css("margin-top", "120px");
20313        $("#new-sidebar-product-subcategory").css("height", "calc(100vh - 120px");
20314        $("#new-sidebar-product-subsubcategory").css("margin-top", "120px");
20315        $("#new-sidebar-product-subsubcategory").css("height", "calc(100vh - 120px");
20316      } else {
20317        $("#catalog-home-page.search-brand #new-sidebar-product-category").css("margin-top", "70px");
20318        $("#catalog-home-page.search-brand #new-sidebar-product-category").css("height", "calc(100vh - 70px");
20319        $("#new-sidebar-product-subcategory").css("margin-top", "70px");
20320        $("#new-sidebar-product-subcategory").css("height", "calc(100vh - 70px");
20321        $("#new-sidebar-product-subsubcategory").css("margin-top", "70px");
20322        $("#new-sidebar-product-subsubcategory").css("height", "calc(100vh - 70px");
20323      }
20324    }
20325  }
20326
20327  $(window).on('scroll resize', getVisible);
20328
20329
20330  $(document).ready(function() {
20331    getVisible();
20332  });
20333  var scrollCategoryList;
20334
20335
20336  // Init Simplebar for subcategory list
20337  var scrollSubCategoryList = new SimpleBar(document.getElementById('new-sidebar-product-subcategory'), {
20338    autoHide: false
20339  });
20340  setTimeout(function() {
20341    scrollSubCategoryList.recalculate();
20342  }, 500);
20343
20344
20345  // Init Simplebar for subsubcategory list
20346  var scrollSubSubCategoryList = new SimpleBar(document.getElementById('new-sidebar-product-subsubcategory'), {
20347    autoHide: false
20348  });
20349  setTimeout(function() {
20350    scrollSubSubCategoryList.recalculate();
20351  }, 500);
20352</script>
20352
20353
20354<!-- Retrieve Data Category & Collapse event proccess-->
20355<script>
20356  var data = "";
20357
20358  if (getMenuProducts3Ajax) {
20359    getMenuProducts3Ajax.abort();
20360  }
20361  getMenuProducts3Ajax = $.ajax({
20362      url: 'https://www.archify.com/au/gpost/products/menu_products3',
20363      dataType: 'json',
20364      async: true,
20365      beforeSend: function() {
20366
20367      }
20368    }).done(function(datax) {
20369
20370      var global_category_from_url = "";
20371      var parent_category_from_url = "";
20372      data = datax;
20373      // //console.log(data);
20374      $("#new-sidebar-product-category .sidebar.skeleton").fadeOut("fast", function() {
20375        $("#new-sidebar-product-category .sidebar.category-sidebar").fadeIn();
20376      });
20377      if (data.length > 0) {
20378
20379        var category_from_url = ""; // "";
20380        var global_category_from_url = category_from_url;
20381        var parent_category_from_url = category_from_url;
20382
20383        for (var i = 0; i < data.length; i++) {
20384
20385          // if category selected is l3
20386          if (category_from_url != data[i].slug) {
20387            if (data[i].child.length > 0) {
20388              for (var j = 0; j < data[i].child.length; j++) {
20389                if (data[i].child[j].child.length > 0) {
20390                  for (var k = 0; k < data[i].child[j].child.length; k++) {
20391                    if (global_category_from_url == data[i].child[j].child[k].slug) {
20392                      category_from_url = data[i].child[j].slug;
20393                      parent_category_from_url = data[i].child[j].slug;
20394                    }
20395                  }
20396                }
20397              }
20398            }
20399          }
20400
20401        }
20402
20403        for (var i = 0; i < data.length; i++) {
20404
20405          var slug = data[i].slug;
20406          var show_collapse = "";
20407          var selected_link_category = "";
20408          var selected_link_subcategory = "";
20409
20410          var active = "";
20411          if (i == 0) {
20412            active = "active";
20413          } else {
20414            active = "";
20415          }
20416
20417          var accordion_logo = '\
20418          <img class="icon-accordion icon-accordion-plus show" src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg" alt="">\
20419          <img class="icon-accordion icon-accordion-minus hide" src="https://www.archify.com/assets/img/svg/icon-accordion-minus.svg" alt="">\
20420          ';
20421
20422
20423          if (category_from_url == data[i].slug) {
20424            accordion_logo = '\
20425            <img class="icon-accordion icon-accordion-plus hide" src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg" alt="">\
20426            <img class="icon-accordion icon-accordion-minus show" src="https://www.archify.com/assets/img/svg/icon-accordion-minus.svg" alt="">\
20427            ';
20428            show_collapse = "show";
20429            selected_link_category = "selected";
20430            // remake_breadcrumbs(data[i].slug, "", data[i].name);
20431            $('.item-category-l1').remove();
20432            $('.item-category-l2').remove();
20433            $('.item-category-l3').remove();
20434            $('.breadcrumb-nav > span').append('\
20435            <span class="item-category-l1" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\
20436              /\
20437              <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + data[i].slug + '" href="https://www.archify.com/au/products/' + data[i].slug + '"><span itemprop="name">' + data[i].name + '</span></a>\
20438              <meta itemprop="position" content="3">\
20439            </span>\
20440            ');
20441            $(".top-title span.text").html('');
20442            $(".top-title span.text").append('\
20443            ' + data[i].name + '\
20444            ');
20445          }
20446          if (data[i].child.length > 0) {
20447            for (var j = 0; j < data[i].child.length; j++) {
20448              if (category_from_url == data[i].child[j].slug) {
20449
20450                accordion_logo = '\
20451              <img class="icon-accordion icon-accordion-plus hide" src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg" alt="">\
20452              <img class="icon-accordion icon-accordion-minus show" src="https://www.archify.com/assets/img/svg/icon-accordion-minus.svg" alt="">\
20453              ';
20454                show_collapse = "show";
20455                selected_link_subcategory = "selected";
20456                // remake_breadcrumbs(data[i].slug, data[i].name, data[i].child[j].name);
20457                $('.item-category-l1').remove();
20458                $('.item-category-l2').remove();
20459                $('.item-category-l3').remove();
20460                $('.breadcrumb-nav > span').append('\
20461              <span class="item-category-l1" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\
20462                /\
20463                <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + data[i].slug + '" href="https://www.archify.com/au/products/' + data[i].slug + '"><span itemprop="name">' + data[i].name + '</span></a>\
20464                <meta itemprop="position" content="3">\
20465              </span>\
20466              <span class="item-category-l2" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\
20467                /\
20468                <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + data[i].child[j].slug + '" href="https://www.archify.com/au/products/' + data[i].child[j].slug + '"><span itemprop="name">' + data[i].child[j].name + '</span></a>\
20469                <meta itemprop="position" content="4">\
20470              </span>\
20471              ');
20472                $(".top-title span.text").html('');
20473                $(".top-title span.text").append('\
20474              ' + data[i].child[j].name + '\
20475              ');
20476              }
20477            }
20478          }
20479
20480          if (i == 0) {
20481            $("#new-sidebar-product-category .sidebar.category-sidebar .category-list-wrapper").append('\
20482            <div class="card product-category-item panel-group asr-level3 all-products-link">\
20483                <div class="card-header panel-heading">\
20484                    <h4 class="panel-title">\
20485                        <a class="select collapsed link-all-categories" href="#" value="all-category" name="All Categories">\
20486                            <p style="margin: 0; width: 100%;" value="all-category" name="All Categories">All Product Categories</p>\
20487                        </a>\
20488                    </h4>\
20489                </div>\
20490            </div>\
20491          ');
20492
20493            $(".parentmob").append('\
20494               <li class="all-livhide link-all-categories" val="all-categories" value="all-category" name="Products">\
20495                   <span>All Categories</span>\
20496               </li>\
20497           ');
20498          };
20499
20500
20501          $(".parentmob").append('\
20502           <li class="liv" val="' + data[i].slug + '">\
20503               <span>' + data[i].name + '</span>\
20504               <img src="https://www.archify.com/assets/img/svg/icon-general-arrow-right.svg" alt="arrow black right" width="20" height="20" class="imgliv">\
20505           </li>\
20506        ');
20507
20508          $("#wrap-secondmob").append('\
20509          <div class="section categorychild-' + data[i].slug + '">\
20510            <div class="filter-head">\
20511               Filter\
20512            </div>\
20513            <div class="filter-content-full">\
20514              <div class="info-back-filter remove-this-section">\
20515              <img class="back-class" src="https://www.archify.com/assets/img/svg/left-arrow-black-small-bold.svg" alt="arrow black left" width="10" height="10">' + data[i].name + '\
20516              </div>\
20517               <ul id="listsecondmob-' + i + '" class="list-level nextmob">\
20518                    <li class="all-mob-lv2" value="' + data[i].slug + '" name="' + data[i].name + '" status="parent"><span>All ' + data[i].name + '</span></li>\
20519               </ul>\
20520            </div>\
20521          </div>\
20522        ');
20523
20524          var all_l1 = "";
20525          if (data[i].child.length > 0) {
20526            all_l1 += '<li><a href="https://www.archify.com/au/products/' + data[i].slug + '" class="' + selected_link_category + '" value="' + data[i].slug + '" seo_h1="' + data[i].seo_h1 + '" name="' + data[i].name + '" status="parent" id>All ' + data[i].name + '</a></li>';
20527
20528            $("#new-sidebar-product-category .sidebar.category-sidebar .category-list-wrapper").append('\
20529          <div class="card product-category-item panel-group" style="background: #fff; margin: 0; border: 0px; border-radius: 0px;">\
20530  		    <div class="card-header panel-heading" style="background: #fff; padding-left: 0;" role="tab" id="product-cat-' + i + '" data-psvalue="' + data[i].slug + '" data-psname="' + data[i].name + '">\
20531              <h4 class="panel-title">\
20532                  <a class="select collapsed" data-toggle="collapse"  href="#collapse-cat-' + i + '" aria-expanded="false" aria-controls="collapse-cat-' + i + '">\
20533                      <p style="margin: 0; width: 100%;">
20533' + data[i].name + '</p>\
20534                      ' + accordion_logo + '\
20535                  </a>\
20536              </h4>\
20537  					</div>\
20538  					<div style="width: 100%;" class="panel-collapse collapse ' + show_collapse + '" id="collapse-cat-' + i + '" data-parent="#xxxxxx">\
20539              <div class="card-body panel-body">\
20540                <ul class="ullevel1" value="' + data[i].slug + '" name="' + data[i].name + '">\
20541                  ' + all_l1 + '\
20542                </ul>\
20543              </div>\
20544  					</div\
20545  				</div>\
20546          ');
20547          }
20548
20549
20550          // level 2
20551          $("#id-sublevel2").append('\
20552          <div id="collapse-sublevel2-' + i + '" class="toggle-spec level2-' + data[i].slug + '"></div>\
20553        ');
20554          /*  $("#id-sublevel3").append('\
20555          <div id="collapse-sublevel3-' + i + '" class="toggle-spec level3-' + data[i].slug + '"></div>\
20556        '); */
20557
20558          if (selected_link_category == "selected") {
20559            selected_link_category = "";
20560          }
20561          if (data[i].child.length > 0) {
20562            for (var j = 0; j < data[i].child.length; j++) {
20563              selected_link_subcategory = "";
20564              if (category_from_url == data[i].child[j].slug) {
20565                selected_link_subcategory = "selected";
20566              }
20567              // if(data[i].child[j].length > 0){ 
20568              $("#collapse-cat-" + i + " ul").append('\
20569                <li><a href="https://www.archify.com/au/products/' + data[i].child[j].slug + '" class="' + selected_link_subcategory + '" value="' + data[i].child[j].slug + '" seo_h11="' + data[i].child[j].seo_h1 + '" name="' + data[i].child[j].name + '" status="children">' + data[i].child[j].name + '</a></li>\
20570                ');
20571              // }
20572
20573              if (selected_link_subcategory == "selected") {
20574                selected_link_subcategory = "";
20575              }
20576
20577
20578              var child_l3 = data[i].child[j].child;
20579                                          if (child_l3.length <= 1) {
20580                $("#listsecondmob-" + i).append('\
20581                   <li class="all-mob-lv3" value="' + data[i].child[j].slug + '" name="' + data[i].child[j].name + '" data-parent1="' + data[i].slug + '" data-parent2="' + data[i].child[j].slug + '"><span>' + data[i].child[j].name + '</span></li>\
20582                ');
20583              } else {
20584                $("#listsecondmob-" + i).append('\
20585                    <li class="liv" val="' + data[i].child[j].slug + '">\
20586                       <span>' + data[i].child[j].name + '</span>\
20587                       <img src="https://www.archify.com/assets/img/svg/icon-general-arrow-right.svg" alt="arrow black right" width="20" height="20" class="imgliv">\
20588                   </li>\
20589                ');
20590              }
20591                            /* $("#listsecondmob-" + i).append('\
20592                 <li class="all-mob-lv3" value="' + data[i].child[j].slug + '" name="' + data[i].child[j].name + '" data-parent1="' + data[i].slug + '" data-parent2="' + data[i].child[j].slug + '"><span>' + data[i].child[j].name + '</span></li>\
20593              '); */
20594              // $("#listsecondmob-"+i).addClass("clickable");
20595              
20596
20597              $("#child-lastmob").append('\
20598              <div class="section childlast-' + data[i].child[j].slug + '">\
20599                <div class="filter-head">\
20600                   Filter\
20601                </div>\
20602                <div class="filter-content-full">\
20603                  <div class="info-back-filter remove-this-section">\
20604                  <img class="back-class" src="https://www.archify.com/assets/img/svg/left-arrow-black-small-bold.svg" alt="arrow black left" width="10" height="10">' + data[i].child[j].name + '\
20605                  </div>\
20606                   <ul id="moblistlevel2-' + data[i].child[j].slug + '" class="list-level">\
20607                        <li class="all-mob-lv3" value="' + data[i].child[j].slug + '" name="' + data[i].child[j].name + '" data-parent1="' + data[i].slug + '" data-parent2="' + data[i].child[j].slug + '"><span>All ' + data[i].child[j].name + '</span></li>\
20608                   </ul>\
20609                </div>\
20610              </div>\
20611            ');
20612
20613              // level 2             
20614
20615              var child_l3 = data[i].child[j].child;
20616              if (child_l3.length > 1) {
20617                $("#collapse-sublevel2-" + i).append('\
20618                  <div class="wrap-spec-toggle">\
20619                      <div class="spec-updown headsublevel2 infochild-' + data[i].child[j].slug + '" headlevel2="' + data[i].child[j].name + '" headlevel2slug="' + data[i].child[j].slug + '">' + data[i].child[j].name + '<div class="arrow-cio "><img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg"></div></div>\
20620                      <div class="body-togg-asr bodysublevel2">\
20621                          <ul id="listlevel2-' + data[i].child[j].slug + '" class="list-spec onclick-subcategory">\
20622                              <li><a href="' + data[i].child[j].slug + '" status="parent" class="" value="' + data[i].child[j].slug + '" seo_h1="' + data[i].child[j].seo_h1 + '" name="' + data[i].child[j].name + '">All ' + data[i].child[j].name + '</a></li>\
20623                          </ul>\
20624                      </div>\
20625                  </div>\
20626                ');
20627                /* $("#collapse-sublevel3-" + i).append('\
20628                  <div class="wrap-spec-toggle">\
20629                      <div class="spec-updown headsublevel3 infochild-' + data[i].child[j].slug + '" headlevel3="' + data[i].child[j].name + '" headlevel3slug="' + data[i].child[j].slug + '">' + data[i].child[j].name + '<div class="arrow-cio "><img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg"></div></div>\
20630                      <div class="body-togg-asr bodysublevel3">\
20631                          <ul id="listlevel3-' + data[i].child[j].slug + '" class="list-spec onclick-subcategory">\
20632                              <li><a href="' + data[i].child[j].slug + '" status="parent" class="" value="' + data[i].child[j].slug + '" seo_h1="' + data[i].child[j].seo_h1 + '" name="' + data[i].child[j].name + '">All ' + data[i].child[j].name + '</a></li>\
20633                          </ul>\
20634                      </div>\
20635                  </div>\
20636                '); */
20637              } else {
20638                $("#collapse-sublevel2-" + i).append('\
20639                  <div class="wrap-spec-toggle">\
20640                      <div class="spec-updown headsublevel2 infochild-' + data[i].child[j].slug + '" headlevel2="' + data[i].child[j].name + '" headlevel2slug="' + data[i].child[j].slug + '">' + data[i].child[j].name + '<div class="arrow-cio "><img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg"></div></div>\
20641                      <div class="body-togg-asr bodysublevel2">\
20642                          <ul id="listlevel2-' + data[i].child[j].slug + '" class="list-spec onclick-subcategory">\
20643                          </ul>\
20644                      </div>\
20645                  </div>\
20646                ');
20647                /* $("#collapse-sublevel3-" + i).append('\
20648                  <div class="wrap-spec-toggle">\
20649                      <div class="spec-updown headsublevel3 infochild-' + data[i].child[j].slug + '" headlevel3="' + data[i].child[j].name + '" headlevel3slug="' + data[i].child[j].slug + '">' + data[i].child[j].name + '<div class="arrow-cio "><img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg"></div></div>\
20650                      <div class="body-togg-asr bodysublevel3">\
20651                          <ul id="listlevel3-' + data[i].child[j].slug + '" class="list-spec onclick-subcategory">\
20652                          </ul>\
20653                      </div>\
20654                  </div>\
20655                ');      */
20656              }
20657              //              //console.log(child_l3);
20658              if (typeof child_l3 !== 'undefined') {
20659                if (child_l3.length > 0) {
20660                  for (x = 0; x < child_l3.length; x++) {
20661                    ////console.log(child_l3[x].name);
20662                    $("#listlevel2-" + data[i].child[j].slug).append('\
20663                            <li><a href="#" class="listlevel2" value="' + child_l3[x].slug + '" name="' + child_l3[x].name + '">' + child_l3[x].name + '</a></li>\
20664                        ');
20665                    $("#moblistlevel2-" + data[i].child[j].slug).append('\
20666                            <li class="mob-level2" value="' + child_l3[x].slug + '" name="' + child_l3[x].name + '" data-parent1="' + data[i].slug + '" data-parent2="' + data[i].child[j].slug + '">\
20667                               <span>' + child_l3[x].name + '</span>\
20668                           </li>\
20669                        ');
20670                  }
20671                }
20672              }
20673
20674            }
20675          }
20676
20677
20678          if (i == (data.length - 1)) {
20679            var link_select_category = ".ullevel1 li a";
20680            $(link_select_category).unbind("click");
20681            $(link_select_category).click(function(e) {
20682
20683              filter_datax.filtered = [];
20684              e.preventDefault();
20685              $(".form-check-input.sidebar").prop("checked", false);
20686              $(".form-check-input.sidebar").parent().find("span h5").removeClass("checked");
20687              resetBrandtags();
20688
20689              $(link_select_category).removeClass("selected");
20690              $(this).addClass("selected");
20691
20692              // Commented because make issue when use back button, the data became duplicate when filter category lv 2 show up at browser
20693              ////console.log($(this).attr("seo_h1"));
20694              // remake_url(1, $(this).attr("value"));
20695              // history.replaceState(null, null, $(this).attr("href"));
20696
20697              //deden
20698              if ($(this).attr("status") == "parent") {
20699                // remake_breadcrumbs($(this).parent().parent().attr("value"), "", $(this).attr("name"))
20700                $('.item-category-l1').remove();
20701                $('.item-category-l2').remove();
20702                $('.item-category-l3').remove();
20703                $('.breadcrumb-nav > span').append('\
20704                <span class="item-category-l1" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\
20705                  /\
20706                  <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + $(this).attr("value") + '" href="https://www.archify.com/au/products/' + $(this).attr("value") + '"><span itemprop="name">' + $(this).attr("name") + '</span></a>\
20707                  <meta itemprop="position" content="3">\
20708                </span>\
20709                ');
20710                $(".top-title span.text").html('');
20711                // $(".loading-css-animation").show();
20712                // $(".loading-css-animation").hide();
20713                // $(".top-title span.count").hide();
20714                $(".top-title span.count").show();
20715                // $(".top-title span.text").hide();
20716                $(".top-title span.text").append('\
20717                ' + $(this).attr("seo_h1") + '\
20718                ');
20719              } else {
20720                //klik l2 langsung ke tampilan l3
20721                // remake_breadcrumbs($(this).parent().parent().attr("value"), $(this).parent().parent().attr("name"), $(this).attr("name"));
20722                $('.item-category-l1').remove();
20723                $('.item-category-l2').remove();
20724                $('.item-category-l3').remove();
20725                $('.breadcrumb-nav > span').append('\
20726                <span class="item-category-l1" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\
20727                  /\
20728                  <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + $(this).parent().parent().attr("value") + '" href="https://www.archify.com/au/products/' + $(this).parent().parent().attr("value") + '"><span itemprop="name">' + $(this).parent().parent().attr("name") + '</span></a>\
20729                  <meta itemprop="position" content="3">\
20730                </span>\
20731                <span class="item-category-l2" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\
20732                  /\
20733                  <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + $(this).attr("value") + '" href="https://www.archify.com/au/products/' + $(this).attr("value") + '"><span itemprop="name">' + $(this).attr("name") + '</span></a>\
20734                  <meta itemprop="position" content="4">\
20735                </span>\
20736                ');
20737                $(".top-title span.text").html('');
20738                // $(".loading-css-animation").show();
20739                // $(".loading-css-animation").hide();
20740                // $(".top-title span.count").hide();
20741                $(".top-title span.count").show();
20742                // $(".top-title span.text").hide();
20743                $(".top-title span.text").append('\
20744              ' + $(this).attr("seo_h1") + '\
20745              ');
20746              }
20747              //alert($(this).attr("value"));
20748              // console.log("remake13");
20749              remake_brand_list($(this).attr("value"));
20750
20751              if ($(this).parents('#new-sidebar-product-category').hasClass("show-mobile")) {
20752                $("body").removeClass("modal-open");
20753                // $("#catalog-home-page.search-brand #new-sidebar-product-category").removeClass("show");
20754                $("#catalog-home-page.search-brand #new-sidebar-product-category").removeClass("show-mobile");
20755                $("#catalog-home-page.search-brand #new-sidebar-brand-list").removeClass("show");
20756                // $("#catalog-home-page.search-brand .main-content.new").addClass("full-width");
20757                $("#toggleCategoryButton").removeClass("clicked");
20758                $("#toggleCategoryButtonMobile").removeClass("clicked");
20759                $("#bg-menu-mobile-transparent").fadeOut();
20760              }
20761
20762
20763              //show hide product spec filter
20764              var datvalue = $(this).parent().parent().parent().parent().siblings(".panel-heading").data("psvalue");
20765              var datname = $(this).parent().parent().parent().parent().siblings(".panel-heading").data("psname");
20766              var datinfochild = $(this).attr("value");
20767
20768                                          if ($(this).attr("status") == "parent") {
20769                show_level2(datvalue, datname, datinfochild);
20770              } else {
20771                show_level3($(this).attr("value"), $(this).attr("name"), datinfochild);
20772              }
20773
20774              resetBrandtags();
20775                            //show_level2(datvalue, datname, datinfochild);
20776                            // alert();
20777            });
20778
20779            // Add function to check click function so the url and history recorded
20780            $('.ullevel1 li a').on('click', function(e) {
20781
20782              //If mobile phone not check is triggered
20783              if ($('.new-company-filter-project-category-menu-mobile.new-company-filter-menu.show')?.length) {
20784                let baseURI = $(this)?.[0]?.baseURI.split('?');
20785                if (baseURI[0] !== $(this)?.[0]?.href) {
20786                  remake_url(1, $(this).attr("value"));
20787                  history.replaceState(null, null, `${$(this).attr("href")}${baseURI[1] ? '?'+baseURI[1] : ''}`);
20788                }
20789              }
20790              // desktop check is triggered to prevent double history when use back function
20791              else {
20792                if (!e.isTrigger) {
20793                  let baseURI = $(this)?.[0]?.baseURI.split('?');
20794                  if (baseURI[0] !== $(this)?.[0]?.href) {
20795                    remake_url(1, $(this).attr("value"));
20796                    history.replaceState(null, null, `${$(this).attr("href")}${baseURI[1] ? '?'+baseURI[1] : ''}`);
20797                  }
20798                }
20799              }
20800
20801            });
20802
20803            // Change from document to specific element because when we click the random element at page, the function got triggered and make a history change
20804            $(".onclick-solution li a").unbind("click");
20805            $(document).on('click', '.onclick-solution li a', function(e) {
20806              // alert("hello"+$(this).attr("value")); 
20807              e.preventDefault();
20808              filter_datax.filtered = [];
20809              $(".form-check-input.sidebar").prop("checked", false);
20810              $(".form-check-input.sidebar").parent().find("span h5").removeClass("checked");
20811              $(".filter-tags").remove();
20812              // console.log("ini yg di klik");
20813              // $(link_select_category).removeClass("selected");
20814              $(this).addClass("selected");
20815              ////console.log($(this).attr("seo_h1"));
20816              e.preventDefault();
20817              let baseURI = $(this)?.[0]?.baseURI.split('?');
20818              remake_url(1, $(this).attr("value"), "", null);
20819              history.replaceState(null, null, `${$(this).attr("href")}${baseURI[1] ? '?'+baseURI[1] : ''}`);
20820
20821              if ($(this).attr("status") == "parent") {
20822                // remake_breadcrumbs($(this).parent().parent().attr("value"), "", $(this).attr("name"))
20823                // $('.item-category-l1').remove();
20824                $('.item-category-l2').remove();
20825                $('.item-category-l3').remove();
20826                $('.breadcrumb-nav > span').append('\
20827                <span class="item-category-l2" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\
20828                /\
20829                <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + $(this).attr("value") + '" href="https://www.archify.com/au/products/' + $(this).attr("value") + '"><span itemprop="name">' + $(this).attr("name") + '</span></a>\
20830                <meta itemprop="position" content="4">\
20831                </span>\
20832                ');
20833                $(".top-title span.text").html('');
20834                $(".loading-css-animation").show();
20835                $(".top-title span.count").hide();
20836                // $(".top-title span.text").hide();
20837                $(".top-title span.text").append('\
20838                ' + $(this).attr("name") + '\
20839                ');
20840              } else {
20841                //klik l2 langsung ke tampilan l3
20842                // remake_breadcrumbs($(this).parent().parent().attr("value"), $(this).parent().parent().attr("name"), $(this).attr("name"));
20843                // $('.item-category-l1').remove();
20844                // $('.item-category-l2').remove();
20845                $('.item-category-l3').remove();
20846                /* $('.breadcrumb-nav > span').append('\
20847                <span class="item-category-l1" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\
20848                  /\
20849                  <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + $(this).parent().parent().attr("value") + '" href="https://www.archify.com/au/products/' + $(this).parent().parent().attr("value") + '"><span itemprop="name">' + $(this).parent().parent().attr("name") + '</span></a>\
20850                  <meta itemprop="position" content="3">\
20851                </span>\
20852                <span class="item-category-l2" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\
20853                  /\
20854                  <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + $(this).attr("value") + '" href="https://www.archify.com/au/products/' + $(this).attr("value") + '"><span itemprop="name">' + $(this).attr("name") + '</span></a>\
20855                  <meta itemprop="position" content="4">\
20856                </span>\
20857                '); */
20858                $('.breadcrumb-nav > span').append('\
20859                <span class="item-category-l3" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\
20860                  /\
20861                  <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + $(this).attr("value") + '" href="https://www.archify.com/au/products/' + $(this).attr("value") + '"><span itemprop="name">' + $(this).attr("name") + '</span></a>\
20862                  <meta itemprop="position" content="5">\
20863                </span>\
20864                ');
20865                $(".top-title span.text").html('');
20866                $(".loading-css-animation").show();
20867                $(".top-title span.count").hide();
20868                // $(".top-title span.text").hide();
20869                $(".top-title span.text").append('\
20870                ' + $(this).attr("name") + '\
20871                ');
20872              }
20873              //alert($(this).attr("value"));
20874              // console.log("remake14");
20875              remake_brand_list($(this).attr("value"));
20876
20877              if ($(this).parents('#new-sidebar-product-category').hasClass("show-mobile")) {
20878                $("body").removeClass("modal-open");
20879                // $("#catalog-home-page.search-brand #new-sidebar-product-category").removeClass("show");
20880                $("#catalog-home-page.search-brand #new-sidebar-product-category").removeClass("show-mobile");
20881                $("#catalog-home-page.search-brand #new-sidebar-brand-list").removeClass("show");
20882                // $("#catalog-home-page.search-brand .main-content.new").addClass("full-width");
20883                $("#toggleCategoryButton").removeClass("clicked");
20884                $("#toggleCategoryButtonMobile").removeClass("clicked");
20885                $("#bg-menu-mobile-transparent").fadeOut();
20886              }
20887
20888
20889              //show hide product spec filter
20890              var datvalue = $(this).parent().parent().parent().parent().siblings(".panel-heading").data("psvalue");
20891              var datname = $(this).parent().parent().parent().parent().siblings(".panel-heading").data("psname");
20892              var datinfochild = $(this).attr("value");
20893
20894                                          if ($(this).attr("status") == "parent") {
20895                show_level2(datvalue, datname, datinfochild);
20896              } else {
20897                show_level3($(this).attr("value"), $(this).attr("name"), datinfochild);
20898              }
20899                            //show_level2(datvalue, datname, datinfochild);
20900                            // alert();
20901            });
20902            var link_select_subcategory = ".ullevel3 li a";
20903            $(link_select_subcategory).unbind("click");
20904            $(link_select_subcategory).click(function(e) {
20905              e.preventDefault();
20906              filter_datax.filtered = [];
20907
20908              $(".form-check-input.sidebar").prop("checked", false);
20909              $(".form-check-input.sidebar").parent().find("span h5").removeClass("checked");
20910              $(".filter-tags").remove();
20911
20912              $(link_select_category).removeClass("selected");
20913              $(this).addClass("selected");
20914              //console.log($(this).attr("seo_h1"));
20915              let baseURI = $(this)?.[0]?.baseURI.split('?');
20916              remake_url(1, $(this).attr("value"));
20917
20918              history.replaceState(null, null, `${$(this).attr("href")}${baseURI[1] ? '?'+baseURI[1] : ''}`);
20919
20920              //deden
20921              if ($(this).attr("status") == "parent") {
20922                // remake_breadcrumbs($(this).parent().parent().attr("value"), "", $(this).attr("name"))
20923                $('.item-category-l1').remove();
20924                $('.item-category-l2').remove();
20925                $('.item-category-l3').remove();
20926                $('.breadcrumb-nav > span').append('\
20927              <span class="item-category-l1" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\
20928                /\
20929                <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + $(this).attr("value") + '" href="https://www.archify.com/au/products/' + $(this).attr("value") + '"><span itemprop="name">' + $(this).attr("name") + '</span></a>\
20930                <meta itemprop="position" content="3">\
20931              </span>\
20932              ');
20933                $(".top-title span.text").html('');
20934                $(".loading-css-animation").show();
20935                $(".top-title span.count").hide();
20936                // $(".top-title span.text").hide();
20937                $(".top-title span.text").append('\
20938              ' + $(this).attr("seo_h1") + '\
20939              ');
20940              } else {
20941                //klik l2 langsung ke tampilan l3
20942                // remake_breadcrumbs($(this).parent().parent().attr("value"), $(this).parent().parent().attr("name"), $(this).attr("name"));
20943                $('.item-category-l1').remove();
20944                $('.item-category-l2').remove();
20945                $('.item-category-l3').remove();
20946                $('.breadcrumb-nav > span').append('\
20947              <span class="item-category-l1" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\
20948                /\
20949                <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + $(this).parent().parent().attr("value") + '" href="https://www.archify.com/au/products/' + $(this).parent().parent().attr("value") + '"><span itemprop="name">' + $(this).parent().parent().attr("name") + '</span></a>\
20950                <meta itemprop="position" content="3">\
20951              </span>\
20952              <span class="item-category-l2" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\
20953                /\
20954                <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + $(this).attr("value") + '" href="https://www.archify.com/au/products/' + $(this).attr("value") + '"><span itemprop="name">' + $(this).attr("name") + '</span></a>\
20955                <meta itemprop="position" content="4">\
20956              </span>\
20957              ');
20958                $(".top-title span.text").html('');
20959                $(".loading-css-animation").show();
20960                $(".top-title span.count").hide();
20961                // $(".top-title span.text").hide();
20962                $(".top-title span.text").append('\
20963              ' + $(this).attr("seo_h1") + '\
20964              ');
20965              }
20966              //alert($(this).attr("value"));
20967              // console.log("remake16");
20968              remake_brand_list($(this).attr("value"));
20969
20970              if ($(this).parents('#new-sidebar-product-category').hasClass("show-mobile")) {
20971                $("body").removeClass("modal-open");
20972                // $("#catalog-home-page.search-brand #new-sidebar-product-category").removeClass("show");
20973                $("#catalog-home-page.search-brand #new-sidebar-product-category").removeClass("show-mobile");
20974                $("#catalog-home-page.search-brand #new-sidebar-brand-list").removeClass("show");
20975                // $("#catalog-home-page.search-brand .main-content.new").addClass("full-width");
20976                $("#toggleCategoryButton").removeClass("clicked");
20977                $("#toggleCategoryButtonMobile").removeClass("clicked");
20978                $("#bg-menu-mobile-transparent").fadeOut();
20979              }
20980
20981
20982              //show hide product spec filter
20983              var datvalue = $(this).parent().parent().parent().parent().siblings(".panel-heading").data("psvalue");
20984              var datname = $(this).parent().parent().parent().parent().siblings(".panel-heading").data("psname");
20985              var datinfochild = $(this).attr("value");
20986
20987                                          if ($(this).attr("status") == "parent") {
20988                show_level2(datvalue, datname, datinfochild);
20989              } else {
20990                show_level3($(this).attr("value"), $(this).attr("name"), datinfochild);
20991              }
20992                            // show_level2(datvalue, datname, datinfochild);
20993                            // alert();
20994            });
20995
20996            $("a.link-all-categories").unbind("click");
20997            $("a.link-all-categories").click(function(e) {
20998              e.preventDefault();
20999
21000              $(".form-check-input.sidebar").prop("checked", false);
21001              $(".form-check-input.sidebar").parent().find("span h5").removeClass("checked");
21002              $(".filter-tags").remove();
21003
21004              $(link_select_category).removeClass("selected");
21005              $(this).addClass("selected");
21006
21007              remake_url(1, $(this).attr("value"));
21008              // remake_breadcrumbs($(this).attr("value"), "", $(this).attr("name"));
21009              $('.item-category-l1').remove();
21010              $('.item-category-l2').remove();
21011              $('.item-category-l3').remove();
21012              // console.log("remake17");
21013              remake_brand_list($(this).attr("value"));
21014
21015              // Remake Category Select Sidebar
21016              $("#catalog-home-page.search-brand #new-sidebar-product-category .product-category-item .panel-collapse .panel-body ul li a").removeClass("selected");
21017              $(".icon-accordion-plus").removeClass("hide").addClass("show");
21018              $(".icon-accordion-minus").removeClass("show").addClass("hide");
21019              $("#catalog-home-page.search-brand #new-sidebar-product-category .product-category-item .panel-collapse").removeClass("show");
21020
21021              var this_value = $(this).attr("value");
21022              $("#catalog-home-page.search-brand #new-sidebar-product-category .product-category-item .panel-collapse .panel-body ul").each(function() {
21023                if (this_value == $(this).attr("value")) {
21024                  $(this).parent().parent().addClass("show");
21025                  $(this).parent().parent().parent().find(".card-header.panel-heading .icon-accordion-plus").removeClass("show").addClass("hide");
21026                  $(this).parent().parent().parent().find(".card-header.panel-heading .icon-accordion-minus").removeClass("hide").addClass("show");
21027                  $(this).find("li:first-child a").addClass("selected");
21028                }
21029              });
21030
21031              if ($(this).parents('#new-sidebar-product-category').hasClass("show-mobile")) {
21032                $("body").removeClass("modal-open");
21033                // $("#catalog-home-page.search-brand #new-sidebar-product-category").removeClass("show");
21034                $("#catalog-home-page.search-brand #new-sidebar-product-category").removeClass("show-mobile");
21035                $("#catalog-home-page.search-brand #new-sidebar-brand-list").removeClass("show");
21036                // $("#catalog-home-page.search-brand .main-content.new").addClass("full-width");
21037                $("#toggleCategoryButton").removeClass("clicked");
21038                $("#toggleCategoryButtonMobile").removeClass("clicked");
21039                $("#bg-menu-mobile-transparent").fadeOut();
21040              }
21041
21042              $(".loading-css-animation").show();
21043              $(".top-title span.count").hide();
21044              $(".top-title span.text").html('Products');
21045            });
21046
21047
21048            // Init Simplebar for category list
21049            scrollCategoryList = new SimpleBar(document.getElementById('new-sidebar-product-category'), {
21050              autoHide: false
21051            });
21052            setTimeout(function() {
21053              scrollCategoryList.recalculate();
21054            }, 500);
21055            $('#catalog-home-page.search-brand #new-sidebar-product-category .product-category-item .panel-collapse').on('shown.bs.collapse', function() {
21056              scrollCategoryList.recalculate();
21057            });
21058            $('#catalog-home-page.search-brand #new-sidebar-product-category .product-category-item .panel-collapse').on('hidden.bs.collapse', function() {
21059              scrollCategoryList.recalculate();
21060            });
21061          }
21062
21063
21064        }
21065
21066        // mobile parent
21067        $('.parentmob li').click(function() {
21068          var getvalu = $(this).attr("val");
21069          $(".section.categorychild-" + getvalu).addClass("show");
21070        });
21071
21072        $('.nextmob li').click(function() {
21073          var getvalu = $(this).attr("val");
21074          $(".section.childlast-" + getvalu).addClass("show");
21075        });
21076
21077        // remove section button
21078        $('.remove-this-section').click(function() {
21079          $(this).parent().parent().removeClass('show');
21080        });
21081
21082        $('.accmob li').click(function() {
21083          var getvalu = $(this).attr("val");
21084          $(".section." + getvalu).addClass("show");
21085        });
21086
21087        $(".category-filter-mobile a").click(function(e) {
21088          e.preventDefault();
21089          toggleMenuFilter($(this).attr("val"));
21090          applyfiltermobile();
21091        });
21092
21093        //Onclick to subcategory
21094        $(".onclick-subcategory li a").unbind("click");
21095        $(".onclick-subcategory li a").click(function(e) {
21096
21097          $(".brand-tags-wrapper.filter-tags").trigger("click");
21098          $(".brand-tags-wrapper.filter-tags").remove();
21099          e.preventDefault();
21100          $(".onclick-subcategory li a").removeClass("selected");
21101          $(this).addClass("selected");
21102          $(".loading-css-animation").show();
21103          $(".top-title span.count").hide();
21104          if ($(this).attr("status") == "parent") {
21105            $(".form-check-input.sidebar").prop("checked", false);
21106            $(".form-check-input.sidebar").parent().find("span h5").removeClass("checked");
21107            $(".filter-tags").remove();
21108
21109            var parentValue = $(this).attr('value');
21110
21111            $(".ullevel1 li a").removeClass("selected");
21112            $(".ullevel1 li a").each(function() {
21113              if ($(this).attr('value') == parentValue) {
21114                $(this).addClass("selected");
21115              }
21116            });
21117
21118            // Handle click so history not same 
21119            if ($(this)?.[0]?.baseURI?.replace('#', '') !== $(this)?.[0]?.href?.replace('#', '')) {
21120              remake_url(1, $(this).attr("value"));
21121              // history.replaceState(null, null, $(this).attr("href"));
21122            }
21123            // remake_url(1, $(this).attr("value"));
21124            //                history.replaceState(null, null, $(this).attr("href"));
21125            // console.log("remake18");
21126            remake_brand_list($(this).attr("value"));
21127
21128            resetBrandtags();
21129            $('.item-category-l2').remove();
21130            $('.item-category-l3').remove();
21131            $('.breadcrumb-nav > span').append('\
21132                <span class="item-category-l2" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\
21133                  /\
21134                  <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + $(this).attr("value") + '" href="https://www.archify.com/au/products/' + $(this).attr("value") + '"><span itemprop="name">' + $(this).attr("name") + '</span></a>\
21135                  <meta itemprop="position" content="4">\
21136                </span>\
21137                ');
21138            $(".top-title span.text").html('');
21139            $(".top-title span.text").append('\
21140                ' + $(this).attr("name") + '\
21141                ');
21142          } else {
21143            var datvalue = $(this).attr("value");
21144            var datname = $(this).attr("name");
21145            var breadcrumb = $(this).parent().parent().parent().siblings(".spec-updown").attr("headlevel2");
21146            var parentName = $(this).parent().parent().parent().siblings(".spec-updown").attr("headlevel2");
21147            var parentSlug = $(this).parent().parent().parent().siblings(".spec-updown").attr("headlevel2Slug");
21148
21149            // Handle click so history not same 
21150            if ("https://www.archify.com/au/products/" + datvalue !== $(this)?.[0]?.href?.replace('#', '')) {
21151              remake_url(1, datvalue);
21152            }
21153
21154
21155                                    show_level3(datvalue, datname, breadcrumb);
21156                        // console.log("remake19");
21157            remake_brand_list($(this).attr("value"));
21158            // var text_lv2 = $('#infolevel2').text();
21159            // var slug_lv2 = $('#infolevel2').attr('value');
21160            // remake_breadcrumbs(slug_lv2, text_lv2, datname, breadcrumb)
21161
21162            $(".ullevel1 li a").removeClass("selected");
21163            $(".ullevel1 li a").each(function() {
21164              if ($(this).attr('value') == parentSlug) {
21165                $(this).addClass("selected");
21166              }
21167            });
21168
21169            $('.item-category-l2').remove();
21170            $('.item-category-l3').remove();
21171            $('.breadcrumb-nav > span').append('\
21172                <span class="item-category-l2" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\
21173                  /\
21174                  <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + parentSlug + '" href="https://www.archify.com/au/products/' + parentSlug + '"><span itemprop="name">' + parentName + '</span></a>\
21175                  <meta itemprop="position" content="4">\
21176                </span>\
21177                <span class="item-category-l3" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\
21178                  /\
21179                  <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + $(this).attr("value") + '" href="https://www.archify.com/au/products/' + $(this).attr("value") + '"><span itemprop="name">' + $(this).attr("name") + '</span></a>\
21180                  <meta itemprop="position" content="5">\
21181                </span>\
21182                ');
21183            $(".top-title span.text").html('');
21184            $(".top-title span.text").append('\
21185                ' + $(this).attr("name") + '\
21186                ');
21187          };
21188        });
21189
21190        $(".onclick-solution li a").unbind("click");
21191        $(".onclick-solution li a").click(function(e) {
21192          // console.log("klik l3");
21193          e.preventDefault();
21194          filter_datax.filtered = [];
21195
21196          $(".onclick-solution li a").removeClass("selected");
21197          $(".ullevel1 li a").each(function() {
21198            if ($(this).attr('value') == parentValue) {
21199              $(this).addClass("selected");
21200            }
21201          });
21202          $(this).addClass("selected");
21203          $(".loading-css-animation").show();
21204          $(".top-title span.count").hide();
21205          if ($(this).attr("status") == "parent") {
21206            $(".form-check-input.sidebar").prop("checked", false);
21207            $(".form-check-input.sidebar").parent().find("span h5").removeClass("checked");
21208            $(".filter-tags").remove();
21209
21210            var parentValue = $(this).attr('value');
21211
21212            // $(".ullevel1 li a").removeClass("selected");
21213            $(".ullevel1 li a").each(function() {
21214              if ($(this).attr('value') == parentValue) {
21215                $(this).addClass("selected");
21216              }
21217            });
21218
21219            //Commented because make duplicate history
21220            // remake_url(1, $(this).attr("value"));
21221            //                history.replaceState(null, null, $(this).attr("href"));
21222            // console.log("remake20");
21223            remake_brand_list($(this).attr("value"));
21224
21225            $('.item-category-l2').remove();
21226            $('.item-category-l3').remove();
21227            $('.breadcrumb-nav > span').append('\
21228                <span class="item-category-l2" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\
21229                  /\
21230                  <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + $(this).attr("value") + '" href="https://www.archify.com/au/products/' + $(this).attr("value") + '"><span itemprop="name">' + $(this).attr("name") + '</span></a>\
21231                  <meta itemprop="position" content="4">\
21232                </span>\
21233                ');
21234            $(".top-title span.text").html('');
21235            $(".top-title span.text").append('\
21236                ' + $(this).attr("name") + '\
21237                ');
21238          } else {
21239            var datvalue = $(this).attr("value");
21240            var datname = $(this).attr("name");
21241            var breadcrumb = $(this).parent().parent().parent().siblings(".spec-updown").attr("headlevel2");
21242            var parentName = $(this).parent().parent().parent().siblings(".spec-updown").attr("headlevel2");
21243            var parentSlug = $(this).parent().parent().parent().siblings(".spec-updown").attr("headlevel2Slug");
21244
21245            remake_url(1, datvalue);
21246
21247                                    show_level3(datvalue, datname, breadcrumb);
21248                        // console.log("remake21");
21249            remake_brand_list($(this).attr("value"));
21250            // var text_lv2 = $('#infolevel2').text();
21251            // var slug_lv2 = $('#infolevel2').attr('value');
21252            // remake_breadcrumbs(slug_lv2, text_lv2, datname, breadcrumb)
21253
21254            $(".ullevel1 li a").removeClass("selected");
21255            $(".ullevel1 li a").each(function() {
21256              if ($(this).attr('value') == parentSlug) {
21257                $(this).addClass("selected");
21258              }
21259            });
21260
21261            $('.item-category-l2').remove();
21262            $('.item-category-l3').remove();
21263            $('.breadcrumb-nav > span').append('\
21264                <span class="item-category-l2" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\
21265                  /\
21266                  <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + parentSlug + '" href="https://www.archify.com/au/products/' + parentSlug + '"><span itemprop="name">' + parentName + '</span></a>\
21267                  <meta itemprop="position" content="4">\
21268                </span>\
21269                <span class="item-category-l3" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\
21270                  /\
21271                  <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + $(this).attr("value") + '" href="https://www.archify.com/au/products/' + $(this).attr("value") + '"><span itemprop="name">' + $(this).attr("name") + '</span></a>\
21272                  <meta itemprop="position" content="5">\
21273                </span>\
21274                ');
21275            $(".top-title span.text").html('');
21276            $(".top-title span.text").append('\
21277                ' + $(this).attr("name") + '\
21278                ');
21279          };
21280        });
21281
21282        $(".mob-level2").unbind("click");
21283        $(".mob-level2").click(function(e) {
21284          // var dataval = $(this).attr("value");
21285          // var dataparent = $(this).attr("data-parent");
21286          // alert
21287          // $('.ullevel1 li a[value="'+dataval+'"').trigger('click');
21288          // $('a.listlevel2[value="'+dataval+'"]').trigger('click');
21289          var dataval = $(this).attr("value");
21290          var dataparent1 = $(this).attr("data-parent1");
21291          var dataparent2 = $(this).attr("data-parent2");
21292          $('.close-level-2').trigger('click');
21293          $('.close-level-3').trigger('click');
21294          $('.ullevel1 li a[value="' + dataparent2 + '"]').trigger('click');
21295          $('.onclick-subcategory a[value="' + dataval + '"]').trigger('click');
21296          $('.onclick-subcategory a[value="' + dataval + '"]').parents(".wrap-spec-toggle").find(".spec-updown").trigger('click');
21297          $("#catalog-home-page.search-brand #new-sidebar-product-category .product-category-item .panel-collapse .panel-body ul").each(function() {
21298            if (dataparent1 == $(this).attr("value")) {
21299              $(this).parent().parent().addClass("show");
21300              $(this).parent().parent().parent().find(".card-header.panel-heading .icon-accordion-plus").removeClass("show").addClass("hide");
21301              $(this).parent().parent().parent().find(".card-header.panel-heading .icon-accordion-minus").removeClass("hide").addClass("show");
21302            } else {
21303              $(this).parent().parent().removeClass("show");
21304              $(this).parent().parent().parent().find(".card-header.panel-heading .icon-accordion-plus").removeClass("hide").addClass("show");
21305              $(this).parent().parent().parent().find(".card-header.panel-heading .icon-accordion-minus").removeClass("show").addClass("hide");
21306            }
21307          });
21308
21309          toggleMenuFilter(menuFilterTypeOpened);
21310          
21311        });
21312
21313        $(".all-livhide").unbind("click");
21314        $(".all-livhide").click(function(e) {
21315          var dataval = $(this).attr("value");
21316          $('.close-level-2').trigger('click');
21317          $('.close-level-3').trigger('click');
21318          $('a.link-all-categories[value="' + dataval + '"]').trigger('click');
21319          $("#catalog-home-page.search-brand #new-sidebar-product-category .product-category-item .panel-collapse .panel-body ul").each(function() {
21320            $(this).parent().parent().removeClass("show");
21321            $(this).parent().parent().parent().find(".card-header.panel-heading .icon-accordion-plus").removeClass("hide").addClass("show");
21322            $(this).parent().parent().parent().find(".card-header.panel-heading .icon-accordion-minus").removeClass("show").addClass("hide");
21323          });
21324          toggleMenuFilter(menuFilterTypeOpened);
21325        });
21326
21327        $(".all-mob-lv2").unbind("click");
21328        $(".all-mob-lv2").click(function(e) {
21329          var dataval = $(this).attr("value");
21330          var dataval = $(this).attr("value");
21331          $('.close-level-2').trigger('click');
21332          $('.close-level-3').trigger('click');
21333          $('.ullevel1 li a[value="' + dataval + '"]').trigger('click');
21334          $("#catalog-home-page.search-brand #new-sidebar-product-category .product-category-item .panel-collapse .panel-body ul").each(function() {
21335            if (dataval == $(this).attr("value")) {
21336              $(this).parent().parent().addClass("show");
21337              $(this).parent().parent().parent().find(".card-header.panel-heading .icon-accordion-plus").removeClass("show").addClass("hide");
21338              $(this).parent().parent().parent().find(".card-header.panel-heading .icon-accordion-minus").removeClass("hide").addClass("show");
21339            } else {
21340              $(this).parent().parent().removeClass("show");
21341              $(this).parent().parent().parent().find(".card-header.panel-heading .icon-accordion-plus").removeClass("hide").addClass("show");
21342              $(this).parent().parent().parent().find(".card-header.panel-heading .icon-accordion-minus").removeClass("show").addClass("hide");
21343            }
21344          });
21345          toggleMenuFilter(menuFilterTypeOpened);
21346        });
21347
21348        $(".all-mob-lv3").unbind("click");
21349        $(".all-mob-lv3").click(function(e) {
21350          var dataval = $(this).attr("value");
21351          var dataparent1 = $(this).attr("data-parent1");
21352          var dataparent2 = $(this).attr("data-parent2");
21353          $('.close-level-2').trigger('click');
21354          $('.close-level-3').trigger('click');
21355
21356          $('.ullevel1 li a[value="' + dataparent2 + '"]').trigger('click');
21357          $('.onclick-subcategory a[value="' + dataval + '"]').trigger('click');
21358          $('.onclick-subcategory a[value="' + dataval + '"]').parents(".wrap-spec-toggle").find(".spec-updown").trigger('click');
21359          $("#catalog-home-page.search-brand #new-sidebar-product-category .product-category-item .panel-collapse .panel-body ul").each(function() {
21360            if (dataparent1 == $(this).attr("value")) {
21361              $(this).parent().parent().addClass("show");
21362              $(this).parent().parent().parent().find(".card-header.panel-heading .icon-accordion-plus").removeClass("show").addClass("hide");
21363              $(this).parent().parent().parent().find(".card-header.panel-heading .icon-accordion-minus").removeClass("hide").addClass("show");
21364            } else {
21365              $(this).parent().parent().removeClass("show");
21366              $(this).parent().parent().parent().find(".card-header.panel-heading .icon-accordion-plus").removeClass("hide").addClass("show");
21367              $(this).parent().parent().parent().find(".card-header.panel-heading .icon-accordion-minus").removeClass("show").addClass("hide");
21368            }
21369          });
21370
21371          toggleMenuFilter(menuFilterTypeOpened);
21372        });
21373
21374      }
21375
21376      var getsegment = parent_category_from_url;
21377
21378      // alert(getsegment);
21379      //    check l3 on load
21380      if (getsegment !== "") {
21381        $('.ullevel1 li a[value="' + getsegment + '"]').trigger('click');
21382        $('a.listlevel2[value="' + global_category_from_url + '"]').trigger('click');
21383        //        $('.mob-level2[value="'+getsegment+'"]').trigger('click');
21384        if ($('#infolevel3').text().length > 0) {
21385                  }
21386        // console.log("remake22");
21387        remake_brand_list(global_category_from_url);
21388      } else {
21389        // alert("aa");
21390        // console.log("remake23");
21391        remake_brand_list("");
21392      }
21393
21394      function toggleIcon(e) {
21395        $(e.target)
21396          .prev('.panel-heading')
21397          .find("img.icon-accordion")
21398          .toggleClass('show hide');
21399      }
21400
21401      $('.product-category-item.panel-group').on('hidden.bs.collapse', toggleIcon);
21402      $('.product-category-item.panel-group').on('shown.bs.collapse', toggleIcon);
21403
21404      toogle_menu("headsublevel2", "bodysublevel2", "arrowsublevel2");
21405
21406    })
21407    .fail(function() {})
21408    .always(function() {});
21409</script>
21409
21410
21411<!-- Button Trigger -->
21412<script>
21413  $(".close-category-button.desktop").click(function() {
21414    $("#catalog-home-page.search-brand #new-sidebar-product-category").removeClass("show-mobile");
21415    // $("#catalog-home-page.search-brand #new-sidebar-product-category").toggleClass("show");
21416    // $("#catalog-home-page.search-brand .main-content.new").toggleClass("full-width");
21417    $("#toggleCategoryButton").toggleClass("clicked");
21418  });
21419  $("#toggleCategoryButton").click(function() {
21420    $("#catalog-home-page.search-brand #new-sidebar-product-category").removeClass("show-mobile");
21421    // $("#catalog-home-page.search-brand #new-sidebar-product-category").toggleClass("show");
21422    // $("#catalog-home-page.search-brand .main-content.new").toggleClass("full-width");
21423    $("#toggleCategoryButton").toggleClass("clicked");
21424    getVisible();
21425  });
21426
21427  $(".close-category-button.mobile").click(function() {
21428    $("body").removeClass("modal-open");
21429    // $("#catalog-home-page.search-brand #new-sidebar-product-category").removeClass("show");
21430    $("#catalog-home-page.search-brand #new-sidebar-product-category").removeClass("show-mobile");
21431    $("#catalog-home-page.search-brand #new-sidebar-brand-list").removeClass("show");
21432    // $("#catalog-home-page.search-brand .main-content.new").addClass("full-width");
21433    $("#toggleCategoryButton").removeClass("clicked");
21434    $("#toggleCategoryButtonMobile").removeClass("clicked");
21435    $("#bg-menu-mobile-transparent").fadeOut();
21436  });
21437  $(".close-brand-list-button.mobile").click(function() {
21438    $("body").removeClass("modal-open");
21439    // $("#catalog-home-page.search-brand #new-sidebar-product-category").removeClass("show");
21440    $("#catalog-home-page.search-brand #new-sidebar-product-category").removeClass("show-mobile");
21441    $("#catalog-home-page.search-brand #new-sidebar-brand-list").removeClass("show");
21442    // $("#catalog-home-page.search-brand .main-content.new").addClass("full-width");
21443    $("#toggleCategoryButton").removeClass("clicked");
21444    $("#toggleCategoryButtonMobile").removeClass("clicked");
21445    $("#bg-menu-mobile-transparent").fadeOut();
21446  });
21447  $("#toggleCategoryButtonMobile").click(function() {
21448    $("body").toggleClass("modal-open");
21449    // $("#catalog-home-page.search-brand #new-sidebar-product-category").removeClass("show");
21450    $("#catalog-home-page.search-brand #new-sidebar-product-category").toggleClass("show-mobile");
21451    $("#toggleCategoryButtonMobile").toggleClass("clicked");
21452    $("#bg-menu-mobile-transparent").fadeIn();
21453  });
21454
21455  $("#bg-menu-mobile-transparent").click(function() {
21456    $("body").removeClass("modal-open");
21457    // $("#catalog-home-page.search-brand #new-sidebar-product-category").removeClass("show");
21458    $("#catalog-home-page.search-brand #new-sidebar-product-category").removeClass("show-mobile");
21459    $("#catalog-home-page.search-brand #new-sidebar-brand-list").removeClass("show");
21460    // $("#catalog-home-page.search-brand .main-content.new").addClass("full-width");
21461    $("#toggleCategoryButton").removeClass("clicked");
21462    $("#toggleCategoryButtonMobile").removeClass("clicked");
21463    $("#bg-menu-mobile-transparent").fadeOut();
21464  });
21465
21466  // dropdown by brand
21467  $("#dropdown-brand .toggle-area").click(function() {
21468    $("#dropdown-brand").toggleClass("drop-down-show");
21469  });
21470
21471  $("#dropdown-brand .sort-list li").click(function() {
21472    $("#dropdown-brand .sort-list li").removeClass("active");
21473    $(this).addClass("active");
21474    if ($(this).attr("val") != "") {
21475      $("#dropdown-brand p span").html("- " + $(this).attr("name"));
21476    } else {
21477      $("#dropdown-brand p span").html("");
21478    }
21479    $("#dropdown-brand").removeClass("drop-down-show");
21480    remake_url(1, "", $(this).attr("val"));
21481  });
21482
21483  $("#dropDownBrandList .toggle-area").click(function() {
21484
21485    if (isBrandListDataReady) {
21486      if ($("#dropDownBrandList").hasClass('first-click')) {
21487        $("#dropDownBrandList").removeClass('first-click');
21488
21489        $("#brandList").html('');
21490        $("#MobilebrandList").html('');
21491
21492        var segments = window.location.pathname.split('/');
21493        var brand_from_url = segments[4];
21494
21495        if (brand_from_url != undefined) {
21496          brand_from_url = decodeURIComponent(brand_from_url);
21497        } else {
21498          brand_from_url = "all";
21499        }
21500        if (brand_from_url == "") {
21501          brand_from_url = "all";
21502        }
21503
21504        // $.each($.parseJSON(brandListData), function(i,item){
21505        $.each(brandListData, function(i, item) {
21506          var isChecked = "";
21507          $.each(brand_from_url.split('--'), function(k, v) {
21508            if (v == item.brand_slug) {
21509              isChecked = "checked";
21510            }
21511          });
21512
21513          $("#brandList").append('\
21514          <li class="' + isChecked + '">\
21515            <div class="squaredThree">\
21516              <input type="checkbox" data-id="' + item.brand_slug + '" value="' + item.brand_slug + '" id="' + item.brand_slug + '" class="form-check-input sidebar brand-check-sidebar" name="' + item.brand_name + '" name-tag="' + item.brand_name + '" ' + isChecked + '\
21517              />\
21518              <span>\
21519                <h5 class="sidebar_brand brandnav-' + item.brand_slug + '">' + item.brand_name + '</h5>\
21520              </span>\
21521            </div>\
21522          </li>\
21523        ');
21524          $("#MobilebrandList").append('\
21525          <li class="' + isChecked + '">\
21526            <div class="squaredThree">\
21527              <input type="checkbox" data-id="' + item.brand_slug + '" value="' + item.brand_slug + '" id="' + item.brand_slug + '-mobile" class="form-check-input sidebar_mobile brand-check-sidebar" name="' + item.brand_name + '" name-tag="' + item.brand_name + '" ' + isChecked + '\
21528              />\
21529              <span>\
21530                <h5 class="sidebar_brand brandnav-' + item.brand_slug + '">' + item.brand_name + '</h5>\
21531              </span>\
21532            </div>\
21533          </li>\
21534        ');
21535        });
21536
21537        var segments = window.location.pathname.split('/');
21538        var category_from_url = segments[3];
21539
21540        if (category_from_url != undefined) {
21541          category_slug = decodeURIComponent(category_from_url);
21542        } else {
21543          category_slug = "all";
21544        }
21545
21546        $(".brand-check-sidebar").prop('checked', false);
21547        $(".brand-check-sidebar").parent().find("span h5").removeClass("checked");
21548        $(".brand-check-sidebar").each(function() {
21549          var this_checkbox = $(this);
21550          $.each(brand_from_url.split('--'), function(k, v) {
21551            if (this_checkbox.attr('id') == v) {
21552              this_checkbox.prop('checked', true);
21553              this_checkbox.parent().find("span h5").addClass("checked");
21554            }
21555          });
21556        });
21557
21558        var sort_by = segments[5];
21559        if (sort_by != undefined) {
21560          sort_by = decodeURIComponent(sort_by);
21561        } else {
21562          sort_by = "";
21563        }
21564        $("#sortByList li").each(function() {
21565          if ($(this).attr("val") == sort_by) {
21566            $("#sortByList li").removeClass("active");
21567            $(this).addClass("active");
21568            if (sort_by != "") {
21569              if ($(this).attr("name") == "default") {
21570                $("#dropDownSortBy p span").html("");
21571              } else {
21572                $("#dropDownSortBy p span").html("- " + $(this).attr("name"));
21573              }
21574            } else {
21575              $("#dropDownSortBy p span").html("");
21576            }
21577          }
21578        });
21579
21580        $(".sortByList-mobile li").each(function() {
21581          if ($(this).attr("val") == sort_by) {
21582            $(".sortByList-mobile li").removeClass("active");
21583            $(this).addClass("active");
21584          }
21585        });
21586
21587        $("#brandList .sidebar_brand").unbind("click");
21588        $("#brandList .sidebar_brand").click(function() {
21589          //          alert("setelah refresh");
21590          var getselected = $(this).parent().parent().find("input.brand-check-sidebar").data("id");
21591          if ($(this).hasClass("checked")) {
21592            $(this).removeClass("checked");
21593            $(this).parent().parent().find("input.brand-check-sidebar").prop('checked', false);
21594          } else {
21595            $(this).addClass("checked");
21596            $(".brandnav-" + getselected).addClass("checked");
21597            $(this).parent().parent().find("input.brand-check-sidebar").prop('checked', true);
21598          }
21599          $("#dropDownBrandList").removeClass("drop-down-show");
21600          $(".loading-css-animation").show();
21601          $(".top-title span.count").hide();
21602
21603          remake_url(1, category_from_url);
21604        });
21605
21606        $("#MobilebrandList .sidebar_brand").unbind("click");
21607        $("#MobilebrandList .sidebar_brand").click(function() {
21608          var value = $(this).parent().parent().find('input').attr('value');
21609          //          alert("setelah refresh");
21610          var getselected = $("#" + value).data("id");
21611          if ($(this).hasClass("checked")) {
21612            $("#" + value).parent().find("sidebar_brand").removeClass("checked");
21613            $("#" + value).prop('checked', false);
21614          } else {
21615            $("#" + value).parent().find("sidebar_brand").addClass("checked");
21616            $("#" + value).prop('checked', true);
21617          }
21618          if ($(".section.find-brand").hasClass("show")) {
21619            toggleMenuFilter("find-brand");
21620          }
21621          $("#dropDownBrandList").removeClass("drop-down-show");
21622          $(".loading-css-animation").show();
21623          $(".top-title span.count").hide();
21624          remake_url(1, category_from_url);
21625        });
21626
21627        $("#brandListMobile > li > div > span > h5").unbind("click");
21628        $("#brandListMobile > li > div > span > h5").click(function() {
21629          $(this).parent().parent().find('input[type=checkbox]').prop("checked", !$(this).parent().parent().find('input[type=checkbox]').prop("checked"));
21630        });
21631
21632        addTagsFilter3Reload();
21633
21634        $("#dropDownBrandList").toggleClass("drop-down-show");
21635
21636
21637      } else {
21638        $("#dropDownBrandList").toggleClass("drop-down-show");
21639      }
21640    }
21641
21642  });
21643
21644  $("#dropDownSortBy .toggle-area").click(function() {
21645    $("#dropDownSortBy").toggleClass("drop-down-show");
21646  });
21647
21648  $("#sortlatest.dropDownSortBy-mobile .toggle-area").click(function() {
21649    $("#sortlatest.dropDownSortBy-mobile").toggleClass("drop-down-show");
21650  });
21651
21652  $("#sortbrand.dropDownSortBy-mobile .toggle-area").click(function() {
21653    $("#sortbrand.dropDownSortBy-mobile").toggleClass("drop-down-show");
21654  });
21655
21656  $("#dropDownSortBy #sortByList li").click(function() {
21657    $("#dropDownSortBy #sortByList li").removeClass("active");
21658    $(this).addClass("active");
21659    if ($(this).attr("val") != "") {
21660      if ($(this).attr("name") == "Default") {
21661        $("#dropDownSortBy p span").html("");
21662      } else {
21663        $("#dropDownSortBy p span").html("- " + $(this).attr("name"));
21664      }
21665    } else {
21666      $("#dropDownSortBy p span").html("");
21667    }
21668    $("#dropDownSortBy").removeClass("drop-down-show");
21669    remake_url(1, "", $(this).attr("val"));
21670
21671    var sort_by = $(this).attr("val");
21672    // mobile dropdown
21673    $(".sortByList-mobile li").removeClass("active");
21674    $(".sortByList-mobile li").each(function() {
21675      if ($(this).attr("val") == sort_by) {
21676        $(".sortByList-mobile li").removeClass("active");
21677        $(this).addClass("active");
21678      }
21679    });
21680  });
21681
21682  $(".sortByList-mobile li").click(function() {
21683    $(".sortByList-mobile li").removeClass("active");
21684    $(this).addClass("active");
21685    var sort_by = $(this).attr("val");
21686    // desktopdropdown
21687    $("#sortByList li").each(function() {
21688      if ($(this).attr("val") == sort_by) {
21689        $(this).click();
21690      }
21691    });
21692    toggleMenuFilter("sort-by");
21693  });
21694
21695  // caption toggle
21696  // var caption_status = "on";
21697  // $("#catalog-home-page.search-brand .main-content.new .right-area .product-item-wrapper .product-item .caption").toggleClass("on");
21698  // if (caption_status == "on") {
21699  //   caption_status = "";
21700  // } else {
21701  //   caption_status = "on";
21702  // }
21703
21704  // track width, set to window width
21705  var width = window.innerWidth;
21706  // fire on window resize
21707  $(window).resize(function() {
21708    // do nothing if the width is the same
21709    if (width == window.innerWidth) return;
21710    // update new width value
21711    width = window.innerWidth;
21712    // ... your code
21713    // Close Menu Mobile
21714
21715    if ($(window).width() <= 992) {
21716      // $("body").removeClass("modal-open");
21717      // $("#catalog-home-page.search-brand #new-sidebar-product-category").removeClass("show");
21718      // $("#catalog-home-page.search-brand #new-sidebar-product-category").removeClass("show-mobile");
21719      // $("#catalog-home-page.search-brand #new-sidebar-brand-list").removeClass("show");
21720      // $("#catalog-home-page.search-brand .main-content.new").addClass("full-width");
21721      // $("#toggleCategoryButton").removeClass("clicked");
21722      // $("#toggleCategoryButtonMobile").removeClass("clicked");
21723      // $("#bg-menu-mobile-transparent").fadeOut();
21724    }
21725
21726  });
21727
21728  $(document).mouseup(function(e) {
21729    var container = $("#dropDownBrandList");
21730
21731    // if the target of the click isn't the container nor a descendant of the container
21732    if (!container.is(e.target) && container.has(e.target).length === 0) {
21733      container.removeClass("drop-down-show");
21734    }
21735
21736
21737    var container__ = $("#dropDownSortBy");
21738
21739    // if the target of the click isn't the container nor a descendant of the container
21740    if (!container__.is(e.target) && container__.has(e.target).length === 0) {
21741      container__.removeClass("drop-down-show");
21742    }
21743
21744    var container__ = $(".dropDownSortBy-mobile");
21745
21746    // if the target of the click isn't the container nor a descendant of the container
21747    if (!container__.is(e.target) && container__.has(e.target).length === 0) {
21748      container__.removeClass("drop-down-show");
21749    }
21750
21751
21752    var container__ = $("#dropdown-brand");
21753
21754    // if the target of the click isn't the container nor a descendant of the container
21755    if (!container__.is(e.target) && container__.has(e.target).length === 0) {
21756      container__.removeClass("drop-down-show");
21757    }
21758
21759    var container__ = $(".dropDownSortBy-mobile");
21760
21761    // if the target of the click isn't the container nor a descendant of the container
21762    if (!container__.is(e.target) && container__.has(e.target).length === 0) {
21763      container__.removeClass("drop-down-show");
21764    }
21765
21766    var container__ = $("#sortlatest");
21767
21768    // if the target of the click isn't the container nor a descendant of the container
21769    if (!container__.is(e.target) && container__.has(e.target).length === 0) {
21770      container__.removeClass("drop-down-show");
21771    }
21772
21773
21774
21775    var container__ = $("#sortbrand");
21776
21777    // if the target of the click isn't the container nor a descendant of the container
21778    if (!container__.is(e.target) && container__.has(e.target).length === 0) {
21779      container__.removeClass("drop-down-show");
21780    }
21781  });
21782</script>
21782
21783
21784
21785<!-- Multiple Modal Overlay -->
21786<script>
21787  $(document).on('show.bs.modal', '.modal', function() {
21788    var zIndex = 99999999 + (10 * $('.modal:visible').length);
21789    $(this).css('z-index', zIndex);
21790    setTimeout(function() {
21791      $('.modal-backdrop').not('.modal-stack').css('z-index', zIndex - 1).addClass('modal-stack');
21792    }, 0);
21793  });
21794  $(document).on('hidden.bs.modal', '.modal', function() {
21795    var total_modal = 0;
21796    $(".modal.show").each(function() {
21797      total_modal += 1;
21798    });
21799    if (total_modal > 0) {
21800      $("body").addClass("modal-open");
21801    }
21802  });
21803</script>
21803
21804
21805
21806<!-- Url Change Event back data history -->
21807<script>
21808  //$(window).on('popstate', function(event) {
21809  //  remake_url(3);
21810  //});
21811</script>
21811
21812
21813<script type="text/javascript">
21814  function check_save_mylibrary(prodID) {
21815    prodID = prodID.toString();
21816    var rtn = product_mylibrary.indexOf(prodID);
21817    if (rtn >= 0) {
21818      // for button
21819      $('.btn-mylibrary-' + prodID).addClass('disabled');
21820      $('.btn-mylfibrary-' + prodID).prop('disabled', true);
21821
21822      // for button event
21823      $('.img-mylibrary-on-' + prodID).css('display', 'block');
21824      $('.img-mylibrary-off-' + prodID).css('display', 'none');
21825
21826      // fir button mobile
21827      $('.mobile-lib-button-' + prodID).attr("data-already-in-mylibrary", "true");
21828    } else {
21829      $('.mobile-lib-button-' + prodID).attr("data-already-in-mylibrary", "false");
21830    }
21831  }
21832
21833  function save_mylibrary(prodID) {
21834    if (is_login == 0) {
21835      // $("#loginModal").modal("show");
21836      callSignUpLoginModal("");
21837      return;
21838    }
21839    $.ajax({
21840      type: "POST",
21841      url: "https://www.archify.com/au/gpost/member/save_product_to_library/" + prodID,
21842      async: true,
21843      success: function(result) {
21844        if (result == "success") {
21845          callNotification("Product has been added to library");
21846          $('.cum-on-' + prodID).css('display', 'block');
21847          $('.cum-off-' + prodID).css('display', 'none');
21848          $('.img-mylibrary-on-' + prodID).css('display', 'block');
21849          $('.img-mylibrary-off-' + prodID).css('display', 'none');
21850          $('.mobile-lib-button-' + prodID).attr("data-already-in-mylibrary", "true");
21851        }
21852      },
21853      cache: false,
21854      contentType: false,
21855      processData: false
21856    });
21857  }
21858
21859  function delete_mylibrary(prodID) {
21860    if (is_login == 0) {
21861      // $("#loginModal").modal("show");
21862      callSignUpLoginModal("");
21863      return;
21864    }
21865    $.ajax({
21866      type: "POST",
21867      url: "https://www.archify.com/au/gpost/member/delete_product_to_library/" + prodID,
21868      async: true,
21869      success: function(result) {
21870        if (result == "success") {
21871          callNotification("Product has been Removed From Library");
21872          $('.cum-on-' + prodID).css('display', 'none');
21873          $('.cum-off-' + prodID).css('display', 'block');
21874          $('.img-mylibrary-off-' + prodID).css('display', 'block');
21875          $('.img-mylibrary-on-' + prodID).css('display', 'none');
21876          $('.mobile-lib-button-' + prodID).attr("data-already-in-mylibrary", "false");
21877        }
21878      },
21879      cache: false,
21880      contentType: false,
21881      processData: false
21882    });
21883  }
21884
21885  function link_to_brand() {
21886    var urlFull = window.location.href;
21887    var strArray = urlFull.split("/products");
21888    var newUrl = strArray[0] + "/brands" + strArray[1];
21889    window.location = newUrl;
21890  }
21891
21892  function closeMobileAsrOption() {
21893    $("#asr-option.mobile-asr-left").removeClass("show-mobile");
21894    $(".popup-shade-mobile-asr").fadeOut();
21895  }
21896</script>
21896
21897
21898<!-- :: Scroll Back To Top -->
21899<script>
21900  $(function() {
21901    $('#backToTopButton').css('opacity', 0);
21902    $(window).scroll(function() {
21903      if ($(this).scrollTop() >= 150) {
21904        $('#backToTopButton').css('opacity', 1);
21905      } else {
21906        $('#backToTopButton').css('opacity', 0);
21907      }
21908    });
21909    $('#backToTopButton').click(function() {
21910
21911      $("HTML, BODY").animate({
21912        scrollTop: 0
21913      }, 1000);
21914
21915    });
21916  });
21917</script>
21917
21918
21919<!-- :: Event Window Scroll To Bottom -->
21920<script>
21921  $(window).scroll(function() {
21922    var articleHeight = $('#articleBox').height();
21923    if (articleHeight == 0 || articleHeight == undefined) {
21924      articleHeight = 120;
21925    }
21926    if (loaded_data > 1) {
21927      if ($(window).scrollTop() + $(window).height() > $(document).height() - 800) {
21928        if (loadmore_products_in_progress == false) {
21929          if (totalDataLoaded < totalListBrandData) {
21930            $(".load-more-button").click();
21931          }
21932          // console.log("5");
21933        }
21934      }
21935    }
21936  });
21937</script>
21937
21938
21939<script>
21940  $(document).ready(function() {
21941
21942    $(".close-level-2").click(function() {
21943      // console.log('close 2');
21944      $(".ullevel1 li a").each(function() {
21945        if ($(this).hasClass('selected')) {
21946          $(this).click();
21947        }
21948      });
21949      $("#new-sidebar-product-subcategory .toggle-spec").hide();
21950      $("#new-sidebar-product-subcategory .arrow-cio").html("<img src='https://www.archify.com/assets/img/svg/icon-accordion-plus.svg'>");
21951      $("#new-sidebar-product-subcategory .body-togg-asr").hide();
21952      $("#new-sidebar-product-category").addClass("show");
21953      $(this).parent().parent().parent().parent().parent().parent().removeClass("show");
21954    });
21955
21956    $(".close-level-3").click(function() {
21957      // console.log('close 3');
21958      $(".ullevel1 li a").each(function() {
21959        if ($(this).hasClass('selected')) {
21960          // console.log($(this).attr('name'));
21961          // $(".onclick-subcategory li a").trigger("click");
21962          // $(this).click();
21963          // $(this).trigger( "click", [ 1 ] );
21964        }
21965      });
21966
21967      $(".metricdat").trigger("click");
21968      $("#infolevel3").html("");
21969      $(this).parent().parent().parent().parent().parent().parent().removeClass("show");
21970      filter_datax.filtered = [];
21971
21972    });
21973  });
21974</script>
21974
21975
21976<!-- :: Popup All spec filter -->
21977<script>
21978  function removeText(element) {
21979    var newElement = $('<' + element[0].nodeName + '/>');
21980    element.children().each(function() {
21981      newElement.append(this);
21982    });
21983    element.replaceWith(newElement);
21984  }
21985
21986  $('.checkpop').on('change', function() {
21987    var mytext = $(this).prev('span').text();
21988
21989    if ($(this).is(":checked")) {
21990      $(".menu-ly.current .ly-subhead").append("<span>" + mytext + ", </span>");
21991    } else {
21992      removeText($(".menu-ly.current .ly-subhead span:contains(" + mytext + ")"));
21993    }
21994  });
21995</script>
21995
21996
21997<!-- Filter Mobile -->
21998<script>
21999  var isMenuFilterOpened = false;
22000  var menuFilterTypeOpened = "";
22001
22002  $(".buttom-tnn").hide();
22003
22004  function toggleMenuFilter(type) {
22005    var type = type;
22006    if (isMenuFilterOpened) {
22007      isMenuFilterOpened = false;
22008      $(".popup-shade-bg-mobile-filter-menu").fadeOut(200);
22009      // console.log("0");
22010      $('.arrow-cio').html('<img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg">');
22011      $(".buttom-tnn").hide();
22012    } else {
22013      isMenuFilterOpened = true;
22014      menuFilterTypeOpened = type;
22015      $(".popup-shade-bg-mobile-filter-menu").fadeIn(200);
22016      // console.log("X");
22017      $(".buttom-tnn").show();
22018    }
22019
22020    $(".new-company-filter-project-category-menu-mobile .body-togg-asr").hide();
22021    if (type == "product-category") {
22022      $(".new-company-filter-project-category-menu-mobile .section").removeClass("show");
22023      $(".new-company-filter-project-category-menu-mobile .main-section.section").addClass("show");
22024      $(".new-company-filter-project-category-menu-mobile").toggleClass("show");
22025    } else if (type == "project-category-speckfilter") {
22026      $(".new-company-filter-project-category-menu-mobile .section").removeClass("show");
22027      $(".new-company-filter-project-category-menu-mobile .project-category-speckfilter.section").addClass("show");
22028      $(".new-company-filter-project-category-menu-mobile").toggleClass("show");
22029    } else if (type == "sort-by") {
22030      $(".new-company-filter-project-category-menu-mobile .section").removeClass("show");
22031      $(".new-company-filter-project-category-menu-mobile .sort-by.section").addClass("show");
22032      $(".new-company-filter-project-category-menu-mobile").toggleClass("show");
22033    } else if (type == "view-by") {
22034      $(".new-company-filter-project-category-menu-mobile .section").removeClass("show");
22035      $(".new-company-filter-project-category-menu-mobile .view-by.section").addClass("show");
22036      $(".new-company-filter-project-category-menu-mobile").toggleClass("show");
22037    } else if (type == "find-brand") {
22038      $(".new-company-filter-project-category-menu-mobile .section").removeClass("show");
22039      $(".new-company-filter-project-category-menu-mobile .find-brand.section").addClass("show");
22040      $(".new-company-filter-project-category-menu-mobile").toggleClass("show");
22041    }
22042
22043    $(".popup-shade-bg-mobile-filter-menu").find(".cd-menu-icon").toggleClass("is-clicked");
22044    $("body").toggleClass("modal-open");
22045  }
22046
22047  $('.mobile-show-button').click(function() {
22048    if ($(this).attr('val') == "product-category") {
22049      $(".section.project-category-section").addClass("show");
22050    }
22051
22052    if ($(this).attr('val') == "collections") {
22053      $(".section.collections-section").addClass("show");
22054    }
22055  });
22056
22057
22058  //$('.liv').click(function(){
22059  //  if ($(this).attr('val') == "furniture") {
22060  //    $(".section.project-category-child").addClass("show");
22061  //  }
22062  //  if ($(this).attr('val') == "beds-accessories") {
22063  //    $(".section.project-category-childlast").addClass("show");
22064  //  }
22065  //});
22066
22067  $(document).ready(function() {
22068    //  toogle_menu("mobile-menu","mobile-menu","mobile-menu");
22069
22070    toogle_menu("submenu-mobile", "ul-mob", "arrow-mobile");
22071    $(".popup-shade-bg-mobile-filter-menu .cd-primary-nav-trigger").unbind("click");
22072    $(".popup-shade-bg-mobile-filter-menu .cd-primary-nav-trigger").click(function() {
22073      toggleMenuFilter(menuFilterTypeOpened);
22074      // console.log("klik")
22075    });
22076  });
22077
22078  $(".clear-spec-filter-mrr").click(function() {
22079    var l3 = $("#infolevel3slug").text();
22080    // console.log(l3);
22081    window.location.href = "https://www.archify.com/au/products/" + l3;
22082  });
22083  $(".clear-spec-filter-mrr1").click(function() {
22084    window.location.href = "https://www.archify.com/au/products/";
22085  });
22086  $(".clear-spec-filter-mrr2").click(function() {
22087    var l2 = $("#infolevel2slug").text();
22088    window.location.href = "https://www.archify.com/au/products/" + l2;
22089  });
22090
22091  $(".all-livhide").click(function() {
22092    toggleMenuFilter("product-category");
22093  });
22094</script>
22094
22095
22096
22097<style>
22098  /* popover info sustainable */
22099  .webui-popover-sustainable {
22100    background-color: #4a4a4a;
22101  }
22102
22103  .webui-popover-sustainable p.title {
22104    font-family: WorkSans-Medium;
22105    font-size: 14px;
22106    color: #fff;
22107  }
22108
22109  .webui-popover-sustainable ul {
22110    padding: 0;
22111    list-style: none;
22112  }
22113
22114  .webui-popover-sustainable ul li {
22115    margin-bottom: 10px;
22116  }
22117
22118  .webui-popover-sustainable ul li:last-child {
22119    margin-bottom: 0px;
22120  }
22121
22122  .webui-popover-sustainable ul li p {
22123    font-family: WorkSans-Medium;
22124    font-size: 12px;
22125    margin-bottom: 0;
22126    color: #fff;
22127  }
22128
22129  .webui-popover-sustainable ul li p img {
22130    margin-right: 5px;
22131  }
22132
22133  .webui-popover-sustainable.bottom>.webui-arrow:after,
22134  .webui-popover-sustainable.bottom-right>.webui-arrow:after,
22135  .webui-popover-sustainable.bottom-left>.webui-arrow:after {
22136    border-bottom-color: #4a4a4a;
22137  }
22138
22139  .webui-popover-sustainable.top>.webui-arrow:after,
22140  .webui-popover-sustainable.top-right>.webui-arrow:after,
22141  .webui-popover-sustainable.top-left>.webui-arrow:after {
22142    border-top-color: #4a4a4a;
22143  }
22144
22145  /* popover info drawing-files */
22146  .webui-popover-drawing-files {
22147    background-color: #4a4a4a;
22148  }
22149
22150  .webui-popover-drawing-files p.title {
22151    font-family: WorkSans-Medium;
22152    font-size: 14px;
22153    color: #fff;
22154    line-height: 15px;
22155  }
22156
22157  .webui-popover-drawing-files p.subtitle {
22158    font-family: WorkSans-Medium;
22159    font-size: 12px;
22160    color: #ababab;
22161    margin-bottom: 0;
22162    line-height: 15px;
22163  }
22164
22165  .webui-popover-drawing-files.bottom>.webui-arrow:after,
22166  .webui-popover-drawing-files.bottom-right>.webui-arrow:after,
22167  .webui-popover-drawing-files.bottom-left>.webui-arrow:after {
22168    border-bottom-color: #4a4a4a;
22169  }
22170
22171  .webui-popover-drawing-files.top>.webui-arrow:after,
22172  .webui-popover-drawing-files.top-right>.webui-arrow:after,
22173  .webui-popover-drawing-files.top-left>.webui-arrow:after {
22174    border-top-color: #4a4a4a;
22175  }
22176
22177  /* popover info sustainable item */
22178  .webui-popover-sustainable-item {
22179    min-height: 0;
22180    margin-top: -5px !important;
22181  }
22182
22183  .webui-popover-sustainable-item .webui-popover-content {
22184    padding: 5px;
22185  }
22186
22187  .webui-popover-sustainable-item p {
22188    font-family: WorkSans-Medium;
22189    font-size: 10px;
22190    color: #4a4a4a;
22191    margin-bottom: 0;
22192    line-height: 12px;
22193  }
22194
22195  /* popover info drawing files item */
22196  .webui-popover-drawing-files-item {
22197    min-height: 0;
22198    margin-top: -5px !important;
22199    max-width: 127px;
22200  }
22201
22202  .webui-popover-drawing-files-item .webui-popover-content {
22203    padding: 5px;
22204  }
22205
22206  .webui-popover-drawing-files-item p {
22207    font-family: WorkSans-Medium;
22208    font-size: 10px;
22209    color: #4a4a4a;
22210    margin-bottom: 0;
22211    line-height: 12px;
22212  }
22213
22214  #brand_check {
22215    margin-top: 30px;
22216  }
22217
22218  .control_brand {
22219    margin-bottom: 10px;
22220  }
22221
22222  .control input {
22223    width: 95%;
22224  }
22225
22226  .brand_chk {
22227    margin-top: 10px !important;
22228    min-height: 25px;
22229    max-height: 200px;
22230    overflow-y: auto;
22231  }
22232
22233  .brand_chk::-webkit-scrollbar {
22234    width: 10px;
22235  }
22236
22237  /* Track */
22238  .brand_chk::-webkit-scrollbar-track {
22239    background: #f1f1f1;
22240  }
22241
22242  /* Handle */
22243  .brand_chk::-webkit-scrollbar-thumb {
22244    background: #888;
22245  }
22246
22247  /* Handle on hover */
22248  .brand_chk::-webkit-scrollbar-thumb:hover {
22249    background: #555;
22250  }
22251
22252  .multiple-wrapper {
22253    position: relative;
22254    float: left;
22255    width: calc(100% - 170px - 10px);
22256  }
22257
22258  .multiple-wrapper .select2-container {
22259    height: auto;
22260    min-height: 34px;
22261  }
22262
22263  .select-drop-down-wrapper input {
22264    width: 100%;
22265  }
22266
22267  .select-drop-down-wrapper .select2-container--default .select2-results>.select2-results__options {
22268    width: 100%;
22269    margin-top: 10px;
22270    margin-bottom: 10px;
22271    position: relative;
22272    float: left;
22273  }
22274
22275  .search_brand::placeholder {
22276    color: #9B9B9B;
22277    opacity: 1;
22278    /* Firefox */
22279  }
22280
22281  .search_brand::-ms-input-placeholder {
22282    /* Edge 12 -18 */
22283    color: #9B9B9B;
22284  }
22285
22286  .search_brand {
22287    color: #4a4a4a;
22288
22289  }
22290
22291  @media(max-width:768px) {
22292    .draw-filter {
22293      display: none;
22294    }
22295
22296    #spec_fil {
22297      display: none;
22298    }
22299  }
22300</style>
22301<script>
22302  // init webui popover
22303  function initPopover() {
22304    var popOverDrawingFilesSettings = {
22305      trigger: 'hover',
22306      placement: 'vertical',
22307      title: '',
22308      content: `
22309      <p class="title">Use this filter to view products with downloadable drawing files.</p>
22310      <p class="subtitle">Available file formats: DWG, DXF, IFC,  RVT, NWD, SKP, PLN, PDF, STP, STEP, IES</p>
22311      `,
22312      width: 295,
22313      multi: false,
22314      closeable: false,
22315      style: 'drawing-files',
22316      delay: 300,
22317      padding: true,
22318      backdrop: false,
22319      arrow: true,
22320      dismissible: true,
22321      animation: "fade",
22322      onShow: function($element) {}, // callback after show
22323    };
22324    var popOverSustainableSettings = {
22325      trigger: 'hover',
22326      placement: 'vertical',
22327      title: '',
22328      content: `
22329      <p class="title">Use this filter to find sustainable products</p>
22330      <ul>
22331        <li>
22332          <p onclick="document.getElementById('checkbox-select-sustainable-1').click()">
22333            <img src="https://www.archify.com/assets/img/svg/sustainability-small-energy-green-white.svg" alt="sustainability-small-energy-green-white" width="20" height="20">
22334            Energy Efficient
22335          </p>
22336        </li>
22337        <li>
22338          <p onclick="document.getElementById('checkbox-select-sustainable-2').click()">
22339            <img src="https://www.archify.com/assets/img/svg/sustainability-small-carbon.svg" alt="sustainability-small-carbon" width="20" height="20">
22340            Low Embodied Carbon
22341          </p>
22342        </li>
22343        <li>
22344          <p onclick="document.getElementById('checkbox-select-sustainable-3').click()">
22345            <img src="https://www.archify.com/assets/img/svg/sustainability-small-water-energy.svg" alt="sustainability-small-water-energy" width="20" height="20">
22346            Low Water Consumption
22347          </p>
22348        </li>
22349        <li>
22350          <p onclick="document.getElementById('checkbox-select-sustainable-4').click()">
22351            <img src="https://www.archify.com/assets/img/svg/sustainability-small-recyclable-green-white.svg" alt="sustainability-small-recyclable-green-white" width="20" height="20">
22352            Manufactured from Recycled Materials
22353          </p>
22354        </li>
22355        <li>
22356          <p onclick="document.getElementById('checkbox-select-sustainable-5').click()">
22357            <img src="https://www.archify.com/assets/img/svg/sustainability-small-packaging-green-white.svg" alt="sustainability-small-packaging-green-white" width="20" height="20">
22358            Recyclable Packaging
22359          </p>
22360        </li>
22361        <li>
22362          <p onclick="document.getElementById('checkbox-select-sustainable-6').click()">
22363            <img src="https://www.archify.com/assets/img/svg/sustainability-small-manufacturing-green-white.svg" alt="sustainability-small-manufacturing-green-white" width="20" height="20">
22364            Sustainable Manufacturing Process
22365          </p>
22366        </li>
22367      </ul>
22368      `,
22369      width: 300,
22370      multi: false,
22371      closeable: false,
22372      style: 'sustainable',
22373      delay: 300,
22374      padding: true,
22375      backdrop: false,
22376      arrow: true,
22377      dismissible: true,
22378      animation: "fade",
22379      onShow: function($element) {}, // callback after show
22380    };
22381    var popOverNbsSettings = {
22382      trigger: 'hover',
22383      placement: 'vertical',
22384      title: '',
22385      content: `
22386      <p class="subtitle" style="color: #fff; font-family: WorkSans-Regular;">Products that have been enhanced have been authored by our team of architecs to industry standards.</p>
22387      `,
22388      width: 210,
22389      multi: false,
22390      closeable: false,
22391      style: 'drawing-files',
22392      delay: 300,
22393      padding: true,
22394      backdrop: false,
22395      arrow: true,
22396      dismissible: true,
22397      animation: "fade",
22398      onShow: function($element) {}, // callback after show
22399    };
22400    var popOverDrawingFilesItemSettings = {
22401      trigger: 'hover',
22402      placement: 'top',
22403      title: '',
22404      multi: false,
22405      closeable: false,
22406      style: 'drawing-files-item',
22407      delay: 300,
22408      padding: true,
22409      backdrop: false,
22410      arrow: false,
22411      dismissible: true,
22412      animation: "fade",
22413      onShow: function($element) {}, // callback after show
22414    };
22415    var popOverSustainableItemSettings = {
22416      trigger: 'hover',
22417      placement: 'top',
22418      title: '',
22419      multi: false,
22420      closeable: false,
22421      style: 'sustainable-item',
22422      delay: 300,
22423      padding: true,
22424      backdrop: false,
22425      arrow: false,
22426      dismissible: true,
22427      animation: "fade",
22428      onShow: function($element) {}, // callback after show
22429    };
22430
22431    const ggtHintSettings = {
22432      trigger: 'hover',
22433      placement: 'right',
22434      title: '',
22435      multi: false,
22436      closeable: false,
22437      style: 'ggt-hint-item',
22438      delay: 300,
22439      padding: true,
22440      backdrop: false,
22441      arrow: false,
22442      dismissible: true,
22443      animation: "fade",
22444    };
22445
22446    $('.info-filter-drawing-files').webuiPopover('destroy').webuiPopover(popOverDrawingFilesSettings);
22447    $('.info-filter-sustainable').webuiPopover('destroy').webuiPopover(popOverSustainableSettings);
22448    $('.info-filter-nbs').webuiPopover('destroy').webuiPopover(popOverNbsSettings);
22449    $('.drawing-files-item-wrapper').webuiPopover('destroy').webuiPopover(popOverDrawingFilesItemSettings);
22450    $('.sustainable-item').webuiPopover('destroy').webuiPopover(popOverSustainableItemSettings);
22451    $('.nbs-box').webuiPopover('destroy').webuiPopover(popOverSustainableItemSettings);
22452    $('.ggt-hint').webuiPopover('destroy').webuiPopover(ggtHintSettings);
22453  }
22454  initPopover();
22455</script>
22455
22456
22457<!-- Set drawing files list filtered -->
22458<script>
22459  // list BIM File bim-filter-wrap
22460  const bimList = ["dwg", "rfa", "dxf", "pln", "ifc", "nwd", "rvt", "gps"];
22461  // list CAD File
22462  const cadList = ["dwg", "dgn", "dxf", "pdf", "stp"];
22463  // list Other File
22464  const otherFileList = ["blend", "tx", "pdf", "max", "ies", "hdr", "3dm", "crmat"];
22465
22466  // Append BIM filter list
22467  bimList?.forEach((val) => {
22468    $(".bim-filter-wrap").append(function() {
22469      return `
22470      <div class="${$(this)?.closest(".mobile")?.length ? "col-md-5" : "col-md-6" }">
22471        <label class="asr-checkbox">
22472          <span>${val.toUpperCase()} <span class="bim-file-count-text-${val}">(0)</span></span>
22473          <input type="checkbox" class="check-bim-file bim-file-${val}" data-value="${val}" data-parent-name="bim-file-filter">
22474          <span class="asrlabel-checkbox"></span>
22475        </label>
22476      </div>`;
22477    })
22478  })
22479
22480  // Append CAD filter list
22481  cadList?.forEach((val) => {
22482    $(".cad-filter-wrap").append(function() {
22483      return `
22484      <div class="${$(this)?.closest(".mobile")?.length ? "col-md-5" : "col-md-6" }">
22485        <label class="asr-checkbox">
22486          <span>${val.toUpperCase()} <span class="cad-file-count-text-${val}">(0)</span></span>
22487          <input type="checkbox" class="check-cad-file cad-file-${val}" data-value="${val}" data-parent-name="cad-file-filter">
22488          <span class="asrlabel-checkbox"></span>
22489        </label>
22490      </div>`;
22491    })
22492  })
22493
22494  // Append OTHER filter list
22495  otherFileList?.forEach((val) => {
22496    $(".other-filter-wrap").append(function() {
22497      return `
22498      <div class="${$(this)?.closest(".mobile")?.length ? "col-md-5" : "col-md-6" }">
22499        <label class="asr-checkbox">
22500          <span>${val.toUpperCase()} <span class="other-file-count-text-${val}">(0)</span></span>
22501          <input type="checkbox" class="check-other-file other-file-${val}" data-value="${val}" data-parent-name="other-file-filter">
22502          <span class="asrlabel-checkbox"></span>
22503        </label>
22504      </div>`;
22505    })
22506  })
22507</script>
22507
22508
22509<script>
22510  // Set event for global search filter
22511  // track Keyword event
22512  $('.filter-keyword').on('keypress', (e) => {
22513    if (e.which == 13) {
22514      // add all filter keyword 
22515      $('.filter-keyword').val(e.target.value);
22516      remake_url("keyword");
22517    }
22518  })
22519
22520  // track filter country event
22521  let countryAction;
22522  $('.x-country-filter').unbind('change');
22523  $('.x-country-filter').change(function(e) {
22524    e.stopPropagation();
22525
22526    // Countries
22527    if (countryAction) {
22528      clearTimeout(countryAction);
22529    }
22530    countryAction = setTimeout(() => {
22531      if ($(this).hasClass('x-country-filter')) {
22532        if ($(this).attr('value')) {
22533          remake_url("countries");
22534        }
22535      }
22536    }, 0)
22537  });
22538
22539  let bimFileAction;
22540  $('.check-bim-file').change(function(e) {
22541    e.stopPropagation();
22542    let elem = $(this);
22543    // apply to all bim file
22544    $(`.check-bim-file.bim-file-${elem.attr('data-value')}`).prop("checked", elem.is(':checked'));
22545
22546    if (bimFileAction) {
22547      clearTimeout(bimFileAction);
22548    }
22549
22550    bimFileAction = setTimeout(() => {
22551      remake_url(1);
22552    }, 500);
22553  })
22554
22555  let cadFileAction;
22556  $('.check-cad-file').change(function(e) {
22557    e.stopPropagation();
22558    let elem = $(this);
22559    // apply to all cad file
22560    $(`.check-cad-file.cad-file-${elem.attr('data-value')}`).prop("checked", elem.is(':checked'));
22561
22562    if (cadFileAction) {
22563      clearTimeout(cadFileAction);
22564    }
22565
22566    cadFileAction = setTimeout(() => {
22567      remake_url(1);
22568    }, 500);
22569
22570  })
22571
22572  let otherFileAction;
22573  $('.check-other-file').change(function(e) {
22574    e.stopPropagation();
22575    let elem = $(this);
22576    // apply to all other file
22577    $(`.check-other-file.other-file-${elem.attr('data-value')}`).prop("checked", elem.is(':checked'));
22578
22579    if (otherFileAction) {
22580      clearTimeout(otherFileAction);
22581    }
22582
22583    otherFileAction = setTimeout(() => {
22584      remake_url(1);
22585    }, 500);
22586  })
22587
22588
22589  let epdGgtFilterAction;
22590  $('.checkbox-epd-ggt-filter').unbind('click');
22591  $('.checkbox-epd-ggt-filter').click(function(e) {
22592    e.stopPropagation();
22593    let elem = $(this).find("input.checkbox-ggt-epd");
22594
22595    // apply to all other file
22596    $(`.checkbox-ggt-epd`).prop("checked", !elem.is(':checked'));
22597
22598    if (epdGgtFilterAction) {
22599      clearTimeout(epdGgtFilterAction);
22600    }
22601
22602    epdGgtFilterAction = setTimeout(() => {
22603      remake_url(1);
22604    }, 500);
22605  })
22606
22607  let epdGgtCertificateFilterAction;
22608  $('.checkbox-epd-ggt-certificate-filter').unbind('click');
22609  $('.checkbox-epd-ggt-certificate-filter').click(function(e) {
22610    e.stopPropagation();
22611    let elem = $(this).find("input.checkbox-ggt-epd-certificate");
22612    // console.log(elem);
22613
22614    // apply to all other file
22615    $(`.checkbox-ggt-epd-certificate`).prop("checked", !elem.is(':checked'));
22616
22617    if (epdGgtCertificateFilterAction) {
22618      clearTimeout(epdGgtCertificateFilterAction);
22619    }
22620
22621    epdGgtCertificateFilterAction = setTimeout(() => {
22622      remake_url(1);
22623    }, 500);
22624  })
22625</script>
22625
22626
22627<!-- Set Filter EPD / Sustainability / LCA -->
22628<script>
22629  const onHandleSetEpdFilter = (listFilter) => {
22630    $('.epd-filter-wrap').html("");
22631    if (listFilter.length) {
22632      listFilter.forEach((item) => {
22633        $('.epd-filter-wrap').append(`
22634        <div class="wrap-spec-toggle value-change id-toogle-${item.type} epd-filter-slider-wrap" data-type="${item.type}">
22635          <div class="spec-updown epd-filter-toggle-head">
22636            <div class="title">
22637            <span>${item.title}</span>
22638            ${item.hint ? `<img data-content="${item.hint}" class="epd-hint-img" src="https://www.archify.com/assets//img/svg/02-icon-01-general-info.svg" />` :""}</div>
22639            <div class="arrow-cio epd-filter-toggle-arrow"><img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg"></div>
22640          </div>
22641          <div class="body-togg-asr epd-filter-toggle-body">
22642            <div class="epd-range-slider">
22643              <p class="slider-label-left"><span class="js-data-metric">${Number(item.min).toLocaleString()}</span></p>
22644              <p class="slider-label-right"><span class="js-data-metric">${Number(item.max).toLocaleString()} ${item?.unit}</span></p>
22645              <input type="text" value="" class="epd-slider-filter epd-slider-filter-${item.type}" data-type="${item.type}" data-min="${item.min}" data-max="${item.max}" data-unit="${item?.unit}" onchange="event.stopPropagation()"/>
22646            </div>
22647            <div class="extra-controls">
22648              <span>From</span>
22649              <input type="text" class="epd-slider-js-input-from form-control" max="${item.max}" value="${item.min}" onchange="event.stopPropagation()"/>
22650              <span style="margin-left:10px;">To</span>
22651              <input type="text" class="epd-slider-js-input-to form-control" max="${item.max}" value="${item.max}" onchange="event.stopPropagation()"/>
22652              <div class="clear"></div>
22653            </div>
22654        </div>`);
22655
22656        onHandleInitSliderEpdFilter(`.epd-slider-filter-${item.type}`);
22657      })
22658      toogle_menu("epd-filter-toggle-head", "epd-filter-toggle-body", "epd-filter-toggle-arrow");
22659      const epdFilterHintSettings = {
22660        trigger: 'hover',
22661        placement: 'right',
22662        title: '',
22663        multi: false,
22664        closeable: false,
22665        style: '',
22666        delay: 300,
22667        padding: true,
22668        backdrop: false,
22669        arrow: false,
22670        dismissible: true,
22671        animation: "fade",
22672      };
22673      $('.epd-hint-img').webuiPopover('destroy').webuiPopover(epdFilterHintSettings);
22674    } else {
22675      $(".epd-filter-wrap").parent().hide();
22676    }
22677  }
22678
22679  const onHandleSubmitEpdFilter = () => {
22680    //replace commas in number
22681    remake_url(1);
22682  }
22683  // To handle slider filter, Already improve some code to make more simple than original at spec filter still can be improve again ***must delivery fast so no more improve lol already working overtime for this one - kuzkuz*** 
22684
22685  const onHandleInitSliderEpdFilter = (className) => {
22686    let setChangeInputTimeout;
22687    let filterClassName = "";
22688    let rangeSliderElm = $(className);
22689    let inputFrom = $(className).parent(".epd-range-slider").siblings(".extra-controls").children(".epd-slider-js-input-from");
22690    let inputTo = $(className).parent(".epd-range-slider").siblings(".extra-controls").children(".epd-slider-js-input-to");
22691    let min = $(className).data().min.toString();
22692    let max = $(className).data().max.toString();
22693    let unit = $(className).data().unit.toString();
22694    let from = 0;
22695    let to = 0;
22696
22697    // function to handle typing on moving slider
22698    const changeInputs = (data) => {
22699      let from = data.from;
22700      let to = data.to;
22701
22702      inputFrom.prop("value", from);
22703      inputTo.prop("value", to);
22704
22705      rangeSliderElm.parents(".range-slider").parents(".body-togg-asr").parents(".wrap-spec-toggle").addClass("alreadychange");
22706
22707      // Handle update slide all slider slide with same class and value
22708      inputFrom.trigger("input");
22709      inputTo.trigger("input");
22710    }
22711
22712    // function to handle typing on input field
22713    const typeInputs = (from, to, min, max) => {
22714      inputFrom.prop("value", from);
22715      inputTo.prop("value", to);
22716
22717      min = Number(removeCommas(min));
22718      max = Number(removeCommas(max));
22719
22720      if (setChangeInputTimeout) {
22721        clearTimeout(setChangeInputTimeout);
22722      }
22723
22724      setChangeInputTimeout = setTimeout(function() {
22725        // Handle update input type all slider slide with same class and value
22726        rangeSliderElm.each((idx, elem) => {
22727          let instance = $(elem).data("ionRangeSlider");
22728
22729          instance.update({
22730            from: from,
22731            to: to
22732          });
22733
22734          if (Number(to) > Number(max)) {
22735            inputTo.prop("value", max);
22736          }
22737          if (Number(from) > Number(to) || Number(from) > Number(max)) {
22738            inputFrom.prop("value", 0);
22739            instance.update({
22740              from: 0
22741            });
22742          }
22743        })
22744
22745        rangeSliderElm.parents(".range-slider").parents(".body-togg-asr").parents(".wrap-spec-toggle").addClass("alreadychange");
22746        onHandleSubmitEpdFilter();
22747      }, 500);
22748    }
22749
22750    rangeSliderElm.ionRangeSlider({
22751      skin: "round",
22752      type: "double",
22753      min: min,
22754      max: max,
22755      from: min,
22756      to: max,
22757      onChange: changeInputs,
22758    });
22759
22760    // event tracking input from
22761    inputFrom.on("input", function(e) {
22762      e.stopPropagation();
22763      typeInputs(e.target.value, inputTo.prop("value"), min, max);
22764    });
22765
22766    // event tracking input to
22767    inputTo.on("input", function(e) {
22768      e.stopPropagation();
22769      typeInputs(inputFrom.prop("value"), e.target.value, min, max);
22770    });
22771  }
22772
22773  let menuFilterEpdAction;
22774  const onHandleMenuFilterEpd = (category_slug) => {
22775
22776    if (menuFilterEpdAction) {
22777      clearTimeout(menuFilterEpdAction);
22778    }
22779
22780    menuFilterEpdAction = setTimeout(() => {
22781      $.ajax({
22782        url: `https://www.archify.com/au/gpost/products/menu_products_epd${category_slug ? `/${category_slug}`: ""}`,
22783        dataType: 'json',
22784        async: true,
22785      }).done(function(data) {
22786        const response = data.data;
22787
22788        // For Percentage and Rating we used The max default value, not max value from real data 
22789        let listFilter = [{
22790          type: "gwp_a1_a3",
22791          title: "GWP A1-A3",
22792          hint: "GWP A1-A3 as defined in BS EN 15804",
22793          max: response?.max_gwp_a1_a3 ? Number(response?.max_gwp_a1_a3) : 0,
22794          min: response?.min_gwp_a1_a3 ? Number(response?.min_gwp_a1_a3) : 0,
22795          unit: "Kg CO<sub>2</sub>e/m<sup>2</sup>",
22796          show: (true && (response?.max_gwp_a1_a3 && response?.min_gwp_a1_a3)) || false
22797          // not showing all for now need for phase 1
22798          // show: false
22799        }, {
22800          type: "recycle_content",
22801          title: "Recycled Content",
22802          hint: "",
22803          max: 100,
22804          min: 0,
22805          unit: "%",
22806          show: (true && response?.max_recycle_content) || false
22807          // not showing all for now need for phase 1
22808          // show: false
22809        }, {
22810          type: "expected_life",
22811          title: "Expected Life (years)",
22812          hint: "",
22813          max: Number(response?.max_expected_life),
22814          min: 0,
22815          unit: "years",
22816          show: (true && response?.max_expected_life) || false
22817          // not showing all for now need for phase 1
22818          // show: false
22819        }, {
22820          type: "energy_star_rating",
22821          title: "Energy Star Rating",
22822          hint: "",
22823          max: 10,
22824          min: 0,
22825          unit: "Rating",
22826          show: (true && response?.max_energy_star_rating) || false
22827          // not showing all for now need for phase 1
22828          // show: false
22829        }, {
22830          type: "water_star_rating",
22831          title: "Water Star Rating",
22832          hint: "",
22833          max: 6,
22834          min: 0,
22835          unit: "Rating",
22836          show: (true && response?.max_water_star_rating) || false
22837          // not showing all for now need for phase 1
22838          // show: false
22839        }];
22840        listFilter = listFilter?.filter(x => x?.max != 0 && x?.show)
22841        onHandleSetEpdFilter(listFilter);
22842      })
22843    }, 500)
22844
22845  }
22846  // // on load filter epd
22847  onHandleMenuFilterEpd();
22848</script>
22848
22849
22850<!-- before unload function -->
22851<script>
22852  $(window).on('beforeunload', function() {
22853    $(window).scrollTop(0);
22854    $("#pageloader_new").fadeIn();
22855  });
22856</script>

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.