1 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>>
2 @using System;
3 @using System.Linq;
4 @using System.Web.Optimization;
5 @using HagsWeb.Library.Methods.Page;
6 @using HagsWeb.Library.State;
7 @using HagsWeb.Library.Utilities;
8 @using Dynamicweb.Content;
9 @using Dynamicweb.Ecommerce.International;
10
11 @{
12 bool inDev = false;
13 inDev = inDev || GetGlobalValue("Global:Request.Url").Contains("http://hagsdw915solution.");
14 inDev = inDev || GetGlobalValue("Global:Request.Url").Contains("https://hagsdev.hags.");
15 inDev = inDev || GetGlobalValue("Global:Request.Url").Contains("https://hagslang.hags.");
16 inDev = inDev || GetGlobalValue("Global:Request.Url").Contains("https://hagslive.hags.");
17
18 int masterAreaId = int.TryParse(GetGlobalValue("Global:Area.ID"), out masterAreaId) ? masterAreaId : 0;
19 Dynamicweb.Content.Area masterArea = new Dynamicweb.Content.AreaService().GetArea(masterAreaId);
20
21 string themeTag = HagsPages.GetThemeByNavigationTag(GetGlobalValue("Global:Page.Top.ID")); // gets the page ID at the top of the tree this page sits on.
22 string siteNavigation = HagsPages.GetActiveAreas();
23 string htmlLang = GetGlobalValue("Global:Area.LongLang");
24 string siteAreaName = @GetString("DwAreaName");
25 string designBaseUrl = @GetString("Template:DesignBaseUrl");
26 var unixTimestamp = ((DateTimeOffset)DateTime.UtcNow).ToUnixTimeSeconds();
27 var jsTimestamp = inDev ? unixTimestamp : 0;
28 string currentUser = @GetString("DW_extranet_AccessUserName");
29 string userGroups = @GetString("DW_extranet_Groups");
30 var langSite = @GetGlobalValue("Global:Pageview.Url");
31
32 var siteFirstPageId = GetString("DwAreaFirstPageID"); // for the Hags Logo url. Go to the WEBSITE home page
33 var thisSiteName = HagsWeb.Library.Methods.Page.HagsPages.GetSiteCountryName(@GetGlobalValue("Global:Area.LongLang"), @GetGlobalValue("Global:Area.Name"));
34 var websites = GetLoop("WebsiteLanguages");
35 string worldwideContactsLink = DWUtilities.GetPageByNavigationTag("worldwide-contacts", masterAreaId);
36
37
38
39 }
40 <!DOCTYPE html>
41 <html class="no-js" lang="@htmlLang">
42 <head>
43 <meta charset="utf-8">
44 <meta name="viewport" content="width=device-width, initial-scale=1.0">
45 <title>@GetValue("Title")</title>
46 @GetValue("MetaTags")
47 @GetValue("CopyRightNotice")
48
49
50 <meta name="author" content="HAGS @(siteAreaName)">
51 <link rel="icon" href="@(designBaseUrl)assets/img/favicon.ico" sizes="32x32">
52 <link rel="icon" href="@(designBaseUrl)assets/img/icon.svg" type="image/svg+xml">
53 <link rel="apple-touch-icon" href="@(designBaseUrl)assets/img/apple-touch-icon.png">
54
55 <script>(function (H) { H.className = H.className.replace(/\bno-js\b/, 'js') })(document.documentElement)</script>
56
57 <link rel="preconnect" href="https://cdn.fonts.net">
58 <link rel="stylesheet" href="@(designBaseUrl)assets/styles/monotype-redux.css">
59
60 <link rel="stylesheet" href="@(designBaseUrl)assets/styles/reset.css?v=1.1">
61 <link rel="stylesheet" href="@(designBaseUrl)assets/styles/core.css?ts=@unixTimestamp">
62 <link rel="stylesheet" href="@(designBaseUrl)assets/styles/nav-mega.css?ts=@unixTimestamp">
63 <link rel="stylesheet" href="@(designBaseUrl)assets/styles/forms.css?ts=@unixTimestamp">
64 <link rel="stylesheet" href="@(designBaseUrl)assets/styles/country-rules.css?ts=@unixTimestamp">
65
66 @if (!inDev)
67 {
68 <script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="89c7e0fa-fa61-446d-9c96-866489bcea3c" data-blockingmode="auto" type="text/javascript"></script>
69 }
70
71 @foreach (var language in GetLoop("Languages"))
72 {
73 string pageid = language.GetString("PageID");
74 string url = string.Empty;
75 string productId = System.Web.HttpContext.Current.Request.QueryString.Get("productid");
76 if (string.IsNullOrEmpty(productId))
77 {
78 url = @GetGlobalValue("Global:Request.Scheme") + "://" + language.GetString("PrimaryDomain");
79 url = url + Dynamicweb.Frontend.SearchEngineFriendlyURLs.GetFriendlyUrl("default.aspx?id=" + pageid);
80 }
81 else
82 {
83 string productSystemUrl = "default.aspx?id=" + pageid + "&ProductID=" + productId;
84 string productUrl = Dynamicweb.Frontend.SearchEngineFriendlyURLs.GetFriendlyUrl(productSystemUrl);
85 if (!string.IsNullOrEmpty(productUrl))
86 {
87 url = @GetGlobalValue("Global:Request.Scheme") + "://" + language.GetString("PrimaryDomain") + productUrl;
88 }
89 }
90 if (!string.IsNullOrEmpty(url))
91 {
92 <link rel="alternate" href='@url' hreflang='@language.GetString("Culture")'>
93 }
94 }
95
96 @* expand these bundles for re-design debugging *@
97
98 @* Scripts.Render("~/bundle/jquery") *@
99 @* @Scripts.Render("~/bundle/Validation") *@
100
101
102
103 @* no need for this? we are not using bootstrap anymore!! /HagsCore/style/libraries/bootstrap-sass/assets/javascripts/bootstrap.min.js *@
104 @* /HagsCore/style/scss/libraries/bootstrap-sass/assets/javascripts/bootstrap.min.js *@
105
106 <script type="text/javascript" src="@(designBaseUrl)assets/js/libraries/jquery.min.js" cookieconsent="ignore"></script>
107 <script type="text/javascript" src="@(designBaseUrl)assets/js/libraries/validation/jquery.validate.min.js" cookieconsent="ignore"></script>
108 <script type="text/javascript" src="@(designBaseUrl)assets/js/libraries/validation/additional-methods.min.js" cookieconsent="ignore"></script>
109 <script type="text/javascript" src="@(designBaseUrl)assets/js/functions/hags-global.js?v=1.4.6&ts=@jsTimestamp" cookieconsent="ignore"></script>
110 @*<script type="text/javascript" src="@(designBaseUrl)assets/js/functions/hags-global.js?" cookieconsent="ignore"></script>*@
111
112 @* the future!! HTMX is here *@
113 <script src="@(designBaseUrl)assets/js/libraries/htmx/htmx.min.js" cookieconsent="ignore"></script>
114
115 <script type="text/javascript" src="@(designBaseUrl)assets/js/functions/h24.js?v=1.4.6&ts=@unixTimestamp" cookieconsent="ignore"></script>
116
117
118 @* this snippet is from the product page template *@
119 @RenderSnippet("productScripts")
120
121 @* this snippet is from the case studies item listing *@
122 @RenderSnippet("caseStudyScripts")
123
124
125 @* do not use these for now *@
126 <!--IncludeFile("Includes/SharpSpringCode.cshtml")-->
127 <!--IncludeFile("Includes/TrailHub_DenmarkCode.cshtml")-->
128 <!-- Start of Sleeknote signup and lead generation tool - www.sleeknote.com -->
129 @if (!inDev)
130 {
131 <script id="sleeknoteScript" type="text/javascript">
132 (function () {
133 var sleeknoteScriptTag = document.createElement("script");
134 sleeknoteScriptTag.type = "text/javascript";
135 sleeknoteScriptTag.charset = "utf-8";
136 sleeknoteScriptTag.src = ("//sleeknotecustomerscripts.sleeknote.com/60385.js");
137 var s = document.getElementById("sleeknoteScript");
138 s.parentNode.insertBefore(sleeknoteScriptTag, s);
139 })();
140 </script>
141
142 }
143
144
145 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>>
146
147 @if (!inDev)
148 {
149 <meta name="facebook-domain-verification" content="8vnuupfwjjw7l4g2t44cuzv5c17fa2">
150 <meta name="p:domain_verify" content="e984d55d650d51a77b5bd78fce401aee">
151
152 string verificationCode = "";
153 switch (masterAreaId)
154 {
155 case 1:
156 <!-- Google Analytics Property for Global -->
157 <meta name="google-site-verification" content="SU7OrN2pJAoaHy4QUbJqKRyiRK_pJK_mydVX9HnbAjE">
158 break;
159 case 2:
160 <!-- Google Analytics Property for Sweden -->
161 <meta name="google-site-verification" content="WMHOYHSUksAhokWvc_pl1xi2eUEIqlSAmqSuPqBuIhw">
162 break;
163 case 3:
164 <!-- Google Analytics Property for Germany -->
165 <meta name="google-site-verification" content="2FnagwVri1SLEk0f1-cNAMIsqoelzEf6qa64iTOo6A4">
166 break;
167 case 4:
168 <!-- Google Analytics Property for Denmark -->
169 <meta name="google-site-verification" content="iTdN9SsW-DWo1nPaqZ2_W6c1lKr1KdpIE-9PIa7efD8">
170 break;
171 case 5:
172 <!-- Google Analytics Property for France -->
173 <meta name="google-site-verification" content="q7sWMD42DhdNcVgQjRvpUnHq6UWvgFfxxN7SWLTjDBs">
174 break;
175 case 6:
176 <!-- Google Analytics Property for Spain -->
177 <meta name="google-site-verification" content="5l8EU56ZLDtGLgFsyPizPWpK1lt_DAqhcYsgiP_wZ2w">
178 break;
179 case 7:
180 <!-- Google Analytics Property for UK -->
181 <meta name="google-site-verification" content="VWJFZapvDhxv8eu8eMl66KkAAArEyIG3pa8ZffeAKrg">
182 break;
183 }
184
185 <!-- Google Tag Manager -->
186 <script>
187 window.dataLayer = window.dataLayer || [];
188 </script>
189 <script type="text/javascript">
190 (function (w, d, s, l, i) {
191 w[l] = w[l] || [];
192 w[l].push({
193 'gtm.start':
194 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 =
202 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
203 f.parentNode.insertBefore(j, f);
204 })(window, document, 'script', 'dataLayer', 'GTM-MCRWZS');
205 </script>
206 <!-- End Google Tag Manager -->
207 <!-- Facebook Pixel Code -->
208 <script type="text/javascript">
209 !function (f, b, e, v, n, t, s) {
210 if (f.fbq) return;
211 n = f.fbq = function () {
212 n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments)
213 };
214 if (!f._fbq) f._fbq = n;
215 n.push = n;
216 n.loaded = !0;
217 n.version = '2.0';
218 n.queue = [];
219 t = b.createElement(e);
220 t.async = !0;
221 t.src = v;
222 s = b.getElementsByTagName(e)[0];
223 s.parentNode.insertBefore(t, s)
224 }(window,
225 document,
226 'script',
227 'https://connect.facebook.net/en_US/fbevents.js');
228 fbq('init', '271101660030700');
229 fbq('track', 'PageView');
230 </script>
231 <!-- End Facebook Pixel Code -->
232 }
233
234
235
236 <script type="text/javascript" src="https://cdn.weglot.com/weglot.min.js"></script>
237 <script>
238 Weglot.initialize({
239 api_key: 'wg_99b6e7269c4b828ebd027c6d488b55500',
240 translate_search: true,
241 search_forms: "#search-box",
242 search_parameter: "q"
243 });
244 </script>
245
246 <script src='https://online3.superoffice.com/Cust29133/CS/javascript/chat.js' data-topicid='2' data-title='Kundsupport' data-theme='modern' data-color='#0080FF' data-badgecolor='#4f6128' data-badgetextcolor='#ffffff' data-custmsgcolor='#dbe5f1' data-custmsgtextcolor='#000000' data-agentmsgcolor='#c3d69b' data-agentmsgtextcolor='#000000' data-buttoncolor='#ffffff' data-buttontextcolor='' data-font='"Verdana", "Gill Sans", Arial, sans-serif' data-fontsize='12px' data-size='normal' data-delay='1' defer=""></script>
247
248 <link href="https://www.hags.com/@langSite" hreflang="x-default" rel="alternate">
249
250 @GetValue("Stylesheets")
251 @GetValue("Javascripts")
252 </head>
253
254 <body>
255 @if (!inDev)
256 {
257 <noscript>
258 <!-- Google Tag Manager (noscript) -->
259 <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MCRWZS" height="0" width="0" style="display:none;visibility:hidden"></iframe>
260 <!-- End Google Tag Manager (noscript) -->
261 <!-- Facebook Pixel Code -->
262 <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=271101660030700&ev=PageView&noscript=1">
263 </noscript>
264 }
265 @* Snippets are rendered last and can be defined in any template *@
266 @* We are using a snippet (headerClass) here to let a page template define if the header sits on top or is part of the
267 @* document flow. Setting the snippet to an empty string below makes sure it gets rendered as empty and not as a DW comment string *@
268 @* if a snippetStart/End command is used in another template it is appended to the snippet *@
269
270 @SnippetStart("headerClass")@("")@SnippetEnd("headerClass")
271
272 @{
273 string weglotLangHeader = System.Web.HttpContext.Current.Request.Headers["weglot-language"];
274 string urlLangHeader = weglotLangHeader != "" ? "/" + weglotLangHeader : "";
275 //ignore the default en code
276 urlLangHeader = weglotLangHeader == "en" ? "" : urlLangHeader;
277 }
278
279 <header class="header" data-variant='@RenderSnippet("headerClass")'>
280
281 <div class="header__wrapper">
282
283 <div class="header__global-nav">
284
285 <div class="header-logo" itemscope="" itemtype="http://schema.org/Organization">
286 <a href="/" itemprop="url">
287 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 362 81" class="hags-logo"><path fill="currentColor" fill-rule="evenodd" d="M311.22.5c9.399 0 16.725 3.168 18.555 3.168.862 0 1.596-.243 2.697-1.338h2.558l2.318 19.692h-4.876c-2.697-9.846-10.513-16.292-19.911-16.292-6.837 0-11.97 3.65-11.97 8.39 0 11.187 20.279 13.258 33.958 26.873 5.004 4.986 6.951 10.214 6.951 16.05 0 12.648-11.47 22.618-26.006 22.618-9.77 0-18.687-3.888-20.887-3.888-1.1 0-1.952.611-2.562 1.947h-3.178L285.82 55.59v-.002h4.757c4.029 12.031 11.236 18.237 20.88 18.237 8.059 0 14.17-5.11 14.17-11.917 0-18.122-39.204-17.509-39.204-41.586C286.423 8.645 296.681.5 311.22.5Zm-75.498 0c7.426 0 13.874 1.484 18.765 2.7l.801.2c3.013.755 5.377 1.361 6.941 1.361 1.825 0 2.814-.492 3.66-1.586h3.055v22.253h-4.89c-3.29-12.4-12.575-19.7-25.28-19.7-17.337 0-29.31 13.622-29.31 33.318 0 19.946 12.584 34.778 29.56 34.778 4.638 0 9.77-1.215 13.068-3.157V53.883c0-6.078-2.561-7.419-15.022-7.662v-4.617h40.55v4.617h-.001c-6.474.124-8.675 2.068-8.675 7.662v18.12c-8.795 4.011-21.364 7.656-31.877 7.656-30.898 0-45.805-17.146-45.805-40.488C191.264 16.916 209.71.5 235.722.5ZM39.705 2.33v4.74h-1.712c-6.351 0-9.526 2.066-9.526 8.878v19.086h40.301V16.31c0-6.808-2.685-9.24-9.77-9.24h-1.1V2.33h39.083v4.74h-2.203c-6.223 0-9.156 2.308-9.156 8.878v48.153c0 6.318 2.322 9.116 9.403 9.116h1.956v4.74H57.899v-4.742h1.708c6.476 0 9.161-2.796 9.161-9.364V42.21h-40.3V64.1c0 6.445 2.565 9.117 9.4 9.117h1.837v4.74H.5v-4.742h2.073c6.235 0 9.04-2.796 9.04-8.873V15.948c0-6.08-2.685-8.878-9.156-8.878H.5V2.33h39.205ZM154.04.5l24.433 61.772c3.175 8.026 5.857 10.452 12.208 10.943v4.741h-39.693v-4.741h4.271c7.451 0 8.551-3.282 6.11-9.238l-5.741-14.107h-26.752l.005.003-5.125 14.226c-2.2 6.2-2.07 9.116 9.65 9.116h1.586v4.741h-32.37v-4.741h1.837c5.858 0 8.912-2.67 11.966-11.182L137.313 4.03 135.967.5h18.073ZM141.59 14.733l-10.26 28.448h21.492L141.59 14.733ZM352.674 2.62c1.114 0 2.164.213 3.148.64a8.412 8.412 0 0 1 2.58 1.726 8.042 8.042 0 0 1 1.743 2.562c.427.984.64 2.034.64 3.148a7.702 7.702 0 0 1-.64 3.131 8.097 8.097 0 0 1-1.743 2.544 8.158 8.158 0 0 1-2.58 1.708 8.02 8.02 0 0 1-3.148.623 8.02 8.02 0 0 1-3.15-.623 8.158 8.158 0 0 1-2.579-1.708 8.097 8.097 0 0 1-1.743-2.544 7.702 7.702 0 0 1-.64-3.13c0-1.115.213-2.165.64-3.15a8.042 8.042 0 0 1 1.743-2.561 8.412 8.412 0 0 1 2.58-1.726 7.827 7.827 0 0 1 3.149-.64Zm0 1.245c-.95 0-1.839.178-2.669.534a6.854 6.854 0 0 0-2.17 1.459 6.854 6.854 0 0 0-1.459 2.17 6.702 6.702 0 0 0-.533 2.668c0 .925.177 1.803.533 2.633a7.07 7.07 0 0 0 1.459 2.188 6.71 6.71 0 0 0 2.17 1.477c.83.356 1.72.534 2.669.534.948 0 1.838-.178 2.668-.534a6.71 6.71 0 0 0 2.17-1.477 7.07 7.07 0 0 0 1.46-2.188c.355-.83.533-1.708.533-2.633 0-.948-.178-1.838-.534-2.668a6.854 6.854 0 0 0-1.459-2.17 6.854 6.854 0 0 0-2.17-1.46 6.702 6.702 0 0 0-2.668-.533Zm.035 2.242.318.009c.316.017.625.062.928.133a3.3 3.3 0 0 1 1.085.463c.32.213.575.486.765.818.19.332.284.747.284 1.245 0 .664-.19 1.204-.569 1.619-.38.415-.89.694-1.53.836l2.455 3.985h-1.992l-2.135-3.807h-1.174v3.807h-1.637V6.107h3.202Zm-.07 1.387h-1.495v2.598h1.316a3.48 3.48 0 0 0 1.352-.267c.427-.178.64-.54.64-1.085 0-.499-.195-.83-.586-.997-.392-.166-.801-.249-1.228-.249Z"></path></svg>
288 </a>
289 </div>
290
291
292 <div class="header__actions" data-username="@currentUser">
293
294 <ul role="list" class="actions-list">
295
296 <li class="actions-list__item">
297 <button class="header__action-btn js-action-btn" data-target="search-panel">
298 <span class="visually-hidden">Search</span>
299 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 212 212" class="actions-list__icon"><path fill="currentColor" fill-rule="nonzero" d="M57.43 124.386a69.002 69.002 0 0 0 41.078 19.062l1.126 65.068 16.64-.293-1.126-65.068c32.015-4.457 56.718-30.428 59.57-62.625 2.85-32.197-16.906-62.091-47.641-72.086-30.735-9.994-64.306 2.559-80.952 30.27-16.646 27.71-11.958 63.24 11.305 85.672Zm84.54-87.151c20.857 20.141 21.437 53.377 1.295 74.235-20.141 20.857-53.377 21.437-74.235 1.295-20.857-20.141-21.437-53.377-1.295-74.235 20.141-20.857 53.377-21.437 74.235-1.295Z"></path></svg>
300 </button>
301 </li>
302
303 <li class="actions-list__item">
304 <button class="header__action-btn js-action-btn" data-target="country-select-panel">
305 <span class="visually-hidden">Choose Location</span>
306 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 212 212" class="actions-list__icon"><g fill="currentColor" fill-rule="nonzero"><path d="M106 3C64.446 3 32 34.472 32 74.528c0 8.87 3.415 26.608 9.108 39.483 18.5 42.63 58.915 90.983 60.623 92.986 1.138 1.43 2.561 2.003 4.269 2.003 1.708 0 3.13-.858 4.27-2.003 1.707-2.003 42.122-50.355 60.622-92.986C176.585 101.136 180 83.397 180 74.528 180 34.472 147.554 3 106 3Zm54.362 106.433C146.13 142.336 117.1 180.39 106 194.123c-11.1-13.734-40.13-51.787-54.362-84.69-5.123-11.158-8.253-27.18-8.253-34.905 0-33.761 27.607-60.084 62.615-60.084s62.615 26.323 62.615 60.084c0 7.725-3.13 23.747-8.253 34.905Z"></path><path d="M106 37.333c-21.915 0-39.846 18.025-39.846 40.056 0 22.03 17.93 40.055 39.846 40.055 21.915 0 39.846-18.025 39.846-40.055S127.916 37.333 106 37.333ZM106 106c-15.654 0-28.462-12.875-28.462-28.611S90.346 48.778 106 48.778s28.462 12.875 28.462 28.61C134.462 93.126 121.654 106 106 106Z"></path></g></svg>
307 </button>
308 </li>
309
310 <li class="actions-list__item">
311 <button class="header__action-btn js-action-btn" data-target="collection-panel" data-action-page="site-wide" data-action-type="Button" data-action-label="View Collection">
312 <span class="visually-hidden">Product Collections</span>
313 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 212 212" class="actions-list__icon"><path fill="currentColor" fill-rule="nonzero" d="M183.337 75.733c-.856-10.588-9.716-18.735-20.325-18.67h-20.475V39.663A36.668 36.668 0 0 0 124.24 7.914a36.552 36.552 0 0 0-36.611 0 36.667 36.667 0 0 0-18.297 31.748v17.402H48.857c-10.6-.047-19.45 8.09-20.307 18.669l-9.474 111.102a20.462 20.462 0 0 0 5.277 15.557A20.368 20.368 0 0 0 39.373 209h133.244a20.369 20.369 0 0 0 15.02-6.608 20.433 20.433 0 0 0 5.287-15.557l-9.587-111.102Zm-101.6-35.968c0-13.385 10.832-24.234 24.196-24.234 13.363 0 24.196 10.85 24.196 24.234v17.402H81.736V39.765Zm96.788 154.231a7.923 7.923 0 0 1-5.882 2.48H39.253a7.94 7.94 0 0 1-5.883-2.582 7.994 7.994 0 0 1-2.066-6.087l9.577-111.102h.009a7.948 7.948 0 0 1 7.966-7.215H69.36v15.78l-.01.01a6.209 6.209 0 0 0 6.208 6.208 6.209 6.209 0 0 0 6.208-6.208V69.49h48.393v15.79a6.2 6.2 0 0 0 6.198 6.208 6.203 6.203 0 0 0 6.208-6.208V69.49h20.446a7.958 7.958 0 0 1 7.948 7.308l9.576 111.103a7.935 7.935 0 0 1-2.038 6.095h.029Z"></path></svg>
314 </button>
315 </li>
316
317 <li class="actions-list__item">
318 <button class="header__action-btn js-action-btn" data-target="hags-connect-panel">
319 <span class="visually-hidden">HAGS Connect</span>
320 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 212 212" class="actions-list__icon"><path fill="currentColor" fill-rule="evenodd" d="M149.316 21.1C137.27 9.035 122.73 3 105.693 3 88.657 3 74.116 9.034 62.069 21.1 50.023 33.169 44 47.735 44 64.8c0 21.725 8.676 38.55 26.026 50.477l-12.248 85.885c-.267 1.877.167 3.574 1.302 5.091 1.136 1.517 2.641 2.41 4.515 2.678a7.13 7.13 0 0 0 .97.069h82.256c1.893 0 3.508-.67 4.847-2.011 1.339-1.341 2.008-2.96 2.008-4.856a6.78 6.78 0 0 0-.069-.97l-12.248-85.886c17.351-11.926 26.026-28.752 26.026-50.477 0-17.066-6.023-31.632-18.069-43.7Zm-10.398 174.167-11.753-82.409a6.73 6.73 0 0 1 .595-3.916 6.713 6.713 0 0 1 2.654-2.936c15.508-9.36 23.262-23.094 23.262-41.206 0-13.273-4.685-24.603-14.054-33.988-9.37-9.386-20.68-14.079-33.93-14.079s-24.56 4.693-33.928 14.079c-9.37 9.385-14.055 20.715-14.055 33.988 0 18.112 7.755 31.847 23.263 41.206a6.713 6.713 0 0 1 2.654 2.936 6.73 6.73 0 0 1 .594 3.916l-11.752 82.409h66.45Z"></path></svg>
321 </button>
322 </li>
323
324 <li class="actions-list__item" id="menu-panel-icon">
325 <button class="header__action-btn js-action-btn" data-target="nav-panel">
326 <span class="visually-hidden">Menu</span>
327 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 212 212" class="actions-list__icon"><path d="M166.435 62H45.558C41.386 62 38 57.294 38 51.495S41.386 41 45.558 41h120.884c4.18 0 7.558 4.706 7.558 10.505-.007 5.799-3.386 10.495-7.565 10.495ZM173 106.5c0-5.796-3.379-10.5-7.558-10.5H44.558C40.386 96 37 100.704 37 106.5s3.386 10.5 7.558 10.5h120.891c4.172 0 7.551-4.704 7.551-10.5Zm0 54c0-5.806-3.379-10.5-7.558-10.5H44.558C40.386 150 37 154.694 37 160.5s3.386 10.5 7.558 10.5h120.891c4.172 0 7.551-4.694 7.551-10.5Z" fill="currentColor" fill-rule="nonzero"></path></svg>
328 </button>
329 </li>
330
331 </ul>
332
333 @helper renderSearch(Dynamicweb.Content.Area masterArea)
334 {
335
336 string searchPageUrl = Dynamicweb.Frontend.SearchEngineFriendlyURLs.GetFriendlyUrl(GetInteger("DwAreaSearchPageID"));
337 string langCode = @GetGlobalValue("Global:Area.LongLang");
338 string searchId = @GetString("DwAreaSearchPageID");
339 string searchTranslate = Translate("Search", "Search");
340 string testHtmx = System.Web.HttpContext.Current.Request["htmx"];
341 string weglotLang = System.Web.HttpContext.Current.Request.Headers["weglot-language"];
342 string urlLang = weglotLang != "" ? "/" + weglotLang : "";
343 //ignore the default en code
344 urlLang = weglotLang == "en" ? "" : urlLang;
345
346 <script type="text/javascript" src="https://cdn.weglot.com/weglot.min.js"></script>
347
348 <form id="search-box" name="searchBox" action="Default.aspx" method="get">
349 <div class="form-group flow-s">
350 <input type="hidden" name="ID" value="@searchId">
351 <input type="hidden" id="search-advanced-culture" value="@langCode">
352 <input type="hidden" id="search-advanced-resultsurl" value="@searchPageUrl">
353 <input type="hidden" id="Searchtype" value="">
354 <input type="hidden" id="search-advanced-pageAreaId" value="@(masterArea.ID)">
355 <input type="hidden" id="search-advanced-pagelanguage" name="areaLanguage" value="LANG1">
356
357
358 <label for="InputSearch"><h5>@(searchTranslate)</h5></label>
359
360 <!--input type="search" name="q" class="form-control" id="InputSearch" maxlength="45" placeholder="@(searchTranslate) HAGS" onkeyup="return forceLower(this);" autocomplete="off" /-->
361 @if ( true ) {
362 <p data-weglot="@weglotLang">
363 <input type="search" id="InputSearch" class="search" name="q" placeholder="@(searchTranslate) HAGS" hx-get="@(urlLang)/snippets/suggestions?areaLanguage=LANG1" hx-params="q" hx-trigger="input[this.value.length > 3] changed delay:300ms,input[this.value.length == 0]" hx-target="#search-suggest">
364 </p>
365 }
366
367 <button>@Translate("Go", "Go")</button>
368 </div>
369 </form>
370
371 <div class="header__action-area">
372 <ul class="flow-xs" role="list" id="search-suggest"></ul>
373 </div>
374 }
375
376 <div class="header__action-panel" id="search-panel">
377 <button class="header__action-btn header__action-btn--close js-panel-close">
378 <span class="visually-hidden">Close</span>
379 <svg viewbox="0 0 212 212" xmlns="http://www.w3.org/2000/svg" class="h24-icon h24-icon--close"><path d="M100 0c55.193 0 100 44.807 100 100s-44.807 100-100 100S0 155.193 0 100 44.807 0 100 0Zm0 5.333c-26.124 0-49.792 10.603-66.928 27.74C15.936 50.207 5.333 73.875 5.333 100c0 26.124 10.603 49.792 27.74 66.928 17.135 17.136 40.803 27.739 66.927 27.739 26.124 0 49.792-10.603 66.928-27.74 17.136-17.135 27.739-40.803 27.739-66.927 0-26.124-10.603-49.792-27.74-66.928C149.793 15.936 126.125 5.333 100 5.333Zm25.105 78.865L110.17 99.664l15.466 14.935a6.5 6.5 0 0 1 .16 9.191l-.694.72a6.5 6.5 0 0 1-9.191.16l-15.466-14.935-14.935 15.466a6.5 6.5 0 0 1-9.191.16l-.72-.694a6.5 6.5 0 0 1-.16-9.191l14.935-15.466-15.466-14.935a6.5 6.5 0 0 1-.16-9.191l.694-.72a6.5 6.5 0 0 1 9.191-.16L100.1 89.939l14.935-15.466a6.5 6.5 0 0 1 9.191-.16l.72.694a6.5 6.5 0 0 1 .16 9.191Z" fill="currentColor" fill-rule="evenodd"></path></svg>
380 </button>
381 <div class="header__action-copy flow-s">
382 @renderSearch(masterArea)
383 </div>
384 </div>
385
386
387 @*if ( currentUser == "Kevin Lees" || currentUser == "Ian Mckay" )*@
388 @if ( true )
389 {
390 <div class="header__action-panel" id="hags-connect-panel">
391
392 <button class="header__action-btn header__action-btn--close js-panel-close">
393 <span class="visually-hidden">Close</span>
394 <svg viewbox="0 0 212 212" xmlns="http://www.w3.org/2000/svg" class="h24-icon h24-icon--close"><path d="M100 0c55.193 0 100 44.807 100 100s-44.807 100-100 100S0 155.193 0 100 44.807 0 100 0Zm0 5.333c-26.124 0-49.792 10.603-66.928 27.74C15.936 50.207 5.333 73.875 5.333 100c0 26.124 10.603 49.792 27.74 66.928 17.135 17.136 40.803 27.739 66.927 27.739 26.124 0 49.792-10.603 66.928-27.74 17.136-17.135 27.739-40.803 27.739-66.927 0-26.124-10.603-49.792-27.74-66.928C149.793 15.936 126.125 5.333 100 5.333Zm25.105 78.865L110.17 99.664l15.466 14.935a6.5 6.5 0 0 1 .16 9.191l-.694.72a6.5 6.5 0 0 1-9.191.16l-15.466-14.935-14.935 15.466a6.5 6.5 0 0 1-9.191.16l-.72-.694a6.5 6.5 0 0 1-.16-9.191l14.935-15.466-15.466-14.935a6.5 6.5 0 0 1-.16-9.191l.694-.72a6.5 6.5 0 0 1 9.191-.16L100.1 89.939l14.935-15.466a6.5 6.5 0 0 1 9.191-.16l.72.694a6.5 6.5 0 0 1 .16 9.191Z" fill="currentColor" fill-rule="evenodd"></path></svg>
395 </button>
396 @{
397 string thisPageID = @GetGlobalValue("Global:Page.ID");
398 string hagsConnectTitle = @Translate("HAGS Connect", "HAGS Connect");
399 }
400
401 <div class="header__action-copy flow-s">
402
403 <h5>@hagsConnectTitle</h5>
404
405 <p>@Translate("HAGSConnectIntro", "A brief block of introductory copy about HAGS Connect.")</p>
406
407 @if (!String.IsNullOrWhiteSpace(GetGlobalValue("Global:Extranet.UserName")))
408 {
409
410 <p>
411 <strong>@Translate("Welcome", "Welcome"), @GetGlobalValue("Global:Extranet.FirstName")</strong>
412 </p>
413
414 @RenderNavigation(new{
415 ParentTag = "MyHags",
416 Template = "simple-nav.xslt"
417 })
418
419 <ul role="list" class="icon-list">
420 <li>
421 <a href="/admin/Public/ExtranetLogOff.aspx?ID=@thisPageID">
422 <img src="@(designBaseUrl)assets/svg-icons/connect/logout-icon-2.svg">
423 <span>@Translate("SignOut", "Sign Out")</span>
424 </a>
425 </li>
426 </ul>
427
428
429
430 }
431 else
432 {
433 if (Dynamicweb.Configuration.SystemConfiguration.Instance.GetBoolean("/Globalsettings/System/MyHags/SSOLoginActive"))
434 {
435 <a href="/Admin/Public/Social/ExternalLogin.aspx?action=login&providerID=3">HAGS Connect Login</a>
436 }
437 }
438
439 </div>
440 </div>
441 }
442
443
444 @helper renderCountryList(string outputElement = "list")
445 {
446 // create a list of 'anonymous' objects to hold the weglot sites - move to site config at some point
447 var allCountries = new List<object>
448 {
449 new { Url = "https://hagsdev.hags.com", Image = "globe.svg", Title = "Global", Active = true },
450 new { Url = "be-nl", Image = "be.svg", Title = "Belgium (Flemish)", Active = true },
451 new { Url = "be-fr", Image = "be.svg", Title = "Belgium (French)", Active = true },
452 new { Url = "zh", Image = "cn.svg", Title = "China", Active = true },
453 new { Url = "hr", Image = "hr.svg", Title = "Croatia", Active = true },
454 new { Url = "https://hags.dk/", Image = "dk.svg", Title = "Denmark", Active = true },
455 new { Url = "et", Image = "ee.svg", Title = "Estonia", Active = true },
456 new { Url = "fi", Image = "fi.svg", Title = "Finland", Active = true },
457 new { Url = "fr", Image = "fr.svg", Title = "France", Active = true },
458 new { Url = "de", Image = "de.svg", Title = "Germany", Active = true },
459 new { Url = "hu", Image = "hu.svg", Title = "Hungary", Active = true },
460 new { Url = "it", Image = "it.svg", Title = "Italy", Active = true},
461 new { Url = "ja", Image = "jp.svg", Title = "Japan", Active = true},
462 new { Url = "lv", Image = "lv.svg", Title = "Latvia", Active = true},
463 new { Url = "nl", Image = "nl.svg", Title = "Netherlands", Active = true },
464 new { Url = "no", Image = "no.svg", Title = "Norway", Active = true },
465 new { Url = "pl", Image = "pl.svg", Title = "Poland", Active = true },
466 new { Url = "sa", Image = "rs.svg", Title = "Serbia", Active = true },
467 new { Url = "ko", Image = "kr.svg", Title = "South Korea", Active = true },
468 new { Url = "es", Image = "es.svg", Title = "Spain", Active = true },
469 new { Url = "https://hags.se/", Image = "se.svg", Title = "Sweden", Active = true },
470 new { Url = "ch-de", Image = "ch.svg", Title = "Switzerland (German)", Active = true },
471 new { Url = "tr", Image = "tr.svg", Title = "Turkey", Active = true},
472 new { Url = "https://hags.co.uk/", Image = "gb.svg", Title = "United Kingdom", Active = true }
473 };
474
475 // sort the list - the getType etc.. is because it's anonymous
476 //var sortedList = allCountries.OrderBy(item => item.GetType().GetProperty("Title").GetValue(item)).ToList();
477 var sortedList = allCountries;
478
479 if ( outputElement == "list" )
480 {
481
482 <ul class="icon-list" role="list">
483 @foreach (var thisCountry in sortedList)
484 {
485 var thisActive = thisCountry.GetType().GetProperty("Active").GetValue(thisCountry);
486 var thisImage = thisCountry.GetType().GetProperty("Image").GetValue(thisCountry);
487 var thisTitle = thisCountry.GetType().GetProperty("Title").GetValue(thisCountry);
488 var thisUrl = thisCountry.GetType().GetProperty("Url").GetValue(thisCountry);
489 bool isActive = Convert.ToBoolean(thisActive);
490
491 if (isActive)
492 {
493 if ( thisTitle == "Global" ) {
494 <li>
495 <a href="@thisUrl" data-wg-notranslate="">
496 <img src="/Files/Templates/Designs/Hags2024/icons/flags/@thisImage" alt="@thisTitle">
497 <span data-wg-translate="">@thisTitle</span>
498 </a>
499 </li>
500 }
501 else
502 {
503 <li>
504 <a href="@thisUrl">
505 <img src="/Files/Templates/Designs/Hags2024/icons/flags/@thisImage" alt="@thisTitle">
506 <span>@thisTitle</span>
507 </a>
508 </li>
509 }
510
511 }
512 }
513 </ul>
514 }
515 }
516
517
518
519
520 <div class="header__action-panel" id="country-select-panel">
521
522 <button class="header__action-btn header__action-btn--close js-panel-close">
523 <span class="visually-hidden">Close</span>
524 <svg viewbox="0 0 212 212" xmlns="http://www.w3.org/2000/svg" class="h24-icon h24-icon--close"><path d="M100 0c55.193 0 100 44.807 100 100s-44.807 100-100 100S0 155.193 0 100 44.807 0 100 0Zm0 5.333c-26.124 0-49.792 10.603-66.928 27.74C15.936 50.207 5.333 73.875 5.333 100c0 26.124 10.603 49.792 27.74 66.928 17.135 17.136 40.803 27.739 66.927 27.739 26.124 0 49.792-10.603 66.928-27.74 17.136-17.135 27.739-40.803 27.739-66.927 0-26.124-10.603-49.792-27.74-66.928C149.793 15.936 126.125 5.333 100 5.333Zm25.105 78.865L110.17 99.664l15.466 14.935a6.5 6.5 0 0 1 .16 9.191l-.694.72a6.5 6.5 0 0 1-9.191.16l-15.466-14.935-14.935 15.466a6.5 6.5 0 0 1-9.191.16l-.72-.694a6.5 6.5 0 0 1-.16-9.191l14.935-15.466-15.466-14.935a6.5 6.5 0 0 1-.16-9.191l.694-.72a6.5 6.5 0 0 1 9.191-.16L100.1 89.939l14.935-15.466a6.5 6.5 0 0 1 9.191-.16l.72.694a6.5 6.5 0 0 1 .16 9.191Z" fill="currentColor" fill-rule="evenodd"></path></svg>
525 </button>
526 <div class="header__action-copy flow-s">
527 <h5>@Translate("SelectYourLocation", "Select your location")</h5>
528 <div class="header__action-area">
529 @renderCountryList("list")
530 </div>
531 </div>
532 </div>
533
534
535
536 @using System;
537 @using System.Collections.Generic;
538 @using System.Linq;
539 @using Dynamicweb.Ecommerce.Variants;
540 @using HagsWeb.Library.BusinessObjects.UsersLists;
541 @using HagsWeb.Library.Methods.AssetManager;
542 @using HagsWeb.Library.Methods.ProductProperties;
543 @using HagsWeb.Library.State;
544
545
546 @helper renderMyCollectionPanel()
547 {
548
549 Dynamicweb.Frontend.PageView collectionPage = Dynamicweb.Frontend.PageView.Current() ?? Dynamicweb.Frontend.PageView.Current();
550 Dynamicweb.Content.Area collectionArea = new Dynamicweb.Content.AreaService().GetArea(collectionPage.AreaID);
551
552 List<ProductCollectionItem> productCollectionItems = SessionManager.UsersMyProductCollection != null ? SessionManager.UsersMyProductCollection : new List<ProductCollectionItem>();
553
554 bool isQuote = Convert.ToBoolean(collectionArea.Item["QuoteAndOrderChk"]);
555 bool isCatalog = true; // Always available;
556 string downloadingText = HagsWeb.Library.Utilities.DWUtilities.GetTranslation("Downloading...", "Downloading...", collectionArea.Culture);
557 int currentPage = collectionArea.ID;
558 string currentCollection = Dynamicweb.Context.Current.Request.QueryString.Get("collection");
559 bool isLoggedIn = String.IsNullOrWhiteSpace(GetGlobalValue("Global:Extranet.UserName")) ? false : true;
560 string designBaseUrl = GetString("Template:DesignBaseUrl");
561
562 List<ProductAsset> imageFileList = new List<ProductAsset>();
563 List<ProductAsset> dwgFileList = new List<ProductAsset>();
564 List<ProductAsset> instructionsFileList = new List<ProductAsset>();
565 string contactUsLink = HagsWeb.Library.Utilities.DWUtilities.GetPageByNavigationTag("ContactUs", currentPage); // /kontakta-oss?mode=quote#contactForms // /kontakta-oss?success=True&mode=quote#contactForms // restful url
566
567 string printShout = Translate("SaveOrPrint", "Save or Print your Product PDF ");
568 string altCopy = @Translate("RemoveFromCollection", "Remove from my collection");
569 string removeCopy = @Translate("RemoveFromCollection", "Remove from my collection");
570
571 <div class="collection flow">
572
573 <input type="hidden" id="isQuote" value="@isQuote">
574 <input type="hidden" id="downloadingText" value="@downloadingText">
575 <input type="hidden" id="collectionCount" value="@productCollectionItems.Count">
576
577 <div id="instns_MyProductCollection" class="flow-xs">
578 @if (productCollectionItems.Any() || !string.IsNullOrEmpty(currentCollection))
579 {
580 <p>@Translate("ProductCollectionButtonInstructionsNew", "Go to <strong>My Collection</strong> to download files, create quotes or print a product catalogue.")</p>
581 <a class="btn btn--outline" href="/my-collection">@Translate("MyCollection", "My Collection")</a>
582 }
583 else
584 {
585 <p>@Translate("product-collection-instructions-copy-new", "To add a product simply click on <strong>Add to my collection</strong> on any product page. Once you have added products to a collection you will be able to print a product catalogue, download installation guides, images and DWG files or request a quote.")</p>
586
587 }
588 </div>
589
590 <div class="collection__ui">
591
592 <div class="main-panel">
593
594 <div class="panel-listing" id="prods_MyProductCollection">
595
596 @if (productCollectionItems.Any())
597 {
598 foreach (ProductCollectionItem item in productCollectionItems)
599 {
600 <div class="product-card collection__item">
601
602 <div class="product-card__actions in-collection">
603
604 <button type="button" class="action-btn" data-removeproductlist="@(item.ProductNumber)">
605 <span class="visually-hidden">@removeCopy</span>
606 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 212 212" class="h24-icon h24-icon--minus"><path fill="currentColor" fill-rule="evenodd" d="M106 6c55.193 0 100 44.807 100 100s-44.807 100-100 100S6 161.193 6 106 50.807 6 106 6Zm0 5.333c-26.124 0-49.792 10.603-66.928 27.74C21.936 56.207 11.333 79.875 11.333 106c0 26.124 10.603 49.792 27.74 66.928 17.135 17.136 40.803 27.739 66.927 27.739 26.124 0 49.792-10.603 66.928-27.74 17.136-17.135 27.739-40.803 27.739-66.927 0-26.124-10.603-49.792-27.74-66.928C155.793 21.936 132.125 11.333 106 11.333Zm28.772 87.504a6.5 6.5 0 0 1 6.5 6.5v1a6.5 6.5 0 0 1-6.5 6.5h-57a6.5 6.5 0 0 1-6.5-6.5v-1a6.5 6.5 0 0 1 6.5-6.5h57Z"></path></svg>
607 </button>
608
609 </div>
610
611 <div class="product-card__img-silo">
612
613 @if (item.ProductImageUrl != null && !String.IsNullOrEmpty(item.ProductUrlReference))
614 {
615 <a href="@item.ProductUrlReference">
616 <img src="@item.ProductImageUrl">
617 </a>
618 }
619 else
620 {
621 <a href="@item.ProductUrlReference" class="product-card__missing">
622 <img src="@(designBaseUrl)assets/img/h24-see-saw.svg">
623 <span>No Image Available</span>
624 </a>
625 }
626
627 </div>
628
629 <div class="product-card__copy">
630
631 <p class="product-card__heading">
632 <a href="@item.ProductUrlReference">@(item.ProductName)</a>
633 </p>
634
635 <p>@item.ProductNumber</p>
636
637 @if (!string.IsNullOrEmpty(item.ProductVariantId))
638 {
639 Tuple<string, string, string, string, string, string, List<VariantOption>> optionsTuple = ProductFieldValues.GetProductOptions(item.ProductVariantId, collectionArea.EcomLanguageId);
640
641 //optionsTuple.Item1; "Red"
642 //optionsTuple.Item2; "Above Ground"
643 //optionsTuple.Item3; "Wooden Post"
644 //optionsTuple.Item4; "Wooden Post / HPL Panels"
645 //optionsTuple.Item5; "A310.png"
646 //optionsTuple.Item6; "A310-diagram.png"
647 //optionsTuple.Item7; List<VariantOption> Not used here
648
649 }
650
651 </div>
652
653 </div>
654 }
655 }
656
657 </div>
658
659 </div>
660
661 </div> <!-- collection__iu end -->
662
663 <div class="cluster">
664 @if (productCollectionItems.Any())
665 {
666 foreach (var item in productCollectionItems)
667 {
668 foreach (ProductAsset asset in item.AssetDownloads.Where(n => n.Index == HagsWeb.Library.Methods.AssetManager.AssetTypeEnum.ToFriendlyAssetName(HagsWeb.Library.Methods.AssetManager.AssetType.Images) && n.FileName == item.ProductNumber + ".jpg" || n.FileName == item.ProductNumber + "_Side.jpg" || n.FileName == item.ProductNumber + "_Top.jpg").ToList())
669 {
670 imageFileList.Add(asset);
671 }
672
673 foreach (ProductAsset asset in item.AssetDownloads.Where(n => n.Index == HagsWeb.Library.Methods.AssetManager.AssetTypeEnum.ToFriendlyAssetName(HagsWeb.Library.Methods.AssetManager.AssetType.Drawings)).ToList())
674 {
675 dwgFileList.Add(asset);
676 }
677
678 foreach (ProductAsset asset in item.AssetDownloads.Where(n => n.Index == HagsWeb.Library.Methods.AssetManager.AssetTypeEnum.ToFriendlyAssetName(HagsWeb.Library.Methods.AssetManager.AssetType.AssemblyInstructions)).ToList())
679 {
680 instructionsFileList.Add(asset);
681 }
682 }
683
684 <button class="btn btn--warn" type="button" data-removeproductlist="All">@Translate("RemoveAll", "Remove All")</button>
685 }
686
687 </div>
688
689 @if (isLoggedIn && productCollectionItems.Any())
690 {
691 <div id="panelcollectiondetails" class="flow-xs">
692 <h5><strong>@Translate("Save collection?", "Save collection?")</strong></h5>
693 <p>@Translate("You are logged in", "You are currently logged in to HAGS Connect so you can save this collection to your account.")</p>
694 <button class="btn btn--outline" role="button" data-open-modal="#saveCollection">@Translate("Save collection", "Save this Collection")</button>
695 </div>
696 }
697 else
698 {
699 if (!isLoggedIn && productCollectionItems.Any())
700 {
701 <div id="panelcollectiondetails" class="flow-xs">
702 <h5><strong>@Translate("Save collection?", "Save collection?")</strong></h5>
703 <p>@Translate("To save login", "To save this collection into your HAGS Connect simply login using the button below.")</p>
704 <a class="btn btn--outline" href="/Admin/Public/Social/ExternalLogin.aspx?action=login&providerID=3">HAGS Connect Login</a>
705 </div>
706 }
707 }
708
709 </div> <!-- collection end -->
710 }
711
712
713
714
715
716
717
718
719
720
721
722
723
724 <div class="header__action-panel" id="collection-panel">
725
726 <button class="header__action-btn header__action-btn--close js-panel-close">
727 <span class="visually-hidden">Close</span>
728 <svg viewbox="0 0 212 212" xmlns="http://www.w3.org/2000/svg" class="h24-icon h24-icon--close"><path d="M100 0c55.193 0 100 44.807 100 100s-44.807 100-100 100S0 155.193 0 100 44.807 0 100 0Zm0 5.333c-26.124 0-49.792 10.603-66.928 27.74C15.936 50.207 5.333 73.875 5.333 100c0 26.124 10.603 49.792 27.74 66.928 17.135 17.136 40.803 27.739 66.927 27.739 26.124 0 49.792-10.603 66.928-27.74 17.136-17.135 27.739-40.803 27.739-66.927 0-26.124-10.603-49.792-27.74-66.928C149.793 15.936 126.125 5.333 100 5.333Zm25.105 78.865L110.17 99.664l15.466 14.935a6.5 6.5 0 0 1 .16 9.191l-.694.72a6.5 6.5 0 0 1-9.191.16l-15.466-14.935-14.935 15.466a6.5 6.5 0 0 1-9.191.16l-.72-.694a6.5 6.5 0 0 1-.16-9.191l14.935-15.466-15.466-14.935a6.5 6.5 0 0 1-.16-9.191l.694-.72a6.5 6.5 0 0 1 9.191-.16L100.1 89.939l14.935-15.466a6.5 6.5 0 0 1 9.191-.16l.72.694a6.5 6.5 0 0 1 .16 9.191Z" fill="currentColor" fill-rule="evenodd"></path></svg>
729 </button>
730
731 <div class="header__action-copy flow-s">
732
733 <h5>@Translate("MyProductCollection", "My Product Collection")</h5>
734
735 <div class="header__action-area" id="" hx-get="@(urlLangHeader)/snippets/my-collection-panel" hx-trigger="collectionChange from:document">
736
737 @renderMyCollectionPanel()
738
739 </div>
740
741 </div>
742
743 </div>
744
745
746 <div class="header__action-panel" id="search-panel">
747 <button class="header__action-btn header__action-btn--close js-panel-close">
748 <span class="visually-hidden">Close</span>
749 <svg viewbox="0 0 212 212" xmlns="http://www.w3.org/2000/svg" class="h24-icon h24-icon--close"><path d="M100 0c55.193 0 100 44.807 100 100s-44.807 100-100 100S0 155.193 0 100 44.807 0 100 0Zm0 5.333c-26.124 0-49.792 10.603-66.928 27.74C15.936 50.207 5.333 73.875 5.333 100c0 26.124 10.603 49.792 27.74 66.928 17.135 17.136 40.803 27.739 66.927 27.739 26.124 0 49.792-10.603 66.928-27.74 17.136-17.135 27.739-40.803 27.739-66.927 0-26.124-10.603-49.792-27.74-66.928C149.793 15.936 126.125 5.333 100 5.333Zm25.105 78.865L110.17 99.664l15.466 14.935a6.5 6.5 0 0 1 .16 9.191l-.694.72a6.5 6.5 0 0 1-9.191.16l-15.466-14.935-14.935 15.466a6.5 6.5 0 0 1-9.191.16l-.72-.694a6.5 6.5 0 0 1-.16-9.191l14.935-15.466-15.466-14.935a6.5 6.5 0 0 1-.16-9.191l.694-.72a6.5 6.5 0 0 1 9.191-.16L100.1 89.939l14.935-15.466a6.5 6.5 0 0 1 9.191-.16l.72.694a6.5 6.5 0 0 1 .16 9.191Z" fill="currentColor" fill-rule="evenodd"></path></svg>
750 </button>
751 <div class="header__action-copy flow-s">
752 @renderSearch(masterArea)
753 </div>
754 </div>
755
756 <div class="header__action-panel" id="nav-panel">
757 <button class="header__action-btn header__action-btn--close js-panel-close">
758 <span class="visually-hidden">Close</span>
759 <svg viewbox="0 0 212 212" xmlns="http://www.w3.org/2000/svg" class="h24-icon h24-icon--close"><path d="M100 0c55.193 0 100 44.807 100 100s-44.807 100-100 100S0 155.193 0 100 44.807 0 100 0Zm0 5.333c-26.124 0-49.792 10.603-66.928 27.74C15.936 50.207 5.333 73.875 5.333 100c0 26.124 10.603 49.792 27.74 66.928 17.135 17.136 40.803 27.739 66.927 27.739 26.124 0 49.792-10.603 66.928-27.74 17.136-17.135 27.739-40.803 27.739-66.927 0-26.124-10.603-49.792-27.74-66.928C149.793 15.936 126.125 5.333 100 5.333Zm25.105 78.865L110.17 99.664l15.466 14.935a6.5 6.5 0 0 1 .16 9.191l-.694.72a6.5 6.5 0 0 1-9.191.16l-15.466-14.935-14.935 15.466a6.5 6.5 0 0 1-9.191.16l-.72-.694a6.5 6.5 0 0 1-.16-9.191l14.935-15.466-15.466-14.935a6.5 6.5 0 0 1-.16-9.191l.694-.72a6.5 6.5 0 0 1 9.191-.16L100.1 89.939l14.935-15.466a6.5 6.5 0 0 1 9.191-.16l.72.694a6.5 6.5 0 0 1 .16 9.191Z" fill="currentColor" fill-rule="evenodd"></path></svg>
760 </button>
761 <div class="header__action-area">
762 @RenderSnippet("navigation")
763 </div>
764 </div>
765
766 </div>
767
768 </div>
769
770
771 <div class="header__local-nav">
772
773 @SnippetStart("navigation")
774 <nav class="nav">
775 <!--button id="menu-toggle" class="menu-toggle menu-toggle--main" aria-expanded="false" aria-controls="main-nav">
776 <div class="menu-toggle__box">
777 <div class="menu-toggle__lines"></div>
778 </div>
779 <span class="visually-hidden">Menu</span>
780 </button-->
781 @GetValue("DwNavigation(mainnav)")
782 </nav>
783 @SnippetEnd("navigation")
784
785 @RenderSnippet("navigation")
786
787 @* This snippet generates the product listing links on levels 4 and 5 of the site *@
788 @* In a snippet because these xslt built f*****s are only processed on PAGE templates not paragraph templates *@
789 @* The snippet is then included in the relevant PARAGRAPH template *@
790
791 @SnippetStart("nextLevel3Nav")
792 <section>
793 <div class="wrapper">
794 @GetValue("DwNavigation(productlistingnavipema)")
795 </div>
796 </section>
797 @SnippetEnd("nextLevel3Nav")
798
799 @SnippetStart("nextLevelNav")
800 <section>
801 <div class="wrapper">
802 @GetValue("DwNavigation(productlistingnav)")
803 </div>
804 </section>
805 @SnippetEnd("nextLevelNav")
806
807 </div></div></header>
808 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>>
809
810
811
812 <main class="flow-page" id="content">@GetValue("DwContent(content)")</main>
813 @if (GetLoop("Item.Area.Accreditation_Images").Count() > 0)
814 {
815 <section class="creds">
816 <div class="wrapper">
817 <ul class="creds__list" role="list">
818 <!-- Accreditation Carousel items -->
819 @foreach (var item in @GetLoop("Item.Area.Accreditation_Images"))
820 {
821 var imageUrl = item.GetString("Item.Area.Accreditation_Images.Image");
822 var imageAlt = item.GetString("Item.Area.Accreditation_Images.Alternative_Text");
823 string imageLink = item.GetString("Item.Area.Accreditation_Images.Link");
824 var imageTitle = item.GetString("Item.Area.Accreditation_Images.Title");
825
826 if (!string.IsNullOrWhiteSpace(imageLink))
827 {
828 <li class="creds__item">
829 <a href="@imageLink">
830 <img class="creds__img" src="@imageUrl" alt="@imageAlt">
831 </a>
832 </li>
833 }
834 else
835 {
836 <li class="creds__item">
837 <img class="creds__img" src="@imageUrl" alt="@imageAlt" class="img-responsive">
838 </li>
839 }
840
841 }
842 </ul>
843 </div>
844 </section>
845 }
846
847 <footer class="footer">
848 <div class="inner-wrapper">
849
850 <div class="footer__logo" itemscope="" itemtype="http://schema.org/Organization">
851 <a href="Default.aspx?ID=@siteFirstPageId" itemprop="url">
852 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 362 81" class="hags-logo"><path fill="currentColor" fill-rule="evenodd" d="M311.22.5c9.399 0 16.725 3.168 18.555 3.168.862 0 1.596-.243 2.697-1.338h2.558l2.318 19.692h-4.876c-2.697-9.846-10.513-16.292-19.911-16.292-6.837 0-11.97 3.65-11.97 8.39 0 11.187 20.279 13.258 33.958 26.873 5.004 4.986 6.951 10.214 6.951 16.05 0 12.648-11.47 22.618-26.006 22.618-9.77 0-18.687-3.888-20.887-3.888-1.1 0-1.952.611-2.562 1.947h-3.178L285.82 55.59v-.002h4.757c4.029 12.031 11.236 18.237 20.88 18.237 8.059 0 14.17-5.11 14.17-11.917 0-18.122-39.204-17.509-39.204-41.586C286.423 8.645 296.681.5 311.22.5Zm-75.498 0c7.426 0 13.874 1.484 18.765 2.7l.801.2c3.013.755 5.377 1.361 6.941 1.361 1.825 0 2.814-.492 3.66-1.586h3.055v22.253h-4.89c-3.29-12.4-12.575-19.7-25.28-19.7-17.337 0-29.31 13.622-29.31 33.318 0 19.946 12.584 34.778 29.56 34.778 4.638 0 9.77-1.215 13.068-3.157V53.883c0-6.078-2.561-7.419-15.022-7.662v-4.617h40.55v4.617h-.001c-6.474.124-8.675 2.068-8.675 7.662v18.12c-8.795 4.011-21.364 7.656-31.877 7.656-30.898 0-45.805-17.146-45.805-40.488C191.264 16.916 209.71.5 235.722.5ZM39.705 2.33v4.74h-1.712c-6.351 0-9.526 2.066-9.526 8.878v19.086h40.301V16.31c0-6.808-2.685-9.24-9.77-9.24h-1.1V2.33h39.083v4.74h-2.203c-6.223 0-9.156 2.308-9.156 8.878v48.153c0 6.318 2.322 9.116 9.403 9.116h1.956v4.74H57.899v-4.742h1.708c6.476 0 9.161-2.796 9.161-9.364V42.21h-40.3V64.1c0 6.445 2.565 9.117 9.4 9.117h1.837v4.74H.5v-4.742h2.073c6.235 0 9.04-2.796 9.04-8.873V15.948c0-6.08-2.685-8.878-9.156-8.878H.5V2.33h39.205ZM154.04.5l24.433 61.772c3.175 8.026 5.857 10.452 12.208 10.943v4.741h-39.693v-4.741h4.271c7.451 0 8.551-3.282 6.11-9.238l-5.741-14.107h-26.752l.005.003-5.125 14.226c-2.2 6.2-2.07 9.116 9.65 9.116h1.586v4.741h-32.37v-4.741h1.837c5.858 0 8.912-2.67 11.966-11.182L137.313 4.03 135.967.5h18.073ZM141.59 14.733l-10.26 28.448h21.492L141.59 14.733ZM352.674 2.62c1.114 0 2.164.213 3.148.64a8.412 8.412 0 0 1 2.58 1.726 8.042 8.042 0 0 1 1.743 2.562c.427.984.64 2.034.64 3.148a7.702 7.702 0 0 1-.64 3.131 8.097 8.097 0 0 1-1.743 2.544 8.158 8.158 0 0 1-2.58 1.708 8.02 8.02 0 0 1-3.148.623 8.02 8.02 0 0 1-3.15-.623 8.158 8.158 0 0 1-2.579-1.708 8.097 8.097 0 0 1-1.743-2.544 7.702 7.702 0 0 1-.64-3.13c0-1.115.213-2.165.64-3.15a8.042 8.042 0 0 1 1.743-2.561 8.412 8.412 0 0 1 2.58-1.726 7.827 7.827 0 0 1 3.149-.64Zm0 1.245c-.95 0-1.839.178-2.669.534a6.854 6.854 0 0 0-2.17 1.459 6.854 6.854 0 0 0-1.459 2.17 6.702 6.702 0 0 0-.533 2.668c0 .925.177 1.803.533 2.633a7.07 7.07 0 0 0 1.459 2.188 6.71 6.71 0 0 0 2.17 1.477c.83.356 1.72.534 2.669.534.948 0 1.838-.178 2.668-.534a6.71 6.71 0 0 0 2.17-1.477 7.07 7.07 0 0 0 1.46-2.188c.355-.83.533-1.708.533-2.633 0-.948-.178-1.838-.534-2.668a6.854 6.854 0 0 0-1.459-2.17 6.854 6.854 0 0 0-2.17-1.46 6.702 6.702 0 0 0-2.668-.533Zm.035 2.242.318.009c.316.017.625.062.928.133a3.3 3.3 0 0 1 1.085.463c.32.213.575.486.765.818.19.332.284.747.284 1.245 0 .664-.19 1.204-.569 1.619-.38.415-.89.694-1.53.836l2.455 3.985h-1.992l-2.135-3.807h-1.174v3.807h-1.637V6.107h3.202Zm-.07 1.387h-1.495v2.598h1.316a3.48 3.48 0 0 0 1.352-.267c.427-.178.64-.54.64-1.085 0-.499-.195-.83-.586-.997-.392-.166-.801-.249-1.228-.249Z"></path></svg>
853 </a>
854 </div>
855
856 <div class="footer__switcher">
857
858 @if (!string.IsNullOrWhiteSpace(GetString("Item.Area.Company_Name.Value")))
859 {
860 <section class="footer-address" itemscope="" itemtype="http://schema.org/PostalAddress">
861 <h4 class="footer__heading">@Translate("ContactUs", "Contact Us")</h4>
862 <p class="address">
863 <span class="h-adr adr">
864 <span class="fn p-org org">@GetString("Item.Area.Company_Name.Value")</span><br>
865 @if (!string.IsNullOrWhiteSpace(GetString("Item.Area.Company_Address")))
866 {
867 <span class="p-street-address street-address" itemprop="streetAddress">@GetString("Item.Area.Company_Address.Value")</span>
868 }
869 @if (!string.IsNullOrWhiteSpace(GetString("Item.Area.Company_Address_2.Value")))
870 {
871 <br><span class="p-street-address street-address" itemprop="streetAddress">@GetString("Item.Area.Company_Address_2.Value")</span>
872 }
873 @if (!string.IsNullOrWhiteSpace(GetString("Item.Area.Town_City.Value")))
874 {
875 <br> <span class="p-street-address street-address" itemprop="addressLocality">@GetString("Item.Area.Town_City.Value")</span>
876 }
877 @if (!string.IsNullOrWhiteSpace(GetString("Item.Area.County.Value")))
878 {
879 <br><span class="p-street-address street-address" itemprop="addressRegion">@GetString("Item.Area.County.Value")</span>
880 }
881 @if (!string.IsNullOrWhiteSpace(GetString("Item.Area.Postcode.Value")))
882 {
883 <br><span class="p-street-address street-address" itemprop="postalCode">@GetString("Item.Area.Postcode.Value")</span>
884 }
885 </span>
886 </p>
887 <ul class="footer__list" role="list">
888 @if (!string.IsNullOrWhiteSpace(GetString("Item.Area.Contact_Email_Link")))
889 {
890 string mailTo = "mailto:" + GetString("Item.Area.Contact_Email_Link");
891 <li>
892 <a href="@mailTo">
893 E: <span itemprop="email">@GetString("Item.Area.Contact_Email")</span>
894 </a>
895 </li>
896 }
897 @if (!string.IsNullOrWhiteSpace(GetString("Item.Area.Telephone")))
898 {
899 string telTo = "tel:" + GetString("Item.Area.Telephone");
900 <li>
901 <a href="@telTo">
902 T: <span itemprop="telephone">@GetString("Item.Area.Telephone")</span>
903 </a>
904 </li>
905 }
906 </ul>
907 </section>
908 }
909
910 <section>
911 <h4 class="footer__heading">@Translate("CompanyInformation", "Company Information")</h4>
912 <nav>
913 @GetValue("DwNavigation(footerpages)")
914 </nav>
915
916 @{
917 int legalsLink = 0;
918 var legalsPage = HagsWeb.Library.Methods.Page.HagsPages.GetPageByNavigationTag("Legals", masterArea.ID);
919 if (legalsPage != null)
920 {
921 legalsLink = legalsPage.ID;
922 }
923
924 if (legalsLink > 0)
925 {
926
927 <ul class="footer__list" role="list">
928 <li><a href="/Default.aspx?ID=@legalsLink">@Translate("PrivacyPolicy", "Privacy Policy")</a></li>
929 <li><a href="/Default.aspx?ID=@legalsLink">@Translate("CookieNotice", "Cookie Notice")</a></li>
930 <li><a href="/Default.aspx?ID=@legalsLink">@Translate("TermsConditions", "Terms & Conditions")</a></li>
931 </ul>
932 }
933 }
934 </section>
935
936
937
938 @if (GetString("Item.Area.Form_Provider") == "sharpspring-provider")
939 {
940 if (!String.IsNullOrWhiteSpace(GetString("Item.Area.Newsletter_Form_ID.Value")))
941 {
942 <!-- SharpSpring Form Provider -->
943 <div class="sharpspring-provider">
944 <h4 class="footer__heading">@Translate("JoinOurNewsletter", "Join our Newsletter")</h4>
945 @{
946 string ss_src_newsletter = string.Format("https://{0}/client/form.js?ver=2.0.1", GetString("Item.Area.Contact_Form_Domain.Value"));
947 }
948 <!-- SharpSpring Form for Newsletter Form: Revised Formatting -->
949 <script type="text/javascript">
950 var ss_form = {'account': '@GetString("Item.Area.Contact_Form_Account_ID.Value")', 'formID': '@GetString("Item.Area.Newsletter_Form_ID.Value")'};
951 ss_form.width = '100%';
952 ss_form.domain = '@GetString("Item.Area.Contact_Form_Domain.Value")';
953 // ss_form.hidden = {'field_id': 'value'}; // Modify this for sending hidden variables, or overriding values
954 // ss_form.target_id = 'target'; // Optional parameter: forms will be placed inside the element with the specified id
955 // ss_form.polling = true; // Optional parameter: set to true ONLY if your page loads dynamically and the id needs to be polled continually.
956 </script>
957 <script type="text/javascript" src="@ss_src_newsletter"></script>
958 </div>
959 <!-- End of SharpSpring Form Provider -->
960 }
961 }
962
963 @if (GetString("Item.Area.Form_Provider") == "apsis-provider")
964 {
965 if (!String.IsNullOrWhiteSpace(GetString("Item.Area.APSIS_Newsletter_Form_ID.Value")))
966 {
967 <!-- APSIS Form Provider -->
968 <div class="apsis-provider">
969 <h4 class="footer__heading">@Translate("JoinOurNewsletter", "Join our Newsletter")</h4>
970 @{
971 string apsis_form = string.Format("afp-{0}", GetString("Item.Area.APSIS_Newsletter_Form_ID.Value"));
972 }
973 <script src="https://forms.apsisforms.com/formbuilder.js"></script>
974 <script>
975 (function() {
976 var form = new ApsisForms.FormbuilderInstance();
977 form.init({
978 formId: '@GetString("Item.Area.APSIS_Newsletter_Form_ID.Value")'
979 });
980 })();
981 </script>
982 <div class='@apsis_form'> </div>
983 </div>
984 <!-- End of APSIS Form Provider -->
985 }
986 }
987 <section>
988 <h4 class="footer__heading">@Translate("FindUs", "Find Us")</h4>
989 <ul class="footer__list">
990 <!-- Social Media items -->
991 @foreach (var item in @GetLoop("Item.Area.Social_Media"))
992 {
993 var linkUrl = item.GetValue("Item.Area.Social_Media.Social_Link");
994 string linkTitle = item.GetString("Item.Area.Social_Media.Social_Icon");
995 string linkIcon = "/Files/Templates/Designs/HagsCore/res/img/icons/social/" + linkTitle + ".png";
996 <li><a href="@linkUrl" target="_blank">@linkTitle</a></li>
997 }
998 </ul>
999 </section>
1000
1001 </div>
1002 </div>
1003
1004
1005 </footer>
1006
1007 @if ( false )
1008 {
1009 if (GetString("Item.Area.Form_Provider") == "sharpspring-provider")
1010 {
1011 if (!String.IsNullOrWhiteSpace(GetString("Item.Area.Contact_Form_ID.Value")))
1012 {
1013 <!-- SharpSpring Form Provider -->
1014 <div class="sharpspring-provider">
1015
1016 <div id="sharpspring-form-message" class="sharpspring-form-message">
1017 <div id="sharpspring-form-message-container" class="sharpspring-form-message-container active hide-help hide-help-2">
1018 <p class="close-form"><a id="hide-sharpspring" href="#">X</a></p>
1019 <a id="open-sharpspring" class="btn" href="/en-us/play" role="button">@GetString("Item.Area.Contact_Button_CTA.Value")</a>
1020 </div>
1021 </div>
1022
1023 <div id="sharpspring-form-popup" class="overlay sharpspring-form-popup">
1024 <div class="sharpspring-form-popup-container">
1025 <p class="close-form"><a href="#" id="close-sharpspring">X</a></p>
1026 <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 pop-up-information">
1027 @{
1028 string image = string.Format("{0}", GetString("Item.Area.Contact_Image.Value"));
1029 }
1030 <h4>@GetString("Item.Area.Contact_Headline.Value")</h4>
1031 @GetString("Item.Area.Contact_Copy.Value")
1032 <img src="@image" class="pop-up-image img-responsive">
1033 </div>
1034
1035 <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
1036 @{
1037 string ss_src = string.Format("https://{0}/client/form.js?ver=2.0.1", GetString("Item.Area.Contact_Form_Domain.Value"));
1038 }
1039 <!-- SharpSpring Form for Contact Form: Revised Formatting -->
1040 <script type="text/javascript">
1041 var ss_form = {'account': '@GetString("Item.Area.Contact_Form_Account_ID.Value")', 'formID': '@GetString("Item.Area.Contact_Form_ID.Value")'};
1042 ss_form.width = '100%';
1043 ss_form.domain = '@GetString("Item.Area.Contact_Form_Domain.Value")';
1044 // ss_form.hidden = {'field_id': 'value'}; // Modify this for sending hidden variables, or overriding values
1045 // ss_form.target_id = 'target'; // Optional parameter: forms will be placed inside the element with the specified id
1046 // ss_form.polling = true; // Optional parameter: set to true ONLY if your page loads dynamically and the id needs to be polled continually.
1047 </script>
1048 <script type="text/javascript" src="@(ss_src)"></script>
1049 </div>
1050 </div>
1051 </div>
1052 </div>
1053 <!-- End of SharpSpring Form Provider -->
1054 }
1055 }
1056
1057 if (GetString("Item.Area.Form_Provider") == "apsis-provider")
1058 {
1059 if (!String.IsNullOrWhiteSpace(GetString("Item.Area.APSIS_Contact_Form_ID.Value")))
1060 {
1061 <!-- APSIS Form Provider -->
1062 <div class="sharpspring-provider">
1063 <div id="sharpspring-form-message" class="sharpspring-form-message">
1064 <div id="sharpspring-form-message-container" style="display: none;" class="sharpspring-form-message-container active hide-help hide-help-2">
1065 <p class="close-form"><a id="" href="#">X</a></p>
1066 <a id="open-sharpspring" class="btn" href="/en-us/play" role="button">@GetString("Item.Area.APSIS_Contact_Button_CTA.Value")</a>
1067 </div>
1068 </div>
1069
1070 <div id="sharpspring-form-popup" class="overlay sharpspring-form-popup">
1071 <div class="sharpspring-form-popup-container">
1072 <p class="close-form"><a href="#" id="close-sharpspring">X</a></p>
1073 <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 pop-up-information">
1074 @{
1075 string image = string.Format("{0}", GetString("Item.Area.Contact_Image.Value"));
1076 }
1077 <h4>@GetString("Item.Area.APSIS_Contact_Headline.Value")</h4>
1078 @GetString("Item.Area.APSIS_Contact_Copy.Value")
1079 <img src="@image" class="pop-up-image img-responsive">
1080 </div>
1081
1082 <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
1083 @{
1084 string apsis_form = string.Format("afp-{0}", GetString("Item.Area.APSIS_Contact_Form_ID.Value"));
1085 }
1086 <script src="https://forms.apsisforms.com/formbuilder.js"></script>
1087 <script>
1088 (function() {
1089 var form = new ApsisForms.FormbuilderInstance();
1090 form.init({
1091 formId: '@GetString("Item.Area.APSIS_Contact_Form_ID.Value")'
1092 });
1093 })();
1094 </script>
1095 <div class='@apsis_form'> </div>
1096 </div>
1097 </div>
1098 </div>
1099 </div>
1100 <!-- End of APSIS Form Provider -->
1101 }
1102 }
1103 }
1104
1105
1106 @*IncludeFile("partials/footer-scripts.cshtml")*@
1107
1108 <dialog class="modal" id="adviceModal">
1109
1110 <div class="modal__body">
1111
1112 <div class="modal__header">
1113
1114 <div class="modal__close">
1115 <button type="button" class="action-btn js-modal-close-target" data-target-id="adviceModal">
1116 <span class="visually-hidden">Close</span>
1117 <svg viewbox="0 0 212 212" xmlns="http://www.w3.org/2000/svg" class="h24-icon h24-icon--close"><path d="M100 0c55.193 0 100 44.807 100 100s-44.807 100-100 100S0 155.193 0 100 44.807 0 100 0Zm0 5.333c-26.124 0-49.792 10.603-66.928 27.74C15.936 50.207 5.333 73.875 5.333 100c0 26.124 10.603 49.792 27.74 66.928 17.135 17.136 40.803 27.739 66.927 27.739 26.124 0 49.792-10.603 66.928-27.74 17.136-17.135 27.739-40.803 27.739-66.927 0-26.124-10.603-49.792-27.74-66.928C149.793 15.936 126.125 5.333 100 5.333Zm25.105 78.865L110.17 99.664l15.466 14.935a6.5 6.5 0 0 1 .16 9.191l-.694.72a6.5 6.5 0 0 1-9.191.16l-15.466-14.935-14.935 15.466a6.5 6.5 0 0 1-9.191.16l-.72-.694a6.5 6.5 0 0 1-.16-9.191l14.935-15.466-15.466-14.935a6.5 6.5 0 0 1-.16-9.191l.694-.72a6.5 6.5 0 0 1 9.191-.16L100.1 89.939l14.935-15.466a6.5 6.5 0 0 1 9.191-.16l.72.694a6.5 6.5 0 0 1 .16 9.191Z" fill="currentColor" fill-rule="evenodd"></path></svg>
1118 </button>
1119 </div>
1120
1121 <h3 class="ts-2" id="advice-title">
1122 <span>Information</span>
1123 </h3>
1124
1125 </div>
1126
1127 <div class="modal__main">
1128
1129 <div id="result-advice" class="advice-message"></div>
1130
1131 </div>
1132
1133 <div class="modal__footer">
1134
1135 <button type="button" class="btn btn--outline js-modal-close-target" data-target-id="adviceModal">
1136 @Translate("Close", "Close")
1137 </button>
1138
1139 </div>
1140
1141 </div>
1142
1143 </dialog>
1144 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>>
1145 @using System.Collections.Generic
1146 @using HagsWeb.Library.BusinessObjects.UsersLists
1147
1148 @{
1149 int currentAreaID = int.TryParse(GetGlobalValue("Global:Area.ID"), out currentAreaID) ? currentAreaID : 0;
1150 var currentArea = new Dynamicweb.Content.AreaService().GetArea(currentAreaID);
1151
1152 //List<ProductCollectionItem> productCollectionItems = SessionManager.UsersMyProductCollection != null ? SessionManager.UsersMyProductCollection : new List<ProductCollectionItem>();
1153
1154 }
1155
1156 <dialog id="CreateCatalog" class="modal modal--full">
1157
1158 <div class="modal__body">
1159
1160 <div class="modal__header">
1161
1162 <div class="modal__close">
1163 <button type="button" class="action-btn js-modal-close-target" data-target-id="CreateCatalog">
1164 <span class="visually-hidden">Close</span>
1165 <svg viewbox="0 0 212 212" xmlns="http://www.w3.org/2000/svg" class="h24-icon h24-icon--close"><path d="M100 0c55.193 0 100 44.807 100 100s-44.807 100-100 100S0 155.193 0 100 44.807 0 100 0Zm0 5.333c-26.124 0-49.792 10.603-66.928 27.74C15.936 50.207 5.333 73.875 5.333 100c0 26.124 10.603 49.792 27.74 66.928 17.135 17.136 40.803 27.739 66.927 27.739 26.124 0 49.792-10.603 66.928-27.74 17.136-17.135 27.739-40.803 27.739-66.927 0-26.124-10.603-49.792-27.74-66.928C149.793 15.936 126.125 5.333 100 5.333Zm25.105 78.865L110.17 99.664l15.466 14.935a6.5 6.5 0 0 1 .16 9.191l-.694.72a6.5 6.5 0 0 1-9.191.16l-15.466-14.935-14.935 15.466a6.5 6.5 0 0 1-9.191.16l-.72-.694a6.5 6.5 0 0 1-.16-9.191l14.935-15.466-15.466-14.935a6.5 6.5 0 0 1-.16-9.191l.694-.72a6.5 6.5 0 0 1 9.191-.16L100.1 89.939l14.935-15.466a6.5 6.5 0 0 1 9.191-.16l.72.694a6.5 6.5 0 0 1 .16 9.191Z" fill="currentColor" fill-rule="evenodd"></path></svg>
1166 </button>
1167 </div>
1168
1169 <h4 class="modal-title" id="CreateCatalogModalLabel">
1170 @Translate("CreateYourCatalog", "Create Your Catalogue")
1171 </h4>
1172
1173 </div> <!-- header -->
1174
1175 <div class="modal__main">
1176
1177 <div id="div_CreateCatalog" class="modal__pdf-grid">
1178
1179 <div class="modal__forms">
1180
1181 <form id="frm_CreateCatalog">
1182 <input type="hidden" name="areaId" value="@(currentArea.ID)">
1183 <input type="hidden" name="languageId" value="@currentArea.EcomLanguageId">
1184 <input type="hidden" value="#CreateCatalog" name="catType">
1185 <input type="hidden" name="weglotLang" value="">
1186 <fieldset>
1187 <div>
1188 <label for="catHagsCatalogName">@Translate("HagsCatalogName", "Hags Catalog Name"):</label>
1189 <input type="text" class="form-control search-group" value="" name="catHagsCatalogName">
1190 </div>
1191
1192 <label for="catHagsContactName">@Translate("HagsContactName", "Hags Contact Name"):</label>
1193 <input type="text" class="form-control search-group" value="" name="catHagsContactName">
1194
1195 <label for="catHagsContactPhone">@Translate("HagsPhoneNumber", "Hags Phone Number"):</label>
1196 <input type="text" class="form-control search-group" value="" name="catHagsContactPhone">
1197
1198 <label for="catHagsContactEmail">@Translate("HagsContactEmail", "Hags Contact Email"):</label>
1199 <input type="email" class="form-control search-group" value="" name="catHagsContactEmail">
1200
1201 <label for="catCompanyName">@Translate("CompanyName", "Company Name"):</label>
1202 <input type="text" class="form-control search-group" value="" name="catCompanyName">
1203
1204 <label for="catAddress">@Translate("CompanyAddress", "Company Address"):</label>
1205 <input type="text" class="form-control search-group" value="" name="catAddress">
1206
1207 <input type="text" class="form-control search-group" value="" name="catAddress2">
1208
1209 <label for="catAddrTown">@Translate("CompanyTown", "Company Town"):</label>
1210 <input type="text" class="form-control search-group" value="" name="catAddrTown">
1211
1212 <label for="catAddrPostCode">@Translate("CompanyPostCode", "Company Postal Code"):</label>
1213 <input type="text" class="form-control search-group" value="" name="catAddrPostCode">
1214
1215 <label for="catAddrCountry">@Translate("CompanyCountry", "Company Country"):</label>
1216 <input type="text" class="form-control search-group" value="" name="catAddrCountry">
1217
1218
1219 </fieldset>
1220 </form>
1221
1222
1223 @*Switch Form here*@
1224
1225 <form id="frm_CatalogEmailSettings" style="display:none">
1226 <input type="hidden" name="pdfFileName" value="">
1227 <input type="hidden" name="areaId" value="@currentAreaID">
1228 <input type="hidden" name="weglotLang" value="">
1229
1230 <fieldset>
1231
1232 <label for="emailFrom">@Translate("EmailFrom", "Email from"):</label>
1233 <input type="email" class="form-control search-group" name="emailFrom" required="" value="">
1234
1235 <label for="emailTo">@Translate("EmailTo", "Email to"):</label>
1236 <input type="email" class="form-control search-group" name="emailTo" required="" value="">
1237
1238 <label for="emailSubject">@Translate("EmailSubject", "Subject"):</label>
1239 <input type="text" class="form-control search-group" name="emailSubject" value="">
1240
1241 <label for="emailMessage">@Translate("Message", "Message"):</label>
1242 <textarea class="form-control" name="emailMessage" cols="45" rows="7" value=""></textarea>
1243
1244 </fieldset>
1245
1246 <div name="emailProgressContent" style="display:none;">
1247 <span id="CreateCatalogueEmailLabel" style="display: block; text-align: center; margin: auto;">@Translate("SendingYourEmail", "Sending your Email")</span>
1248 <img src="/Files/Templates/Designs/HagsCore/res/img/loader/ajax-loader.gif" style="margin: auto; display: block;">
1249 </div>
1250
1251 <div name="emailProgress" style="display: none;"></div>
1252
1253 <div class="m-search-advanced-buttons text-right" name="preSendEmail" style="display: block;">
1254
1255 <button class="btn btn--outline" name="emailcatalogue" type="button" role="button">@Translate("SendEmail", "Send Email")</button>
1256 <button class="btn btn--outline" style="display: none;" name="refreshemail" type="button" role="button">@Translate("Refresh", "Refresh")</button>
1257 <button class="btn btn--outline" name="cancelemail" type="button" role="button" data-modal-name="catalogue">@Translate("Cancel", "Cancel")</button>
1258
1259 </div>
1260
1261
1262 <div class="m-search-advanced-buttons text-center" name="downloadResend" style="display: none;">
1263
1264 <button class="btn btn--outline" style="display: none;" name="resendcatalogue" type="button" role="button">@Translate("SendEmail", "Send Email")</button>
1265 <button class="btn btn--outline" style="margin: 2px;" name="refreshemail" type="button" role="button">@Translate("ClearFormSendAgain", "Clear form and send again")</button><br>
1266 <a href="" class="btn btn--outline" name="pdfDownloadLink" download="">@Translate("DownloadCatalogue", "Download Catalogue")</a>
1267 <button class="btn btn--outline js-modal-close-target" data-target-id="CreateCatalog" type="button">@Translate("CloseWindow", "Close Window")</button>
1268
1269 </div>
1270
1271 </form>
1272
1273 <script>
1274 $("#frm_CatalogEmailSettings").validate();
1275 </script>
1276
1277 </div>
1278
1279 <div id="loader" style="display:none;text-align:center;position:absolute;left:61%;">
1280 <span id="CreateCataloguePdfLabel" style="display: inline-block;margin: 10px 10px 0 0;padding: 5px 10px"></span>
1281 <img src="/Files/Templates/Designs/Hags2024/assets/img/loader/ajax-loader.gif" style="margin:auto;display:block;">
1282 </div>
1283
1284 <div id="pdfViewer" class="modal__embed-silo"></div>
1285
1286 </div>
1287
1288 </div> <!-- main -->
1289
1290
1291 <div class="modal__footer">
1292
1293 <div class="m-search-advanced-buttons cluster cluster--dialog">
1294
1295 <button class="btn btn--outline" name="updatecatalogue" role="button" type="button">
1296 @Translate("UpdateCatalogue", "Update Catalog")
1297 </button>
1298
1299
1300
1301 <button class="btn btn--outline" name="createemail" data-modal-name="catalogue" type="button" role="button">@Translate("EmailCatalogue", "Email Catalogue")</button>
1302 <button class="btn btn--outline" id="pdfPrintCatalogue" target="_blank" type="button">@Translate("Print", "Print")</button>
1303 <a class="btn btn--outline" href="#" id="pdfDownloadCatalogue" type="button" download="">@Translate("Download", "Download")</a>
1304 <button class="btn btn--outline js-modal-close-target" data-target-id="CreateCatalog" type="button">@Translate("Close", "Close")</button>
1305
1306 </div>
1307
1308 </div> <!-- footer -->
1309
1310 </div>
1311
1312 </dialog>
1313 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>>
1314 @using HagsWeb.Library.State;
1315 @using HagsWeb.Library.BusinessObjects.UsersLists;
1316 @{
1317
1318 int saveCollectionAreaID = HagsWeb.Library.Utilities.WebUtilities.CheckInteger(GetGlobalValue("Global:Area.ID"));
1319 Dynamicweb.Content.Page saveCollectionMyHagsRegistrationPage = HagsWeb.Library.Methods.Page.HagsPages.GetPageByNavigationTag("CreateAccountPage", saveCollectionAreaID);
1320
1321 bool savecollection = bool.Parse(string.IsNullOrEmpty(Dynamicweb.Context.Current.Request.QueryString.Get("savecollection")) ? "false" : Dynamicweb.Context.Current.Request.QueryString.Get("savecollection"));
1322
1323 string areaLanguage = GetGlobalValue("Global:Area.Lang");
1324
1325 EditCollection editSession = new EditCollection();
1326 if (SessionManager.IsSessionValueSet("EditCollectionSession_" + GetGlobalValue("Global:Extranet.UserID")))
1327 {
1328 editSession = (EditCollection)SessionManager.GetSessionItem("EditCollectionSession_" + GetGlobalValue("Global:Extranet.UserID"));
1329 }
1330
1331 string currentCollectionName = string.Empty; // Dynamicweb.Context.Current.Request.QueryString.Get("collection");
1332 string currentCollectionDescription = string.Empty;
1333 string currentCollectionOriginalFileName = string.Empty;
1334 if (editSession != null)
1335 {
1336 currentCollectionName = editSession.CollectionName;
1337 currentCollectionDescription = editSession.CollectionDescription;
1338 currentCollectionOriginalFileName = editSession.OriginalFileName;
1339 }
1340
1341 bool isLoggedIn = false;
1342 if (!String.IsNullOrWhiteSpace(GetGlobalValue("Global:Extranet.UserName")))
1343 {
1344 isLoggedIn = true;
1345 }
1346
1347 string saveCollectionValidationMessages = string.Format("messages_{0}.min.js", GetGlobalValue("Global:Area.Lang"));
1348 string saveCollectionAreaLanguage = GetGlobalValue("Global:Area.Lang");
1349 string saveCollectionLoginPageId = GetGlobalValue("Global:Page.ID");
1350 string UserId = GetGlobalValue("Global:Extranet.UserID");
1351 //string designBaseUrl = GetString("Template:DesignBaseUrl");
1352
1353 // Notes: for the Forgotten Password we now are just advising the user to contact their local office for a reset
1354 // We do however maintain the original code as is for when they change their mind back again!
1355 }
1356
1357
1358 @*@Scripts.Render("~/bundle/Validation")*@
1359
1360 <dialog class="modal" id="saveCollection">
1361
1362 @if (areaLanguage != "en")
1363 {
1364 <script src="@(designBaseUrl)assets/js/libraries/validation/localization/@saveCollectionValidationMessages"></script>
1365 }
1366
1367 <div class="modal__body">
1368
1369 <div class="modal__header">
1370
1371 <div class="modal__close">
1372 <button type="button" class="action-btn js-modal-close-target" data-target-id="saveCollection">
1373 <span class="visually-hidden">Close</span>
1374 <svg viewbox="0 0 212 212" xmlns="http://www.w3.org/2000/svg" class="h24-icon h24-icon--close"><path d="M100 0c55.193 0 100 44.807 100 100s-44.807 100-100 100S0 155.193 0 100 44.807 0 100 0Zm0 5.333c-26.124 0-49.792 10.603-66.928 27.74C15.936 50.207 5.333 73.875 5.333 100c0 26.124 10.603 49.792 27.74 66.928 17.135 17.136 40.803 27.739 66.927 27.739 26.124 0 49.792-10.603 66.928-27.74 17.136-17.135 27.739-40.803 27.739-66.927 0-26.124-10.603-49.792-27.74-66.928C149.793 15.936 126.125 5.333 100 5.333Zm25.105 78.865L110.17 99.664l15.466 14.935a6.5 6.5 0 0 1 .16 9.191l-.694.72a6.5 6.5 0 0 1-9.191.16l-15.466-14.935-14.935 15.466a6.5 6.5 0 0 1-9.191.16l-.72-.694a6.5 6.5 0 0 1-.16-9.191l14.935-15.466-15.466-14.935a6.5 6.5 0 0 1-.16-9.191l.694-.72a6.5 6.5 0 0 1 9.191-.16L100.1 89.939l14.935-15.466a6.5 6.5 0 0 1 9.191-.16l.72.694a6.5 6.5 0 0 1 .16 9.191Z" fill="currentColor" fill-rule="evenodd"></path></svg>
1375 </button>
1376 </div>
1377
1378 <h3 class="ts-2">
1379 @Translate("SaveMyHagsCollection", "Save HAGS Connect Collection")
1380 </h3>
1381
1382 </div>
1383
1384 <div class="modal__main">
1385
1386 <input type="hidden" id="action" value="">
1387
1388 <form role="form" method="post" id="saveCollectionForm" action="">
1389
1390 <input type="hidden" name="UserId" value="@UserId">
1391 <input type="hidden" name="OriginalFileName" value="@currentCollectionOriginalFileName">
1392
1393 <div class="form-group">
1394 <label for="collectionName">@Translate("CollectionName", "Name of Collection") <sup>*</sup></label>
1395 <input type="text" class="form-control" name="CollectionName" value="@currentCollectionName" required="" placeholder='@Translate("CollectionName", "Name of Collection")'>
1396 </div>
1397
1398 <div class="form-group">
1399 <label for="collectionDescription">@Translate("CollectionDescription", "Description") <sup>*</sup></label>
1400 <textarea type="text" class="form-control" rows="4" cols="50" name="CollectionDescription" required="" placeholder='@Translate("CollectionDescription", "Description")'>@currentCollectionDescription</textarea>
1401 </div>
1402
1403 <div id="resultAdvice"></div>
1404
1405 </form>
1406
1407
1408 <script>
1409 //$("#saveCollectionloginForm").validate();
1410 $("#saveCollectionForm").validate();
1411 </script>
1412
1413 </div>
1414
1415
1416 <div class="modal__footer">
1417
1418 <button type="submit" id="save" name="savecollection" class="btn btn--outline">@Translate("Save", "Save")</button>
1419 <button type="button" id="continue" name="modalclose" class="btn btn--outline js-modal-close-target" data-target-id="saveCollection">@Translate("Close", "Close")</button>
1420 <!--button type="button" id="new" name="removecollection" class="btn btn--outline" data-removeproductlist="All" data-dismiss="modal">@Translate("StartNewCollection", "Start a new collection")</button-->
1421
1422 </div>
1423
1424 </div>
1425
1426 </dialog>
1427
1428 }
1429
1430
1431 @* this snippet is from the case studies item listing *@
1432 @RenderSnippet("bodyScripts")
1433
1434
1435 @SnippetStart("bodyScripts")
1436
1437 @* my collection scripts *@
1438
1439 <script type="text/javascript" src="@(designBaseUrl)assets/js/libraries/filesaver/filesaver.min.js"></script>
1440 <script type="text/javascript" src="@(designBaseUrl)assets/js/functions/product-collection.js?v=1.2&ts=@unixTimestamp"></script>
1441 @* <script type="text/javascript" src="@(designBaseUrl)assets/js/functions/product-collection.js?v=1.2&ts=@jsTimestamp"></script>*@
1442
1443 @* contact form scripts *@
1444 <script type="text/javascript" src="@(designBaseUrl)assets/js/functions/contact-us-forms.js"></script>
1445
1446
1447 @* load the embla carousel script *@
1448 <script data-cookieconsent="ignore" type="text/javascript" src="@(designBaseUrl)assets/js/libraries/embla/embla-carousel.umd.js"></script>
1449 <script data-cookieconsent="ignore" type="text/javascript" src="@(designBaseUrl)assets/js/libraries/embla/embla-carousel-fade.umd.js"></script>
1450
1451 <!--script src='https://online3.superoffice.com/Cust29133/CS/javascript/chat.js' data-topicId='2' data-title='Chatta med oss!' data-theme='modern' data-color='#0080FF' data-badgeColor='#4f6128' data-badgeTextColor='#ffffff' data-custMsgColor='#dbe5f1' data-custMsgTextColor='#000000' data-agentMsgColor='#c3d69b' data-agentMsgTextColor='#000000' data-buttonColor='#d4d4d4' data-buttonTextColor='' data-font='"Verdana", "Gill Sans", Arial, sans-serif' data-fontSize='12px' data-size='normal' data-delay='1' defer></script-->
1452 @SnippetEnd("bodyScripts")
1453
1454 </body>
1455 </html>
1456
1457
1458