Error executing template "Designs/dechra-dvp/_parsed/espresso.parsed.cshtml"
System.ArgumentNullException: Value cannot be null.
Parameter name: source
   at System.Linq.Enumerable.Where[TSource](IEnumerable`1 source, Func`2 predicate)
   at Dynamicweb.Frontend.XmlNavigation.FilterPages(IEnumerable`1 pages)
   at Dynamicweb.Frontend.XmlNavigation.MakeXml(Int32 parentId, Int32 levelStart, Int32 levelStop, Expand expand, Int32 selectedAreaId)
   at Dynamicweb.Frontend.XmlNavigation.GetNavigationHtml(Int32 parentId, Int32 levelStart, Int32 levelStop, Expand expand, String name, String xsltPath, Int32 selectedAreaId, Boolean sitemapMode, NameValueCollection settings, NameValueCollection attributes, IncludeMode mode)
   at Dynamicweb.Frontend.XmlNavigation.GetNavigationHtml(NameValueCollection settings, NameValueCollection attributes)
   at CompiledRazorTemplates.Dynamic.RazorEngine_846e91fe3b9b4ea8bff3d242b0d6ba1e.Execute() in D:\Dynamicweb.NET\Solutions\eu.dvp.dechra.espresso4.dk\Files\Templates\Designs\dechra-dvp\_parsed\espresso.parsed.cshtml:line 748
   at RazorEngine.Templating.TemplateBase.RazorEngine.Templating.ITemplate.Run(ExecuteContext context, TextWriter reader)
   at RazorEngine.Templating.RazorEngineService.RunCompile(ITemplateKey key, TextWriter writer, Type modelType, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.RazorEngineServiceExtensions.<>c__DisplayClass16_0.b__0(TextWriter writer)
   at RazorEngine.Templating.RazorEngineServiceExtensions.WithWriter(Action`1 withWriter)
   at Dynamicweb.Rendering.Template.RenderRazorTemplate()


  1     @inherits Co3.Espresso.Website.TemplateBases.Pages.PageBase
  2     @using System.Web;
  3     @using System.Globalization;
  4     @using Co3.Dechra.DVP.Website.UiServices;
  5     @{
  6       string globalAreaLang = GetGlobalValue("Global:Area.Lang");
  7       string pageSearch = Espresso.Area.Item.EnablePageSearch;
  8       string productSearch = Espresso.Area.Item.EnableProductSearch;
  9       string hasShop = Espresso.Area.Item.Shop;
 10       bool isRendering404Page = HttpContext.Current.Request.Url.PathAndQuery.Contains("404.aspx");
 11       bool hasAccess = ExtranetUiService.HasAccess();
 12       string urlToken = HttpContext.Current.Request[ "urltoken" ] != null ? HttpContext.Current.Request[ "urltoken" ] : "";
 13     
 14       Area currentArea =  PageView.Current().Area;
 15       string currentFlag = CountryUiService.GetCountryCode(currentArea);
 16       string geoCountry = string.Empty;
 17       
 18     
 19     @helper LanguageSelector()
 20       {
 21         Area currentArea =  PageView.Current().Area;
 22     
 23         string globalUrl = string.Empty;
 24         string globalFlag = string.Empty;
 25     
 26         IList<Area> areaCollection = new AreaService().GetAreas();
 27     
 28         string geoCountry = string.Empty;
 29     
 30         if(RedirectUiService.CookieExist() && !string.IsNullOrEmpty(RedirectUiService.GetCookieValue()))
 31         {
 32           geoCountry = RedirectUiService.GetCookieValue();
 33         }
 34         else if(!string.IsNullOrEmpty(HttpContext.Current.Request["geo"]))
 35         {
 36           geoCountry = HttpContext.Current.Request["geo"];
 37         }
 38     
 39         foreach(Area area in areaCollection.OrderBy(a => CountryUiService.GetCountryCode(a)))
 40         {
 41           string flag = CountryUiService.GetCountryCode(area);
 42     
 43           Item websiteSettings = area.Item;
 44     
 45           if(area.Active && !string.IsNullOrEmpty(area.DomainLock) && area.UniqueId!=currentArea.UniqueId && websiteSettings != null && websiteSettings["WebsiteIsLive"] != null && websiteSettings["WebsiteIsLive"].ToString() == "True")
 46           {
 47             if(flag != "global")
 48             {
 49               string url = $"//{area.DomainLock}";
 50     
 51               if(!string.IsNullOrEmpty(geoCountry))
 52               {
 53                 url = $"//{area.DomainLock}?geo={geoCountry}";
 54               }
 55     
 56               <div class="col-4 p-0">
 57                 <a class="dropdown-item js-dvp-set-geo-ip-country pt-1 pb-1 " href="@url"><span class="mr-1 d-inline-block dvp-flag-icon dvp-flag-icon-40 "><img src="/Files/Images/Icons/Flags/@(flag).svg" alt="@flag"></span><span class="notranslate">@flag</span></a>
 58               </div>
 59             }
 60             else
 61             {
 62               globalFlag = flag;
 63               globalUrl = $"//{area.DomainLock}";
 64     
 65               if(!string.IsNullOrEmpty(geoCountry))
 66               {
 67                 globalUrl = $"//{area.DomainLock}?geo={geoCountry}";
 68               }
 69             }
 70           }
 71         }
 72         if(!string.IsNullOrEmpty(globalFlag) && !string.IsNullOrEmpty(globalUrl))
 73         {
 74           <div class="col-4 p-0">
 75             <a class="dropdown-item pt-1 pb-1 js-dvp-set-geo-ip-country" href="@globalUrl"><span class="mr-1 d-inline-block dvp-flag-icon dvp-flag-icon-40"><img src="/Files/Images/Icons/Flags/@(globalFlag).svg" alt="@globalFlag"></span>Global</a>
 76           </div>
 77         }
 78       }
 79     }
 80     <!DOCTYPE html>
 81     <html lang="@globalAreaLang" data-search-pages="@pageSearch" data-search-products="@productSearch" data-shop="@hasShop" itemscope="" itemtype="@Espresso.Item.Page_Schem">
 82     <head>
 83       @Espresso.Area.Item.HeaderScripts
 84       @GetValue("CopyRightNotice")
 85       <meta charset="utf-8">
 86       <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, minimal-ui">
 87       <meta http-equiv="x-ua-compatible" content="ie=edge">
 88       <title>
 89         @GetValue("Title")
 90       </title>
 91     
 92       @Espresso.CriticalCSS
 93       
 94       <link href="/Files/Templates/Designs/dechra-dvp/_assets/_dist/css/default.css?v=aday5sdsasaslsajokebjddassagjafhffsdtrtrtfff" media="@Espresso.StylesheetAttributeMedia" rel="@Espresso.StylesheetAttributeRel" as="style">
 95       <link type="text/css" rel="stylesheet" href="https://dietspim.dechra.espresso4.dk/Files/Templates/Designs/dechra-dvp-pim-diets/_assets/_dist/css/dechra-font.css?v=1.0">
 96       @Espresso.CriticalJS
 97       
 98       <link rel="shortcut icon" href="@Espresso.Area.Item.Favicon">
 99       @if (@Espresso.Item.Lytics_Topics != "")
100       {
101         <meta name="lytics:topics" content="@Espresso.Item.Lytics_Topics">
102       }
103       @if (!isRendering404Page)
104       {
105         @GetValue("MetaTags")
106       }
107       @if( Espresso.IsStagingUrl == true ) {
108         <meta name="robots" content="noindex,nofollow">
109       }
110       @{
111         string OpenGraphURL = GetGlobalValue( "Global:Request.Scheme" ) + "://" + GetGlobalValue( "Global:Request.Host" ) + GetGlobalValue( "Global:Pageview.Url" );
112       }
113       @if (!isRendering404Page)
114       {
115         <meta property="og:url" content="@OpenGraphURL">
116       }
117       <meta property="og:title" content="@Espresso.OpenGraphTitle">
118       <meta property="og:description" content="@Espresso.OpenGraphDescription">
119       <meta property="og:image" content="@Espresso.OpenGraphImage">
120       @if( string.IsNullOrEmpty( Espresso.Area.Item.GoogleSiteVerification ) == false ){
121       <meta name="google-site-verification" content="@Espresso.Area.Item.GoogleSiteVerification">
122       }
123       @if( string.IsNullOrEmpty( Espresso.Area.Item.BingSiteVerification ) == false ){
124         <meta name="msvalidate.01" content="@Espresso.Area.Item.BingSiteVerification">
125       }
126     
127       @{
128         if(1 == 2){
129           @GetValue("Stylesheets")
130         }
131       }
132       @if( string.IsNullOrEmpty( Espresso.Area.GoogleTagManagerID ) == false && Espresso.Area.GoogleTagManagerID != "GTM-XXXX" ){
133       <!-- Google Tag Manager -->
134       <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
135       new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
136       j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
137       'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
138       })(window,document,'script','dataLayer','@Espresso.Area.GoogleTagManagerID');</script>
139       <!-- End Google Tag Manager -->
140       }
141     
142     <script>
143     (function (m, a, z, e) {
144       var s, t;
145       try {
146         t = m.sessionStorage.getItem('maze-us');
147       } catch (err) {}
148     
149      
150     
151       if (!t) {
152         t = new Date().getTime();
153         try {
154           m.sessionStorage.setItem('maze-us', t);
155         } catch (err) {}
156       }
157     
158      
159     
160       s = a.createElement('script');
161       s.src = z + '?t=' + t + '&apiKey=' + e;
162       s.async = true;
163       a.getElementsByTagName('head')[0].appendChild(s);
164       m.mazeUniversalSnippetApiKey = e;
165     })(window, document, 'https://snippet.maze.co/maze-universal-loader.js', 'd607ecf4-76ee-46d2-9a26-c6c205e0cff4');
166     </script>
167     @GetValue("Javascripts")
168     </head>
169     
170     <body class="@Espresso.Item.CustomClasses">
171       @if( string.IsNullOrEmpty( Espresso.Area.GoogleTagManagerID ) == false && Espresso.Area.GoogleTagManagerID != "GTM-XXXX" ){
172       <!-- Google Tag Manager (noscript) -->
173       <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=@Espresso.Area.GoogleTagManagerID" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
174       <!-- End Google Tag Manager (noscript) -->
175       }
176       @using System.Web.Configuration
177     @{
178       if( Espresso.Canvas.ClassList.ToString().Contains("e-page-is-loading") == true ){
179         Espresso.Canvas.ClassList.RemoveClasses("e-page-is-loading");
180         Espresso.Canvas.ClassList.AddClasses("is-loading");
181       }
182     }
183     
184     @if( Espresso.Area.Item.OptimizedLoading == "True" ){
185       <div id="js-e-page-loading-overlay" class="e-page-loading-overlay e-loading-overlay is-loading"><div class="e-loading-spinner"></div></div>
186     }
187     <div class="@Espresso.Canvas.ClassList" id="js-e-canvas">
188       @using System.Globalization;
189     @using Dynamicweb.Content;
190     @using Dynamicweb.Frontend;
191     @using Dynamicweb.Content.Items;
192     @{
193       string Logo = Espresso.Area.Item.Logo;
194       string Tagline = Espresso.Area.Item.Tagline;
195       string academyLink = Espresso.Area.Item.AcademyLink;
196       string checkCart= string.IsNullOrEmpty(GetGlobalValue("Global:eCommerce.Order.OrderLines.TotalProductQuantity")) ? "0" : GetGlobalValue("Global:eCommerce.Order.OrderLines.TotalProductQuantity");
197       string checkCartMultiple = "";
198       
199       PageView currentPageView = PageView.Current();
200       string currentPageId = currentPageView.ID.ToString();
201     
202       if(checkCart != "1") {
203         checkCartMultiple = "s";
204       }
205     
206       //HEADER TRANSLATIONS:
207       string searchPlaceholder = Translate("HeaderSearchPlaceholderText","Product name, actives, therapy areas, indications etc...");
208       string signInText = Translate("Sign in","Sign in");
209       string myAccountText = Translate("My account","My account");
210       string editAccountText = Translate("Edit account","Edit account");
211       string logoutText = Translate("Logout","Logout");
212     
213     }
214     @if( Espresso.Item.HeaderHide != "True" ){
215       <header class="e-header js-e-header is-sticky">
216         <div class="e-header-container">
217           <div class="container-fluid">
218     
219             @if(!string.IsNullOrEmpty( GetString("DwNavigation(dwnavutilitiesprimary)") ))
220             {
221               <div class="row">
222                 <div class="col-12 hidden-mobile">
223                   <section class="e-nav-utilities-primary">
224                     <ul class="nav justify-content-end">
225                       @GetValue("DwNavigation(dwnavutilitiesprimary)")
226                     </ul>
227                   </section>
228                 </div>
229               </div>
230             }
231     
232             <div class="row">
233                 <div class="col-2 hidden-mobile">
234                   <div class="e-logo">
235                     <a href="/" class="e-logo-link">
236                       <img src="@Logo" class="e-logo-img" alt="@Tagline">
237                     </a>
238                   </div>
239                 </div>
240                 <div class="col-12 col-lg-9 mobile-menu">
241                   @if( Espresso.Item.NavigationHide != "True" ){
242                     <div class="e-logo hidden-desktop">
243                       <a href="/" class="e-logo-link">
244                         <img src="@Logo" class="e-logo-img" alt="@Espresso.Area.Item.CompanyName">
245                         @if( string.IsNullOrEmpty( Tagline ) == false ){
246                           <p class="e-logo-tagline">@Tagline</p>
247                         }
248                       </a>
249                     </div>
250     
251                     if(hasAccess)
252                     {
253                       <div class="e-header-btn dropdown">
254                         <a class="dropdown-toggle btn btn-sm text-auto" href="#" role="button" id="myAccountDropdownMobile" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
255                           <i class="material-icons material-icons-large">account_box</i>
256                         </a>
257                         <div class="dropdown-menu" aria-labelledby="myAccountDropdownMobile">
258                           @if(!string.IsNullOrEmpty(Espresso.Area.Item.AccountPage))
259                           {
260                             <a class="dropdown-item btn btn-sm text-auto" href="Default.aspx?ID=@Espresso.Area.Item.AccountPage">
261                               <i class="material-icons material-icons-large">edit</i>
262                             </a>
263                           }
264                           <a class="dropdown-item btn btn-sm text-auto" href="/Admin/Public/extranetlogoff.aspx?ID=@currentPageId">
265                             <i class="material-icons material-icons-large">power_settings_new</i>
266                           </a>
267                         </div>
268                       </div>
269                     }
270                     else
271                     {
272                       <div class="e-header-btn">
273                         <a class="js-dvp-extranet-login btn btn-sm text-auto" href="javascript:void(0);">
274                           <i class="material-icons material-icons-large">lock_outline</i>
275                         </a>
276                       </div>
277                     }
278                     if( Espresso.Area.Item.Search == "True" ){
279                       <div class="e-search-toggle e-header-btn">
280                         <a data-toggle="modal" data-target=".modal.e-search" class="btn btn-sm text-auto">
281                           <i class="material-icons material-icons-large">search</i>
282                         </a>
283                       </div>
284                     }
285     
286                     if( hasShop == "True" && hasAccess ){
287                       <div class="e-header-btn e-cart-mini">
288                         <a href="/shop/cart/" class="btn btn-sm text-auto">
289                           <i class="material-icons material-icons-large">shopping_cart</i>
290                           <span class="e-cart-quantity js-e-cart-quantity"></span>
291                         </a>
292                       </div>
293                     }
294     
295                     <div class="e-header-btn e-nav-toggle">
296                       <a data-toggle="modal" data-target=".modal.e-nav-container" class="btn btn-sm text-auto">
297                         <i class="material-icons material-icons-large mr-1">menu</i>
298                       </a>
299                     </div>
300                     <div class="js-e-nav-container e-nav-container modal p-0" data-backdrop="false">
301                       <nav class="e-nav navbar">
302                         <div class="e-nav-masthead">
303                           <div class="e-logo">
304                             <a href="/" class="e-logo-link">
305                               <img src="@Logo" class="e-logo-img" alt="@Espresso.Area.Item.CompanyName">
306                               @if( string.IsNullOrEmpty( Tagline ) == false ){
307                                 <p class="e-logo-tagline">@Tagline</p>
308                               }
309                             </a>
310                           </div>
311                           <div class="e-nav-toggle e-header-btn">
312                             <button type="button" data-toggle="modal" data-target=".modal.e-nav-container" class="btn btn-sm text-auto">
313                               <i class="material-icons material-icons-large mr-1">close</i>
314                             </button>
315                           </div>
316                           @if(hasAccess)
317                           {
318                             
319                             
320                             <div class="e-header-btn dropdown">
321                               <a class="dropdown-toggle btn btn-sm text-auto" href="#" role="button" id="myAccountDropdownMobile" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
322                                 <i class="material-icons material-icons-large">account_box</i>
323                               </a>
324                               <div class="dropdown-menu" aria-labelledby="myAccountDropdownMobile">
325                                 @if(!string.IsNullOrEmpty(Espresso.Area.Item.AccountPage))
326                                 {
327                                   <a class="dropdown-item btn btn-sm text-auto" href="Default.aspx?ID=@Espresso.Area.Item.AccountPage">
328                                     <i class="material-icons material-icons-large">edit</i>
329                                   </a>
330                                 }
331                                 <a class="dropdown-item btn btn-sm text-auto" href="/Admin/Public/extranetlogoff.aspx?ID=@currentPageId">
332                                   <i class="material-icons material-icons-large">power_settings_new</i>
333                                 </a>
334                               </div>
335                             </div>
336                           }
337                           else
338                           {
339                             <div class="e-header-btn">
340                               <a class="js-dvp-extranet-login btn btn-sm text-auto" href="javascript:void(0);">
341                                 <i class="material-icons material-icons-large">lock_outline</i>
342                               </a>
343                             </div>
344                           }
345                           @if( Espresso.Area.Item.Search == "True" ){
346                           <div class="e-header-btn e-search-toggle">
347                             <button type="button" data-toggle="modal" data-target=".modal.e-search" class="btn btn-sm text-auto">
348                               <i class="material-icons material-icons-large">search</i>
349                             </button>
350                           </div>
351                           }
352                           @if( hasShop == "True" && hasAccess ){
353                           <div class="e-header-btn e-cart-mini">
354                             <a href="/shop/cart/" class="btn btn-sm text-auto">
355                               <i class="material-icons material-icons-large">shopping_cart</i>
356                               <span class="e-cart-quantity js-e-cart-quantity"></span>
357                             </a>
358                           </div>
359                           }
360                         </div>
361                         <section class="e-nav-global mb-2 mb-lg-0 js-e-nav-global">
362                           <ul class="nav">
363                             @GetValue("DwNavigation(dwnavglobal)")
364                           </ul>
365                         </section>
366                         <div class="col-12 mb-2 ml-auto border border-left-0 border-right-0 hidden-desktop">
367                           <div class="row">
368                             <a href="#dvp-mobile-language" data-toggle="collapse" class="dropdown-item pt-1 pb-1 d-flex justify-content-between align-items-stretch collapsed">
369                               <span class="d-inline-block dvp-flag-icon dvp-flag-icon-40"><img src="/Files/Images/Icons/Flags/@(currentFlag).svg" alt="@currentFlag"></span>
370                               <span class="dvp-collapsed"><i class="material-icons material-icons-large">expand_more</i></span>
371                               <span class="dvp-expanded"><i class="material-icons material-icons-large">expand_less</i></span>
372                             </a>
373                           </div>
374                           <div class="collapse" id="dvp-mobile-language">
375                             <div class="row py-1 border border-left-0 border-right-0 border-bottom-0 justify-content-center">
376                               @LanguageSelector()
377                             </div>
378                             <p class="d-block text-center small">
379                               <small>
380                                 @Translate("By clicking a flag you will be leaving this country website to access another site in the Dechra group not applicable to your territory and which may have different legislation","By clicking a flag you will be leaving this country website to access another site in the Dechra group not applicable to your territory and which may have different legislation")
381                               </small>
382                             </p>
383                           </div>
384                         </div>
385                         @if(!string.IsNullOrEmpty(GetString("DwNavigation(dwnavutilitiesprimarymobile)")))
386                         {
387                           <section class="e-nav-utilities-primary hidden-desktop">
388                             <ul class="nav">
389                               @GetValue("DwNavigation(dwnavutilitiesprimarymobile)")
390                             </ul>
391                           </section>
392                         }
393                         @if(!string.IsNullOrEmpty(GetString("DwNavigation(dwnavutilitiessecondaryheader)")))
394                         {
395                           <section class="e-nav-utilities-secondary">
396                             <ul class="nav">
397                               @GetValue("DwNavigation(dwnavutilitiessecondaryheader)")
398                             </ul>
399                           </section>
400                         }
401                       </nav>
402                       @if( hasShop == "True" && hasAccess ){
403                         <a class="ml-auto hidden-mobile dvp-header-custom-cart text-nowrap" href="/shop/cart/">
404                           <div class="dvp-header-custom-cart-icon"><i class="material-icons">shopping_cart</i></div>
405                           <span class="js-e-cart-quantity">0</span> @string.Format("Material{0}",checkCartMultiple)
406                         </a>
407                       }
408                     </div>
409                   }
410                 </div>
411                 <div class="col-1 pl-0 hidden-mobile">
412                   @using Co3.Dechra.DVP.Website.UiServices;
413     @{
414       if(RedirectUiService.CookieExist() && !string.IsNullOrEmpty(RedirectUiService.GetCookieValue()))
415       {
416         geoCountry = RedirectUiService.GetCookieValue();
417       }
418       else if(!string.IsNullOrEmpty(HttpContext.Current.Request["geo"]))
419       {
420         geoCountry = HttpContext.Current.Request["geo"];
421       }
422     }
423     <div class="dropdown dvp-language-selector">
424       @{
425         if (currentArea.ID == 40 || currentArea.ID == 41)
426         {
427           string title = currentArea.ID == 40 ? "Français" : "English";
428           string lang = currentArea.ID == 40 ? "FR" : "EN";
429           string langUrl = currentArea.ID == 40 ? "https://fr.dechra.ca" : "https://www.dechra.ca";
430     
431           if (!string.IsNullOrEmpty(geoCountry))
432           {
433             langUrl += $"?geo={geoCountry}";
434           }
435     
436           <a class="float-left float-md-right dvp-language-region js-dvp-set-geo-ip-country" title="@title" href="@langUrl">
437             <span class="d-inline-block">@lang</span>
438           </a>
439         }
440     
441         if (currentArea.ID == 78 || currentArea.ID == 79)
442         {
443           string title = currentArea.ID == 78 ? "Français" : "Dutch";
444           string lang = currentArea.ID == 78 ? "FR" : "NL";
445           string langUrl = currentArea.ID == 78 ? "https://fr.dechra.be/" : "https://www.dechra.be/";
446     
447           if (!string.IsNullOrEmpty(geoCountry))
448           {
449             langUrl += $"?geo={geoCountry}";
450           }
451           
452           <a class="float-left float-md-right dvp-language-region js-dvp-set-geo-ip-country" title="@title" href="@langUrl">
453             <span class="d-inline-block">@lang</span>
454           </a>
455         }
456         
457         if (currentArea.ID == 109 || currentArea.ID == 107 || currentArea.ID == 112)
458         {
459           string title = "German";
460           string title2 = "Français";
461           string title3 = "Italian";
462           
463           string url = "DE";
464           string url2 = "FR";
465           string url3 = "IT";
466           
467           string langUrl = "https://www.dechra.ch/";
468           string langUrl2 = "https://fr.dechra.ch/";
469           string langUrl3 = "https://it.dechra.ch/";
470     
471           if (!string.IsNullOrEmpty(geoCountry))
472           {
473             langUrl += $"?geo={geoCountry}";
474           }
475           
476           
477           <a class="float-left float-md-right dvp-language-region js-dvp-set-geo-ip-country " title="@title" href="@langUrl">
478             <span class="d-inline-block">@url</span>
479           </a>
480           <a class="float-left float-md-right dvp-language-region js-dvp-set-geo-ip-country" title="@title2" href="@langUrl2">
481             <span class="d-inline-block">@url2</span>
482           </a>
483           <a class="float-left float-md-right dvp-language-region js-dvp-set-geo-ip-country " title="@title3" href="@langUrl3">
484             <span class="d-inline-block">@url3</span>
485           </a>
486         }
487       }
488       
489     
490     
491       <a class="dropdown-toggle float-left float-md-right" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
492         <span class="d-inline-block dvp-flag-icon dvp-flag-icon-20"><img src="/Files/Images/Icons/Flags/@(currentFlag).svg" alt="@currentFlag"></span>
493       </a>
494       <div class="dropdown-menu dropdown-menu-right p-0" aria-labelledby="dropdownMenuLink">
495         <div class="row m-0">
496           @LanguageSelector()
497         </div>
498         <div class="row pt-1 pb-1 m-0 border border-bottom-0 border-left-0 border-right-0">
499           <div class="col-12 px-2 small">
500             <small>
501               @Translate("By clicking a flag you will be leaving this country website to access another site in the Dechra group not applicable to your territory and which may have different legislation", "By clicking a flag you will be leaving this country website to access another site in the Dechra group not applicable to your territory and which may have different legislation")
502             </small>
503           </div>
504         </div>
505       </div>
506     </div>
507     
508                 </div>
509             </div>
510           </div>
511         </div>
512         <div class="e-header-container dvp-header-search hidden-mobile">
513           <div class="container-fluid">
514             <div class="row">
515               <div class="col-2"></div>
516               <div class="col-8">
517                 <form action="/search" class="e-search-form js-dvp-typeahead-form">
518                     <div class="form-group">
519                         <div class="js-dvp-search-container e-search-container">
520                           <label class="e-search-label" for="e-search-input"><i class="material-icons">search</i></label>
521                           <input autocomplete="off" name="q" class="form-control dvp-header-search-input js-dvp-header-search-input" type="search" placeholder="@searchPlaceholder">
522                           <div class="js-dvp-search-action-group dvp-search-action-group is-empty">
523                             <span class="js-dvp-search-clear e-search-clear"><i class="material-icons">close</i></span>
524                             @*<button class="e-search-submit btn btn-primary" type="submit"><i class="material-icons">search</i></button>*@
525                           </div>
526                       </div>
527                     </div>
528                 </form>
529               </div>
530               @if( Espresso.Area.Item.HideLogin != "True" ){
531                 <div class="col-2 pl-0 dvp-header-custom-login">
532                   @if(hasAccess)
533                   {
534                     
535                     <div class="dropdown">
536                       <a class="signin dropdown-toggle" href="#" role="button" id="myAccountDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
537                         <i class="material-icons">account_box</i>&nbsp; @myAccountText
538                       </a>
539                       <div class="dropdown-menu" aria-labelledby="myAccountDropdown">
540                         @if(!string.IsNullOrEmpty(Espresso.Area.Item.AccountPage))
541                         {
542                           <a class="dropdown-item font-weight-bold" href="Default.aspx?ID=@Espresso.Area.Item.AccountPage">
543                             <i class="material-icons font-weight-bold">edit</i>&nbsp; @editAccountText
544                           </a>
545                         }
546                         <a class="dropdown-item font-weight-bold" href="/Admin/Public/extranetlogoff.aspx?ID=@currentPageId">
547                           <i class="material-icons font-weight-bold">power_settings_new</i>&nbsp; @logoutText
548                         </a>
549                       </div>
550                     </div>
551                   }
552                   else
553                   {
554                     <a class="js-dvp-extranet-login signin" href="javascript:void(0);">
555                       <i class="material-icons">lock_outline</i>&nbsp; @signInText
556                     </a>
557                   }
558                 </div>
559               }
560             </div>
561           </div>
562         </div>
563         <div class="e-cart-confirm-msg" id="js-e-cart-confirm-msg">
564       <button type="button" class="close" data-dismiss="msg">
565         <i class="material-icons">close</i>
566       </button>
567       <section class="e-section pt-3 pb-3">
568         <div class="container-fluid">
569           <div class="row">
570             <div class="col-12">
571               <div class="js-e-cart-confirm-msg-content">
572                 <script id="js-handlebars-tmpl-cart-msg-content" type="text/x-handlebars-template">
573                   <div class="row">
574     
575                     <div class="col-12 col-md-6">
576                       <div class="e-cart-confirm-msg-last-added pt-1">
577                         <div class="row">
578                           <div class="col-2 text-right">
579                             <p class="h2"><i class="material-icons text-success">check</i></p>
580                           </div>
581                           <div class="col-10">
582                             <div class="row">
583                               <div class="col-12">
584                                 <h2>@Translate("eCom Cart - Product Added - Heading","Added to your cart")</h2>
585                                 {{#each lastAdded}}
586                                   <div class="row">
587                                     <div class="col-4">
588                                       <p class="mb-0">
589                                         <img class="img-fluid" src="{{imageLarge}}" alt="">
590                                       </p>
591                                     </div>
592                                     <div class="col-8 d-flex flex-column align-items-center">
593                                       <p class="mr-auto mt-1 h3 font-weight-normal">{{name}}</p>
594                                       {{#if therapyareaName}}
595                                         <p class="mr-auto mt-0 h4 text-muted font-weight-normal font-italic">{{therapyareaName}}</p>
596                                       {{/if}}
597                                     </div>
598                                   </div>
599                                 {{/each}}
600                               </div>
601                             </div>
602                           </div>
603                         </div>
604                       </div>
605                     </div>
606     
607                     <div class="col-12 col-md-6">
608                       <div class="e-cart-confirm-msg-info pt-1">
609                         <div class="row">
610                           <div class="col-2 text-right">
611                             <p class="h2"><i class="material-icons">shopping_cart</i></p>
612                           </div>
613                           <div class="col-8 pr-1">
614                             <h2>@Translate("eCom Cart - Your materials - Heading","Your materials")</h2>
615                             {{#each orderlines}}
616                               <p class="mb-0">
617                                 {{quantity}} x {{product.name}}
618                               </p>
619                             {{/each}}
620                             <p class="mt-2">
621                               <a href="/shop/cart" class="btn btn-primary">@Translate("eCom Cart - Show Cart - Link","Show cart") ({{totalProductQuantity}})</a>
622                             </p>
623                           </div>
624                         </div>
625                       </div>
626                     </div>
627     
628                   </div>
629                 </script>
630               </div>
631             </div>
632           </div>
633         </div>
634       </section>
635     </div>
636       </header>
637     }
638     
639     
640     
641     
642       <main class="e-content">
643         @using Dynamicweb.Content;
644     @using Dynamicweb.Extensibility;
645     @{
646         string eBreadcrumbClasslist = "js-e-breadcrumb";
647         if( Espresso.Item.BreadcrumbColor != "auto" && Espresso.Item.BreadcrumbColor != "none" && String.IsNullOrEmpty( Espresso.Item.Breadcrumb ) == false ){
648             eBreadcrumbClasslist += string.Format(" e-breadcrumb-{0}", Espresso.Item.Breadcrumb );
649         }
650     
651         string navigationHtmlBreadcrumb = RenderNavigation( new
652         {
653           id = "dwnav-breadcrumb",
654           template = "breadcrumb.xslt",
655           startlevel = 1,
656           endlevel = 15,
657           expandmode = "pathonly",
658           includemode = "all",
659           sitemapmode = true
660         } );
661     
662         string ecomNavigationHtmlBreadcrumb = RenderNavigation( new
663         {
664           id = "dwnav-ecom-breadcrumb",
665           template = "ecom-breadcrumb.xslt",
666           startlevel = 1,
667           endlevel = 15,
668           expandmode = "pathonly",
669           includemode = "all",
670           sitemapmode = true
671         } );
672     }
673     
674     @if( Espresso.Item.Breadcrumb != "none" && String.IsNullOrEmpty( Espresso.Item.Breadcrumb ) == false )
675     {
676       string homeMenuText = ServiceLocator.Current.GetPageService().GetFirstPageForArea( GetInteger( "DwAreaID" ) ).MenuText;
677     
678     <section class="e-section mt-1 @eBreadcrumbClasslist">
679       <div class="container-fluid">
680         <div class="row">
681           <div class="col-12">
682             <div class="row">
683     
684               <div class="col-12">
685                 <nav class="e-breadcrumb-container">
686                   <ol class="breadcrumb nav text-muted" itemscope="" itemtype="https://schema.org/BreadcrumbList">
687                     <li class="breadcrumb-item m-0 p-0">
688                       <span class="breadcrumb-prefix-text">
689                         @Translate( "Breadcrumb - Prefix - Text", "You are here:" )
690                       </span>
691                       <a href="/" title="@homeMenuText">@homeMenuText</a>
692                     </li>
693                     @if(HttpContext.Current.Request["GroupID"] == null)
694                     {
695                       @navigationHtmlBreadcrumb
696                     }
697                     else
698                     {
699                       @ecomNavigationHtmlBreadcrumb
700                     }
701                   </ol>
702                 </nav>
703               </div>
704     
705             </div>
706           </div>
707         </div>
708       </div>
709     </section>
710     }
711     
712         <article id="dwcontent-main" class="e-content-main @Espresso.ContentArea.ClassList" data-email-placeholder="">
713           @{
714       string NavigationLocalHorizontalClassList = "e-nav-local e-nav-local-horizontal js-e-nav-local-horizontal reset-animate";
715       @* reset-animate *@
716       string NavigationLocalHorizontalContainerClassList = "e-nav-local-container";
717       if( Espresso.Item.NavigationLocalShow == "True" && Espresso.Item.NavigationLocalLayout == "horizontal" ) {
718         NavigationLocalHorizontalClassList += " " + Espresso.Item.NavigationLocalCustomClasses;
719         if( Espresso.Item.NavigationLocalSticky == "True" ) {
720           NavigationLocalHorizontalClassList += " is-sticky";
721         }
722         if( Espresso.Item.NavigationLocalAbsolute == "True" ) {
723           NavigationLocalHorizontalClassList += " is-absolute";
724         }
725         else{
726           if( Espresso.Item.NavigationLocalMarginTop != "0" && Espresso.Item.NavigationLocalMarginTop != "" ) {
727             NavigationLocalHorizontalClassList += " mt-" + Espresso.Item.NavigationLocalMarginTop;
728           }
729           if( Espresso.Item.NavigationLocalMarginBottom != "0" && Espresso.Item.NavigationLocalMarginBottom != "" ) {
730             NavigationLocalHorizontalClassList += " mb-" + Espresso.Item.NavigationLocalMarginBottom;
731           }
732         }
733       }
734     }
735     @if( Espresso.Item.NavigationLocalShow == "True" && Espresso.Item.NavigationLocalLayout == "horizontal" ) {
736     <section class="e-section @NavigationLocalHorizontalClassList">
737       <div class="container-fluid">
738         <div class="row">
739           <div class="col-12">
740             <div class="row">
741     
742               <div class="col-12">
743                 <nav id="dwnav-local-@Espresso.DynamicwebPage.ID" class="@NavigationLocalHorizontalContainerClassList">
744                   <ul class="nav justify-content-start">
745                   @if( Espresso.Item.NavigationLocalHeading != "" ){
746                     <li class="e-nav-local-heading"><h2>@Espresso.Item.NavigationLocalHeading</h2></li>
747                   }
748                   @RenderNavigation( new {
749                       id = "dwnav-local-" + Espresso.DynamicwebPage.ID,
750                       parentid = string.IsNullOrEmpty( Espresso.Item.NavigationLocalParentPage ) == false ? Espresso.Item.NavigationLocalParentPage : Espresso.DynamicwebPage.ID,
751                       template = string.IsNullOrEmpty( Espresso.Item.NavigationLocalTemplate ) == false ? Espresso.Item.NavigationLocalTemplate : "local-" + Espresso.Item.NavigationLocalLayout + ".xslt",
752                       startlevel = Espresso.Item.NavigationLocalLevelStart,
753                       endlevel =  Espresso.Item.NavigationLocalLevelEnd,
754                       expandmode = Espresso.Item.NavigationLocalPageTreeExpand == "True" ? "all" : "path",
755                   } )
756                   </ul>
757                 </nav>
758               </div>
759     
760             </div>
761           </div>
762         </div>
763       </div>
764     </section>
765     }
766           @{
767       string NavigationLocalVerticalClassList = "e-nav-local e-nav-local-vertical js-e-nav-local-vertical reset-animate";
768       string NavigationLocalVerticalContainerClassList = "e-nav-local-container";
769       if( Espresso.Item.NavigationLocalShow == "True" && Espresso.Item.NavigationLocalLayout == "vertical" ) {
770         NavigationLocalVerticalClassList += " " + Espresso.Item.NavigationLocalCustomClasses;
771         //NavigationLocalVerticalClassList += " col-3";
772     
773         if( Espresso.Item.NavigationLocalMarginTop != "0" && Espresso.Item.NavigationLocalMarginTop != "" ) {
774           NavigationLocalVerticalClassList += " mt-" + Espresso.Item.NavigationLocalMarginTop;
775         }
776         if( Espresso.Item.NavigationLocalMarginBottom != "0" && Espresso.Item.NavigationLocalMarginBottom != "" ) {
777           NavigationLocalVerticalClassList += " mb-" + Espresso.Item.NavigationLocalMarginBottom;
778         }
779     
780         if( Espresso.Item.NavigationLocalSticky == "True" ) {
781             NavigationLocalVerticalClassList += " is-sticky";
782         }
783         if( Espresso.Item.NavigationLocalAbsolute == "True" ) {
784           NavigationLocalVerticalClassList += " is-absolute";
785         }
786         else{
787           Espresso.ContentSection.ClassList.Clear();
788           Espresso.ContentSection.ClassList.AddClasses("col-12 col-lg-9 ml-auto");
789         }
790       }
791     }
792     
793     @if( Espresso.Item.NavigationLocalShow == "True" && Espresso.Item.NavigationLocalLayout == "vertical" ) {
794     <section class="e-section @NavigationLocalVerticalClassList">
795       <div class="container-fluid">
796         <div class="row">
797           <div class="col-12">
798             <div class="row">
799     
800               <div class="col-3">
801                 <nav id="dwnav-local-@Espresso.DynamicwebPage.ID" class="@NavigationLocalVerticalContainerClassList">
802                   <ul class="nav flex-column">
803                   @if( Espresso.Item.NavigationLocalHeading != "" ){
804                     <li class="e-nav-local-heading"><h2>@Espresso.Item.NavigationLocalHeading</h2></li>
805                   }
806                   @RenderNavigation( new {
807                       id = "dwnav-local-" + Espresso.DynamicwebPage.ID,
808                       parentid = string.IsNullOrEmpty( Espresso.Item.NavigationLocalParentPage ) == false ? Espresso.Item.NavigationLocalParentPage : Espresso.DynamicwebPage.ID,
809                       template = string.IsNullOrEmpty( Espresso.Item.NavigationLocalTemplate ) == false ? Espresso.Item.NavigationLocalTemplate : "local-" + Espresso.Item.NavigationLocalLayout + ".xslt",
810                       startlevel = Espresso.Item.NavigationLocalLevelStart,
811                       endlevel =  Espresso.Item.NavigationLocalLevelEnd,
812                       expandmode = Espresso.Item.NavigationLocalPageTreeExpand == "True" ? "all" : "path",
813                   } )
814                   </ul>
815                 </nav>
816               </div>
817     
818             </div>
819           </div>
820         </div>
821       </div>
822     </section>
823     }
824     
825     
826           <section class="e-section">
827             <div class="container-fluid">
828               <div class="row">
829                 <div class="@Espresso.ContentSection.ClassList">
830                   <div class="row">
831                     @GetValue("DwContent(dwcontentmain)")
832                   </div>
833                 </div>
834               </div>
835             </div>
836           </section>
837           @if( Espresso.Item.NavigationLocalShow == "True" )
838     {
839       int pageLevel = Dynamicweb.Frontend.PageView.Current().Page.Level;
840     
841       <section class="e-section mt-2 hidden-desktop">
842         <div class="container-fluid">
843           <div class="row">
844             <div class="col-12">
845               <nav id="dwnav-local-mobile-@Espresso.DynamicwebPage.ID">
846                 <ul class="nav nav-pills mb-0 flex-column nav-fill">
847                   @RenderNavigation( new
848                   {
849                     id = "dwnav-local-mobile" + Espresso.DynamicwebPage.ID,
850                     parentid = string.IsNullOrEmpty( Espresso.Item.NavigationLocalParentPage ) == false ? Espresso.Item.NavigationLocalParentPage : Espresso.DynamicwebPage.ID,
851                     template = "local-vertical-mobile.xslt",
852                     startlevel = pageLevel,
853                     endlevel =  pageLevel,
854                     expandmode = Espresso.Item.NavigationLocalPageTreeExpand == "True" ? "all" : "path",
855                   } )
856                 </ul>
857               </nav>
858             </div>
859           </div>
860         </div>
861       </section>
862     }
863     
864         </article>
865       </main>
866       @{
867       string localAddressesLink = Espresso.Area.Item.LocalAddressesLink;
868       string generalInquiryPage = Espresso.Area.Item.GeneralInquiryPage;
869     }
870     
871     @if( Espresso.Item.FooterHide != "True" ){
872       <footer class="e-footer">
873         <article class="e-footer-wrapper">
874             @if( Espresso.Area.Item.HideLocalAddressesBar != "True" ){
875               <section class="e-section dvp-footer-custom-local-addresses">
876                 <div class="container-fluid">
877                   <div class="row">
878                     <div class="col-12 col-sm-10 text-left">
879                     @if(!string.IsNullOrEmpty(localAddressesLink))
880                     {
881                       <h3>
882                         <a href="@localAddressesLink">@Translate("Local adresses in United Kingdom","Local adresses in United Kingdom")</a>
883                       </h3>
884                     }
885                     </div>
886                     <div class="col-12 col-sm-2 mt-2 mt-sm-0 text-left text-md-right">
887                       @using Co3.Dechra.DVP.Website.UiServices;
888     @{
889       if(RedirectUiService.CookieExist() && !string.IsNullOrEmpty(RedirectUiService.GetCookieValue()))
890       {
891         geoCountry = RedirectUiService.GetCookieValue();
892       }
893       else if(!string.IsNullOrEmpty(HttpContext.Current.Request["geo"]))
894       {
895         geoCountry = HttpContext.Current.Request["geo"];
896       }
897     }
898     <div class="dropdown dvp-language-selector">
899       @{
900         if (currentArea.ID == 40 || currentArea.ID == 41)
901         {
902           string title = currentArea.ID == 40 ? "Français" : "English";
903           string lang = currentArea.ID == 40 ? "FR" : "EN";
904           string langUrl = currentArea.ID == 40 ? "https://fr.dechra.ca" : "https://www.dechra.ca";
905     
906           if (!string.IsNullOrEmpty(geoCountry))
907           {
908             langUrl += $"?geo={geoCountry}";
909           }
910     
911           <a class="float-left float-md-right dvp-language-region js-dvp-set-geo-ip-country" title="@title" href="@langUrl">
912             <span class="d-inline-block">@lang</span>
913           </a>
914         }
915     
916         if (currentArea.ID == 78 || currentArea.ID == 79)
917         {
918           string title = currentArea.ID == 78 ? "Français" : "Dutch";
919           string lang = currentArea.ID == 78 ? "FR" : "NL";
920           string langUrl = currentArea.ID == 78 ? "https://fr.dechra.be/" : "https://www.dechra.be/";
921     
922           if (!string.IsNullOrEmpty(geoCountry))
923           {
924             langUrl += $"?geo={geoCountry}";
925           }
926           
927           <a class="float-left float-md-right dvp-language-region js-dvp-set-geo-ip-country" title="@title" href="@langUrl">
928             <span class="d-inline-block">@lang</span>
929           </a>
930         }
931         
932         if (currentArea.ID == 109 || currentArea.ID == 107 || currentArea.ID == 112)
933         {
934           string title = "German";
935           string title2 = "Français";
936           string title3 = "Italian";
937           
938           string url = "DE";
939           string url2 = "FR";
940           string url3 = "IT";
941           
942           string langUrl = "https://www.dechra.ch/";
943           string langUrl2 = "https://fr.dechra.ch/";
944           string langUrl3 = "https://it.dechra.ch/";
945     
946           if (!string.IsNullOrEmpty(geoCountry))
947           {
948             langUrl += $"?geo={geoCountry}";
949           }
950           
951           
952           <a class="float-left float-md-right dvp-language-region js-dvp-set-geo-ip-country " title="@title" href="@langUrl">
953             <span class="d-inline-block">@url</span>
954           </a>
955           <a class="float-left float-md-right dvp-language-region js-dvp-set-geo-ip-country" title="@title2" href="@langUrl2">
956             <span class="d-inline-block">@url2</span>
957           </a>
958           <a class="float-left float-md-right dvp-language-region js-dvp-set-geo-ip-country " title="@title3" href="@langUrl3">
959             <span class="d-inline-block">@url3</span>
960           </a>
961         }
962       }
963       
964     
965     
966       <a class="dropdown-toggle float-left float-md-right" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
967         <span class="d-inline-block dvp-flag-icon dvp-flag-icon-20"><img src="/Files/Images/Icons/Flags/@(currentFlag).svg" alt="@currentFlag"></span>
968       </a>
969       <div class="dropdown-menu dropdown-menu-right p-0" aria-labelledby="dropdownMenuLink">
970         <div class="row m-0">
971           @LanguageSelector()
972         </div>
973         <div class="row pt-1 pb-1 m-0 border border-bottom-0 border-left-0 border-right-0">
974           <div class="col-12 px-2 small">
975             <small>
976               @Translate("By clicking a flag you will be leaving this country website to access another site in the Dechra group not applicable to your territory and which may have different legislation", "By clicking a flag you will be leaving this country website to access another site in the Dechra group not applicable to your territory and which may have different legislation")
977             </small>
978           </div>
979         </div>
980       </div>
981     </div>
982     
983                     </div>
984                   </div>
985                 </div>
986               </section>
987             }
988             @if( Espresso.Area.Item.HideCustomerServiceBar != "True" ){
989               <section class="e-section dvp-footer-custom-customerservice p-section-txt-light">
990                 <div class="container-fluid">
991                   <div class="row">
992                     <div class="col-12 col-md-8 dvp-footer-custom-supportinfo">
993                       <div class="flex-container">
994                         <div class="flex-item">
995                           <h3>@Translate("Customer Service","Customer Service")</h3>
996                         </div>
997                         <div class="flex-item">
998                           <small>@Translate("For further information please contact our Customer Services Team","For further information please contact our Customer Services Team")</small>
999                         </div>
1000                       </div>
1001                     </div>
1002                     <div class="col-12 col-md-4 mt-2 mt-md-0 text-md-right dvp-footer-custom-phonenumber">
1003                       @if(!string.IsNullOrEmpty(generalInquiryPage))
1004                       {
1005                         <a href="/Default.aspx?ID=@generalInquiryPage" class="btn btn-sm btn-secondary">@Translate("Submit an electronic inquiry","Submit an electronic inquiry")</a>
1006                       }
1007                       @if(Espresso.Area.Item.HideCustomerServicePhone != "True")
1008                       {
1009                         <br class="d-sm-none"> @Translate("or call:","or call:") 
1010                         @Translate("CustomerServiceNumber","01939 211200")
1011                       }
1012                     </div>
1013                   </div>
1014                 </div>
1015               </section>
1016             }
1017     
1018             <section class="e-footer-content e-section dvp-footer-custom-main">
1019               <div class="container-fluid">
1020                 <div class="row">
1021                   @if ( !string.IsNullOrEmpty( Espresso.Area.Item.FooterPageId ) )
1022                   {
1023                     @RenderPageContent( int.Parse( Espresso.Area.Item.FooterPageId ) )
1024                   }
1025                 </div>
1026               </div>
1027             </section>
1028     
1029           <section class="e-footer-copyright e-section">
1030             <div class="container-fluid">
1031               <div class="row">
1032                 <div class="col-12">
1033                   @if( string.IsNullOrEmpty( GetString("DwNavigation(dwnavutilitiessecondaryfooter)") ) == false ){
1034                     <aside class="e-nav-utilities-secondary">
1035                       <ul class="nav nav-inline">
1036                         @GetValue("DwNavigation(dwnavutilitiessecondaryfooter)")
1037                       </ul>
1038                     </aside>
1039                   }
1040                 </div>
1041               </div>
1042             </div>
1043           </section>
1044         </article>
1045       </footer>
1046     }
1047     
1048     </div>
1049     @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>>
1050     
1051     @using System.Web;
1052     @using Dynamicweb.Frontend;
1053     @using Dynamicweb.Content;
1054     
1055     @helper signIn()
1056     {
1057         PageView currentPageView = PageView.Current();
1058         Area area = currentPageView.Area;
1059     
1060         string redirectToFrontpage = string.Empty;
1061     
1062         if(HttpContext.Current.Request.QueryString["RecoveryToken"] != null)
1063         {
1064             redirectToFrontpage = "/";
1065         }
1066     
1067         string signUpPage = area.Item["SignUpPage"].ToString();
1068     
1069         string azureAuthenticationSignUpSignInPolicyId = area.Item["SignUpSignInPolicyId"].ToString();
1070         
1071     
1072         string forgotPasswordPage = area.Item["ForgotPasswordPage"].ToString();
1073     
1074         <div class="col-12 col-xl-6 mt-3 d-flex">
1075             <div class="w-100 px-2 py-2 px-lg-5 py-lg-3 bg-light">
1076                 <h3 class="pb-1"><i class="material-icons">lock</i> @Translate("Sign in to your Dechra account", "Sign in to your Dechra account")</h3>
1077     
1078                 @if(!string.IsNullOrEmpty(azureAuthenticationSignUpSignInPolicyId))
1079                 {
1080                     <p>
1081                         <a class="btn btn-primary" href="/Admin/Public/Social/ExternalLogin.aspx?action=login&providerID=1">@Translate("Sign in", "Sign in")</a>
1082                     </p>
1083                 }
1084                 else
1085                 {
1086                     <form method="post" action="@redirectToFrontpage" name="ExtUserForm">
1087                         <div class="row">
1088                             <div class="col-12 form-fields">
1089                                 <input maxlength="250" class="form-control required" placeholder='@Translate("Username", "Username")' name="Username" type="text" value="">
1090                             </div>
1091                             <div class="col-12 form-fields">
1092                                 <input maxlength="250" class="form-control required" placeholder='@Translate("Password", "Password")' type="password" name="Password" value="">
1093                             </div>
1094                         </div>
1095                         <div class="row pt-2">
1096                             <div class="col-12 pb-1 d-flex flex-wrap align-items-center justify-content-between">
1097                                 <a class="small" href="/Default.aspx?ID=@forgotPasswordPage&LoginAction=Recovery">@Translate("Forgot your password?", "Forgot your password?")</a> <button class="btn btn-primary" type="submit">@Translate("Sign in", "Sign in")</button>
1098                             </div>
1099                         </div>
1100                     </form>
1101                 }
1102             </div>
1103         </div>
1104     
1105         <div class="col-12 col-xl-6 mt-3 d-flex">
1106             <div class="w-100 px-2 py-2 px-lg-5 py-lg-3 bg-light">
1107                 <h3><i class="material-icons">account_box</i> @Translate("Don't have an account yet?", "Don't have an account yet?")</h3>
1108                 <div class="row">
1109                     <div class="col-12 small">
1110                         <p class="mb-1">@Translate("Sign up now to access:", "Sign up now to access:")</p>
1111                         <ul>
1112                             <li>@Translate("Complete product and disease information", "Complete product and disease information")</li>
1113                             <li>@Translate("Free support materials, videos and webcasts", "Free support materials, videos and webcasts")</li>
1114                             <li>@Translate("Dechra Academy: Our FREE eLearning platform", "Dechra Academy: Our FREE eLearning platform")</li>
1115                         </ul>
1116                     </div>
1117                 </div> 
1118                 <div class="row">
1119                     <div class="col-12 text-right">
1120                         <a class="btn btn-cta" href="/Default.aspx?ID=@signUpPage">@Translate("Sign up", "Sign up")</a>
1121                     </div>
1122                 </div>  
1123             </div>   
1124         </div>
1125     }
1126     
1127     <div class="modal fade dvp-login-modal">
1128         <div class="modal-dialog">
1129             <div class="modal-content">
1130                 <div class="modal-body px-2 py-2 py-lg-5 py-xl-4">
1131                     <button type="button" class="close" data-dismiss="modal">
1132                       <i class="material-icons">close</i>
1133                     </button>
1134                     <div class="container">
1135                         @if(!string.IsNullOrEmpty(GetString("DW_extranet_error_uk")))
1136                         {
1137                             <div class="row js-dvp-login-modal-error">
1138                                 <div class="col-12">
1139                                     <div class="px-2 py-2 px-lg-5 py-lg-2 mt-3 mt-md-2 mt-lg-0 mt-xl-1 text-center bg-danger">
1140                                         <h3 class="text-white m-0">@Translate("LoginErrorHeader","Error")</h3>
1141                                         <p class="text-white m-0">@Translate("LoginErrorText","Incorrect username or password.")</p>
1142                                     </div>
1143                                 </div>
1144                             </div>
1145                         }
1146                         <div class="row js-dvp-login-modal-premium-content d-none">
1147                             <div class="col-12">
1148                                 <div class="px-2 py-2 px-lg-5 py-lg-2 mt-3 mt-md-2 mt-lg-0 mt-xl-1 text-center bg-primary">
1149                                     <h3 class="text-white m-0">@Translate("LoginRequiredPremiumContentHeader","Premium content")</h3>
1150                                     <p class="text-white m-0">@Translate("LoginRequiredPremiumContentText","This information is only for vets. Login or create an account to gain access to this and a lot more.")</p>
1151                                 </div>
1152                             </div>
1153                         </div>
1154                         <div class="row">
1155                             @signIn()
1156                         </div>
1157                     </div>
1158                 </div>   
1159             </div>
1160         </div>
1161     </div>
1162     @if( Espresso.Area.Item.Search == "True" ){
1163     
1164     <div class="modal fade e-search js-e-search js-e-search-modal modal-fullscreen" data-backdrop="false" data-keyboard="true" data-focus="true">
1165       <div class="modal-dialog">
1166         <div class="modal-content">
1167           <div class="modal-header">
1168             <div class="container-fluid">
1169               <div class="row align-items-center">
1170                 <div class="col-6">
1171                   <a class="btn btn-sm btn-secondary js-e-back-link arrow-left" href="/" data-dismiss="modal">
1172                     @Translate("Search - Back button", "Back")
1173                   </a>
1174                 </div>
1175                 <div class="col-6">
1176                   <div class="e-logo mr-0 float-right">
1177                     <a href="/" class="e-logo-link my-0">
1178                       <img src="@Logo" class="e-logo-img e-logo-img-primary" alt="@Tagline">
1179                     </a>
1180                   </div>
1181                 </div>
1182               </div>
1183             </div>
1184           </div>
1185           <div class="modal-body">
1186             <div class="container-fluid">
1187               <div class="row align-items-center dvp-no-overlay">
1188     
1189                 <div class="col-12 col-md-3 order-2 order-md-1">
1190                   <p class="e-search-result-info h3 m-0 mt-1 mt-md-0">
1191                     <span class="js-dvp-search-result-success d-none">
1192                       <span class="js-e-search-result-count">0</span> @Translate("Search - Result Count - Text", "results")
1193                     </span>
1194                     <span class="js-dvp-search-result-loading dvp-search-result-loading">
1195                       <span class="dvp-loading-spinner"></span> @Translate("Search - Result Loading - Text", "Searching...")
1196                     </span>
1197                   </p>
1198                 </div>
1199     
1200                 <div class="col-12 col-md-9 order-1 order-md-2">
1201                   <form action="" class="e-search-form js-e-search-form">
1202                     <div class="js-e-search-input-group e-search-input-group is-empty">
1203                       <label class="e-search-label" for="e-search-input"><i class="material-icons">search</i></label>
1204                       <input type="text" class="js-e-search-input e-search-input form-control-plaintext" name="q" id="e-search-input" placeholder='@Translate("Search - Input Placeholder - Text", "Search")'>
1205                       <span class="js-e-search-clear e-search-clear"><i class="material-icons">close</i></span>
1206                       <button class="e-search-submit btn btn-primary" type="submit"><i class="material-icons pa-0">search</i></button>
1207                     </div>
1208                   </form>
1209                 </div>
1210               </div>
1211     
1212               <div class="js-e-search-result-container e-search-result-container">
1213                 <div class="row">
1214                   <div class="col-12 col-md-3">
1215                     <div class="e-search-form-container pt-4">
1216     
1217                         <div class="col-12 p-1 mb-1 dvp-quicknav-header"><p class="mb-0 font-weight-bold">@Translate("Search result shortcuts","Search result shortcuts")</p></div>
1218                       <div class="col-12 px-0">
1219                         <div class="list-group font-weight-bold js-dvp-search-menu">
1220     
1221                           <a href="javascript:void(0);" data-scrollto="dvp-scroll-to-products" class="px-1 list-group-item list-group-item-action text-primary d-none">
1222                             <span class="align-middle">@Translate("Products","Products") <em>(<span class="js-e-search-product-count">0</span>)</em></span>
1223                           </a>
1224     
1225                           <a href="javascript:void(0);" data-scrollto="dvp-scroll-to-therapyarea" class="px-1 list-group-item list-group-item-action text-primary d-none">
1226                             <span class="align-middle">@Translate("Therapy Areas","Therapy Areas") <em>(<span class="js-e-search-therapyarea-count">0</span>)</em></span>
1227                           </a>
1228     
1229                           <a href="javascript:void(0);" data-scrollto="dvp-scroll-to-supportmaterials" class="px-1 list-group-item list-group-item-action text-primary d-none">
1230                             <span class="align-middle">@Translate("Supplementary Materials","Supplementary Materials") <em>(<span class="js-e-search-supportmaterials-count">0</span>)</em></span>
1231                           </a>
1232     
1233                           <a href="javascript:void(0);" data-scrollto="dvp-scroll-to-videos" class="px-1 list-group-item list-group-item-action text-primary d-none">
1234                             <span class="align-middle">@Translate("Videos","Videos") <em>(<span class="js-e-search-videos-count">0</span>)</em></span>
1235                           </a>
1236     
1237                           <a href="javascript:void(0);" data-scrollto="dvp-scroll-to-elearning" class="px-1 list-group-item list-group-item-action text-primary d-none">
1238                             <span class="align-middle">@Translate("Academy Courses","Academy Courses") <em>(<span class="js-e-search-elearning-count">0</span>)</em></span>
1239                           </a>
1240     
1241                           <a href="javascript:void(0);" data-scrollto="dvp-scroll-to-events" class="px-1 list-group-item list-group-item-action text-primary d-none">
1242                             <span class="align-middle">@Translate("Upcoming Events","Upcoming Events") <em>(<span class="js-e-search-events-count">0</span>)</em></span>
1243                           </a>
1244     
1245                           <a href="javascript:void(0);" data-scrollto="dvp-scroll-to-faq" class="px-1 list-group-item list-group-item-action text-primary d-none">
1246                             <span class="align-middle">@Translate("Frequent Product Questions","Frequent Product Questions") <em>(<span class="js-e-search-faq-count">0</span>)</em></span>
1247                           </a>
1248     
1249                           <a href="javascript:void(0);" data-scrollto="dvp-scroll-to-news" class="px-1 list-group-item list-group-item-action text-primary d-none">
1250                             <span class="align-middle">@Translate("News","News") <em>(<span class="js-e-search-news-count">0</span>)</em></span>
1251                           </a>
1252     
1253                           <a href="javascript:void(0);" data-scrollto="dvp-scroll-to-content" class="px-1 list-group-item list-group-item-action text-primary d-none">
1254                             <span class="align-middle">@Translate("Content","Content") <em>(<span class="js-e-search-page-count">0</span>)</em></span>
1255                           </a>
1256     
1257                         </div>
1258                       </div>
1259                       <div class="col-12 pt-1">
1260                         <a class="btn btn-sm btn-secondary js-e-back-link arrow-left" href="/" data-dismiss="modal">
1261                           @Translate( "Search - Back button", "Back" )
1262                         </a>
1263                       </div>
1264     
1265                     </div>
1266                   </div>
1267                   <div class="col-12 col-md-9 mt-3 mt-md-4">
1268     
1269     
1270                         <div id="dvp-scroll-to-products" class="js-e-search-result-products e-search-result-products is-empty mb-6">
1271                           <div class="row">
1272                             <div class="col-12">
1273                               <div class="pb-1 dvp-search-subject-header">
1274                                 <p class="h3 mb-0"><i class="material-icons">apps</i> <span class="align-middle small ml-1">@Translate("Products","Products")</span><span class="align-middle small text-muted"> <em>(<span class="js-e-search-product-count">0</span>)</em> </span></p>
1275                               </div>
1276                             </div>
1277                           </div>
1278                           <div class="js-dvp-search-result-products-restricted mb-4">
1279                               <script id="js-e-handlebars-tmpl-dvp-search-result-item-product-restricted" type="text/x-handlebars-template">
1280                                 <div class="row pb-1">
1281                                     <div class="col-12 px-2 pt-4 text-center">
1282                                       <p class="mb-1 mt-3 lead text-black font-italic">@Translate("Our products are intended for healthcare professionals only.", "Our products are intended for healthcare professionals only.")</p>
1283                                       <p class="mb-0"><a class="js-dvp-extranet-login btn btn-cta btn-sm" href="javascript:void(0);"><i class="material-icons">lock_outline</i> @Translate("Sign in","Sign in")</a></p>
1284                                     </div>
1285                                 </div>
1286                               </script>
1287                           </div>
1288                           <div class="js-dvp-search-result-products-prescription mb-4">
1289                             <script id="js-e-handlebars-tmpl-dvp-search-result-item-product-prescription" type="text/x-handlebars-template">
1290                               <div class="e-products">
1291                                 <div class="row">
1292                                   <div class="col-12">
1293                                     <h4 class="py-1 mb-0 mt-1 bg-blue-light text-white text-center">@Translate("Prescription Only Products","Prescription Only Products")</h4>
1294                                   </div>
1295                                 </div>
1296                                 <div class="row">
1297                                   {{#each products}}
1298                                   <div class="col-12 col-md-4 mt-2 d-flex">
1299                                     <div class="e-products-item border">
1300                                       <div class="e-products-item-container">
1301                                           <a href="{{url}}" class="js-search-tracking" data-tracking="{{{trackingName}}} - click">
1302                                             <div class="col-12 dvp-image-container text-center">
1303                                               <img src="{{imageLarge}}" alt="{{{trackingName}}}">
1304                                             </div>
1305                                             <div class="col-12 text-center">
1306                                               <p class="mb-0 px-1">
1307                                                 {{{displayName}}}
1308                                               </p>
1309                                             </div>
1310                                           </a>
1311                                           <div class="col-12 text-center">
1312                                             <div class="is-visible-on-hover">
1313                                               <p class="e-products-item-text mb-0 mt-2 small">
1314                                                 {{#if datasheet}}
1315                                                   {{#if showDatasheet}}
1316                                                   	<a target="_blank" data-tracking="{{{trackingName}}} - datasheet" class="btn btn-sm btn-secondary mx-1 mb-1 small js-search-tracking" href="{{datasheet}}" title="@Translate("Datasheet","Datasheet")">
1317                                                       <span class="text-truncate">@Translate("Datasheet","Datasheet")</span> <i class="material-icons">get_app</i>
1318                                                     </a>
1319                                                   {{else}}
1320                                                   	<a class="js-dvp-extranet-login btn btn-sm btn-danger mx-1 mb-1 small" href="javascript:void(0);" title="@Translate("Login to download","Login to download")">
1321                                                       <span class="text-truncate">@Translate("Datasheet", "Datasheet")</span> <i class="material-icons">lock_outline</i>
1322                                                   	</a>
1323                                                   {{/if}}
1324                                                 {{/if}}
1325                                                 {{#if packInsert}}
1326                                                   {{#if showPackInsert}}
1327                                                   	<a target="_blank" data-tracking="{{{trackingName}}} - pack insert" class="btn btn-sm btn-secondary mx-1 mb-1 small js-search-tracking" href="{{packInsert}}" title="@Translate("Pack Insert","Pack Insert")">
1328                                                       <span class="text-truncate">@Translate("Pack Insert","Pack Insert")</span> <i class="material-icons">get_app</i>
1329                                                     </a>
1330                                                   {{else}}
1331                                                   	<a class="js-dvp-extranet-login btn btn-sm btn-danger mx-1 mb-1 small" href="javascript:void(0);" title="@Translate("Login to download","Login to download")">
1332                                                       <span class="text-truncate">@Translate("Pack Insert", "Pack Insert")</span> <i class="material-icons">lock_outline</i>
1333                                                   	</a>
1334                                                   {{/if}}
1335                                                 {{/if}}
1336                                                 {{#if SPC}}
1337                                                   {{#if showSPC}}
1338                                                     <a target="_blank" data-tracking="{{{trackingName}}} - spc" class="btn btn-sm btn-secondary mx-1 mb-1 small js-search-tracking" href="{{SPC}}" title="@Translate("SPC","SPC")">
1339                                                       <span class="text-truncate">@Translate("SPC","SPC")</span> <i class="material-icons">get_app</i>
1340                                                     </a>
1341                                                   {{else}}
1342                                                   	<a class="js-dvp-extranet-login btn btn-sm btn-danger mx-1 mb-1 small" href="javascript:void(0);" title="@Translate("Login to download","Login to download")">
1343                                                       <span class="text-truncate">@Translate("SPC", "SPC")</span> <i class="material-icons">lock_outline</i>
1344                                                   	</a>
1345                                                   {{/if}}
1346                                                 {{/if}}
1347                                                 {{#if MSDS}}
1348                                                   {{#if showMSDS}}
1349                                                     <a target="_blank" data-tracking="{{{trackingName}}} - msds" class="btn btn-sm btn-secondary mx-1 mb-1 small js-search-tracking" href="{{MSDS}}" title="@Translate("MSDS","MSDS")">
1350                                                       <span class="text-truncate">@Translate("MSDS","MSDS")</span> <i class="material-icons">get_app</i>
1351                                                     </a>
1352                                                   {{else}}
1353                                                   	<a class="js-dvp-extranet-login btn btn-sm btn-danger mx-1 mb-1 small" href="javascript:void(0);" title="@Translate("Login to download","Login to download")">
1354                                                       <span class="text-truncate">@Translate("MSDS", "MSDS")</span> <i class="material-icons">lock_outline</i>
1355                                                   	</a>
1356                                                   {{/if}}
1357                                                 {{/if}}
1358                                               </p>
1359                                             </div>
1360                                           </div>
1361                                       </div>
1362                                     </div>
1363                                   </div>
1364                                   {{/each}}
1365                                 </div>
1366                                 <p class="js-e-search-products-show-all mt-2 text-center">
1367                                   <a href="javascript:void(0);" class="btn btn-primary border px-2 px-md-6">@Translate("Show more products","Show more products") ({{showMoreCount}})</a>
1368                                 </p>
1369                               </div>
1370                             </script>
1371                           </div>
1372     
1373                           <div class="js-dvp-search-result-products-nonprescription mb-4">
1374                             <script id="js-e-handlebars-tmpl-dvp-search-result-item-product-nonprescription" type="text/x-handlebars-template">
1375                               <div class="e-products">
1376                                 <div class="row">
1377                                   <div class="col-12">
1378                                     <h4 class="py-1 mb-0 mt-1 bg-blue-light text-white text-center">@Translate("Non Prescription Products","Non Prescription Products")</h4>
1379                                   </div>
1380                                 </div>
1381                                 <div class="row">
1382                                   {{#each products}}
1383                                   <div class="col-12 col-md-4 mt-2 d-flex">
1384                                     <div class="e-products-item border">
1385                                       <div class="e-products-item-container">
1386                                           <a href="{{url}}" class="js-search-tracking" data-tracking="{{{trackingName}}} - click">
1387                                             <div class="col-12 dvp-image-container text-center">
1388                                               <img src="{{imageLarge}}" alt="{{{trackingName}}}">
1389                                             </div>
1390                                             <div class="col-12 text-center">
1391                                               <p class="mb-0 px-1">{{{displayName}}}</p>
1392                                             </div>
1393                                           </a>
1394                                           <div class="col-12 text-center">
1395                                             <div class="is-visible-on-hover">
1396                                               <p class="e-products-item-text mb-0 mt-2 small">
1397                                                 {{#if datasheet}}
1398                                                   {{#if showDatasheet}}
1399                                                     <a target="_blank" data-tracking="{{{trackingName}}} - datasheet" class="btn btn-sm btn-secondary mx-1 mb-1 small js-search-tracking" href="{{datasheet}}" title="@Translate("Datasheet","Datasheet")">
1400                                                       <span class="text-truncate">@Translate("Datasheet","Datasheet")</span> <i class="material-icons">get_app</i>
1401                                                     </a>
1402                                                   {{else}}
1403                                                     <a class="js-dvp-extranet-login btn btn-sm btn-danger mx-1 mb-1 small" href="javascript:void(0);" title="@Translate("Login to download","Login to download")">
1404                                                       <span class="text-truncate">@Translate("Datasheet", "Datasheet")</span> <i class="material-icons">lock_outline</i>
1405                                                     </a>
1406                                                   {{/if}}
1407                                                 {{/if}}
1408                                                 {{#if packInsert}}
1409                                                   {{#if showPackInsert}}
1410                                                     <a target="_blank" data-tracking="{{{trackingName}}} - pack insert" class="btn btn-sm btn-secondary mx-1 mb-1 small js-search-tracking" href="{{packInsert}}" title="@Translate("Pack Insert","Pack Insert")">
1411                                                       <span class="text-truncate">@Translate("Pack Insert","Pack Insert")</span> <i class="material-icons">get_app</i>
1412                                                     </a>
1413                                                   {{else}}
1414                                                     <a class="js-dvp-extranet-login btn btn-sm btn-danger mx-1 mb-1 small" href="javascript:void(0);" title="@Translate("Login to download","Login to download")">
1415                                                       <span class="text-truncate">@Translate("Pack Insert", "Pack Insert")</span> <i class="material-icons">lock_outline</i>
1416                                                     </a>
1417                                                   {{/if}}
1418                                                 {{/if}}
1419                                                 {{#if SPC}}
1420                                                   {{#if showSPC}}
1421                                                     <a target="_blank" data-tracking="{{{trackingName}}} - spc" class="btn btn-sm btn-secondary mx-1 mb-1 small js-search-tracking" href="{{SPC}}" title="@Translate("SPC","SPC")">
1422                                                       <span class="text-truncate">@Translate("SPC","SPC")</span> <i class="material-icons">get_app</i>
1423                                                     </a>
1424                                                   {{else}}
1425                                                     <a class="js-dvp-extranet-login btn btn-sm btn-danger mx-1 mb-1 small" href="javascript:void(0);" title="@Translate("Login to download","Login to download")">
1426                                                       <span class="text-truncate">@Translate("SPC", "SPC")</span> <i class="material-icons">lock_outline</i>
1427                                                     </a>
1428                                                   {{/if}}
1429                                                 {{/if}}
1430                                                 {{#if MSDS}}
1431                                                   {{#if showMSDS}}
1432                                                     <a target="_blank" data-tracking="{{{trackingName}}} - msds" class="btn btn-sm btn-secondary mx-1 mb-1 small js-search-tracking" href="{{MSDS}}" title="@Translate("MSDS","MSDS")">
1433                                                       <span class="text-truncate">@Translate("MSDS","MSDS")</span> <i class="material-icons">get_app</i>
1434                                                     </a>
1435                                                   {{else}}
1436                                                     <a class="js-dvp-extranet-login btn btn-sm btn-danger mx-1 mb-1 small" href="javascript:void(0);" title="@Translate("Login to download","Login to download")">
1437                                                       <span class="text-truncate">@Translate("MSDS", "MSDS")</span> <i class="material-icons">lock_outline</i>
1438                                                     </a>
1439                                                   {{/if}}
1440                                                 {{/if}}
1441                                               </p>
1442                                             </div>
1443                                           </div>
1444                                       </div>
1445                                     </div>
1446                                   </div>
1447                                   {{/each}}
1448                                 </div>
1449                                 <p class="js-e-search-products-show-all mt-2 text-center">
1450                                   <a href="javascript:void(0);" class="btn btn-primary border px-2 px-md-6">@Translate("Show more products","Show more products") ({{showMoreCount}})</a>
1451                                 </p>
1452                               </div>
1453                             </script>
1454                           </div>
1455     
1456                           <div class="js-dvp-search-result-products-pharmacyonly mb-4">
1457                             <script id="js-e-handlebars-tmpl-dvp-search-result-item-product-pharmacyonly" type="text/x-handlebars-template">
1458                               <div class="e-products">
1459                                 <div class="row">
1460                                   <div class="col-12">
1461                                     <h4 class="py-1 mb-0 mt-1 bg-blue-light text-white text-center">@Translate("Pharmacy Only Products","Pharmacy Only Products")</h4>
1462                                   </div>
1463                                 </div>
1464                                 <div class="row">
1465                                   {{#each products}}
1466                                   <div class="col-12 col-md-4 mt-2 d-flex">
1467                                     <div class="e-products-item border">
1468                                       <div class="e-products-item-container">
1469                                           <a href="{{url}}" class="js-search-tracking" data-tracking="{{{trackingName}}} - click">
1470                                             <div class="col-12 dvp-image-container text-center">
1471                                               <img src="{{imageLarge}}" alt="{{{trackingName}}}">
1472                                             </div>
1473                                             <div class="col-12 text-center">
1474                                               <p class="mb-0 px-1">
1475                                                 {{{displayName}}}
1476                                               </p>
1477                                             </div>
1478                                           </a>
1479                                           <div class="col-12 text-center">
1480                                             <div class="is-visible-on-hover">
1481                                               <p class="e-products-item-text mb-0 mt-2 small">
1482                                                 {{#if datasheet}}
1483                                                   {{#if showDatasheet}}
1484                                                     <a target="_blank" data-tracking="{{{trackingName}}} - datasheet" class="btn btn-sm btn-secondary mx-1 mb-1 small js-search-tracking" href="{{datasheet}}" title="@Translate("Datasheet","Datasheet")">
1485                                                       <span class="text-truncate">@Translate("Datasheet","Datasheet")</span> <i class="material-icons">get_app</i>
1486                                                     </a>
1487                                                   {{else}}
1488                                                     <a class="js-dvp-extranet-login btn btn-sm btn-danger mx-1 mb-1 small" href="javascript:void(0);" title="@Translate("Login to download","Login to download")">
1489                                                       <span class="text-truncate">@Translate("Datasheet", "Datasheet")</span> <i class="material-icons">lock_outline</i>
1490                                                     </a>
1491                                                   {{/if}}
1492                                                 {{/if}}
1493                                                 {{#if packInsert}}
1494                                                   {{#if showPackInsert}}
1495                                                     <a target="_blank" data-tracking="{{{trackingName}}} - pack insert" class="btn btn-sm btn-secondary mx-1 mb-1 small js-search-tracking" href="{{packInsert}}" title="@Translate("Pack Insert","Pack Insert")">
1496                                                       <span class="text-truncate">@Translate("Pack Insert","Pack Insert")</span> <i class="material-icons">get_app</i>
1497                                                     </a>
1498                                                   {{else}}
1499                                                     <a class="js-dvp-extranet-login btn btn-sm btn-danger mx-1 mb-1 small" href="javascript:void(0);" title="@Translate("Login to download","Login to download")">
1500                                                       <span class="text-truncate">@Translate("Pack Insert", "Pack Insert")</span> <i class="material-icons">lock_outline</i>
1501                                                     </a>
1502                                                   {{/if}}
1503                                                 {{/if}}
1504                                                 {{#if SPC}}
1505                                                   {{#if showSPC}}
1506                                                     <a target="_blank" data-tracking="{{{trackingName}}} - spc" class="btn btn-sm btn-secondary mx-1 mb-1 small js-search-tracking" href="{{SPC}}" title="@Translate("SPC","SPC")">
1507                                                       <span class="text-truncate">@Translate("SPC","SPC")</span> <i class="material-icons">get_app</i>
1508                                                     </a>
1509                                                   {{else}}
1510                                                     <a class="js-dvp-extranet-login btn btn-sm btn-danger mx-1 mb-1 small" href="javascript:void(0);" title="@Translate("Login to download","Login to download")">
1511                                                       <span class="text-truncate">@Translate("SPC", "SPC")</span> <i class="material-icons">lock_outline</i>
1512                                                     </a>
1513                                                   {{/if}}
1514                                                 {{/if}}
1515                                                 {{#if MSDS}}
1516                                                   {{#if showMSDS}}
1517                                                     <a target="_blank" data-tracking="{{{trackingName}}} - msds" class="btn btn-sm btn-secondary mx-1 mb-1 small js-search-tracking" href="{{MSDS}}" title="@Translate("MSDS","MSDS")">
1518                                                       <span class="text-truncate">@Translate("MSDS","MSDS")</span> <i class="material-icons">get_app</i>
1519                                                     </a>
1520                                                   {{else}}
1521                                                     <a class="js-dvp-extranet-login btn btn-sm btn-danger mx-1 mb-1 small" href="javascript:void(0);" title="@Translate("Login to download","Login to download")">
1522                                                       <span class="text-truncate">@Translate("MSDS", "MSDS")</span> <i class="material-icons">lock_outline</i>
1523                                                     </a>
1524                                                   {{/if}}
1525                                                 {{/if}}
1526                                               </p>
1527                                             </div>
1528                                           </div>
1529                                       </div>
1530                                     </div>
1531                                   </div>
1532                                   {{/each}}
1533                                 </div>
1534                                 <p class="js-e-search-products-show-all mt-2 text-center">
1535                                   <a href="javascript:void(0);" class="btn btn-primary border px-2 px-md-6">@Translate("Show more products","Show more products") ({{showMoreCount}})</a>
1536                                 </p>
1537                               </div>
1538                             </script>
1539                           </div>
1540     
1541                           <div class="js-dvp-search-result-products-controlleddrug mb-4">
1542                             <script id="js-e-handlebars-tmpl-dvp-search-result-item-product-controlleddrug" type="text/x-handlebars-template">
1543                               <div class="e-products">
1544                                 <div class="row">
1545                                   <div class="col-12">
1546                                     <h4 class="py-1 mb-0 mt-1 bg-blue-light text-white text-center">@Translate("Controlled Drug Products","Controlled Drug Products")</h4>
1547                                   </div>
1548                                 </div>
1549                                 <div class="row">
1550                                   {{#each products}}
1551                                   <div class="col-12 col-md-4 mt-2 d-flex">
1552                                     <div class="e-products-item border">
1553                                       <div class="e-products-item-container">
1554                                           <a href="{{url}}" class="js-search-tracking" data-tracking="{{{trackingName}}} - click">
1555                                             <div class="col-12 dvp-image-container text-center">
1556                                               <img src="{{imageLarge}}" alt="{{{trackingName}}}">
1557                                             </div>
1558                                             <div class="col-12 text-center">
1559                                               <p class="mb-0 px-1">
1560                                                 {{{displayName}}}
1561                                               </p>
1562                                             </div>
1563                                           </a>
1564                                           <div class="col-12 text-center">
1565                                             <div class="is-visible-on-hover">
1566                                               <p class="e-products-item-text mb-0 mt-2 small">
1567                                                 {{#if datasheet}}
1568                                                   {{#if showDatasheet}}
1569                                                     <a target="_blank" data-tracking="{{{trackingName}}} - datasheet" class="btn btn-sm btn-secondary mx-1 mb-1 small js-search-tracking" href="{{datasheet}}" title="@Translate("Datasheet","Datasheet")">
1570                                                       <span class="text-truncate">@Translate("Datasheet","Datasheet")</span> <i class="material-icons">get_app</i>
1571                                                     </a>
1572                                                   {{else}}
1573                                                     <a class="js-dvp-extranet-login btn btn-sm btn-danger mx-1 mb-1 small" href="javascript:void(0);" title="@Translate("Login to download","Login to download")">
1574                                                       <span class="text-truncate">@Translate("Datasheet", "Datasheet")</span> <i class="material-icons">lock_outline</i>
1575                                                     </a>
1576                                                   {{/if}}
1577                                                 {{/if}}
1578                                                 {{#if packInsert}}
1579                                                   {{#if showPackInsert}}
1580                                                     <a target="_blank" data-tracking="{{{trackingName}}} - pack insert" class="btn btn-sm btn-secondary mx-1 mb-1 small js-search-tracking" href="{{packInsert}}" title="@Translate("Pack Insert","Pack Insert")">
1581                                                       <span class="text-truncate">@Translate("Pack Insert","Pack Insert")</span> <i class="material-icons">get_app</i>
1582                                                     </a>
1583                                                   {{else}}
1584                                                     <a class="js-dvp-extranet-login btn btn-sm btn-danger mx-1 mb-1 small" href="javascript:void(0);" title="@Translate("Login to download","Login to download")">
1585                                                       <span class="text-truncate">@Translate("Pack Insert", "Pack Insert")</span> <i class="material-icons">lock_outline</i>
1586                                                     </a>
1587                                                   {{/if}}
1588                                                 {{/if}}
1589                                                 {{#if SPC}}
1590                                                   {{#if showSPC}}
1591                                                     <a target="_blank" data-tracking="{{{trackingName}}} - spc" class="btn btn-sm btn-secondary mx-1 mb-1 small js-search-tracking" href="{{SPC}}" title="@Translate("SPC","SPC")">
1592                                                       <span class="text-truncate">@Translate("SPC","SPC")</span> <i class="material-icons">get_app</i>
1593                                                     </a>
1594                                                   {{else}}
1595                                                     <a class="js-dvp-extranet-login btn btn-sm btn-danger mx-1 mb-1 small" href="javascript:void(0);" title="@Translate("Login to download","Login to download")">
1596                                                       <span class="text-truncate">@Translate("SPC", "SPC")</span> <i class="material-icons">lock_outline</i>
1597                                                     </a>
1598                                                   {{/if}}
1599                                                 {{/if}}
1600                                                 {{#if MSDS}}
1601                                                   {{#if showMSDS}}
1602                                                     <a target="_blank" data-tracking="{{{trackingName}}} - msds" class="btn btn-sm btn-secondary mx-1 mb-1 small js-search-tracking" href="{{MSDS}}" title="@Translate("MSDS","MSDS")">
1603                                                       <span class="text-truncate">@Translate("MSDS","MSDS")</span> <i class="material-icons">get_app</i>
1604                                                     </a>
1605                                                   {{else}}
1606                                                     <a class="js-dvp-extranet-login btn btn-sm btn-danger mx-1 mb-1 small" href="javascript:void(0);" title="@Translate("Login to download","Login to download")">
1607                                                       <span class="text-truncate">@Translate("MSDS", "MSDS")</span> <i class="material-icons">lock_outline</i>
1608                                                     </a>
1609                                                   {{/if}}
1610                                                 {{/if}}
1611                                               </p>
1612                                             </div>
1613                                           </div>
1614                                       </div>
1615                                     </div>
1616                                   </div>
1617                                   {{/each}}
1618                                 </div>
1619                                 <p class="js-e-search-products-show-all mt-2 text-center">
1620                                   <a href="javascript:void(0);" class="btn btn-primary border px-2 px-md-6">@Translate("Show more products","Show more products") ({{showMoreCount}})</a>
1621                                 </p>
1622                               </div>
1623                             </script>
1624                           </div>
1625     
1626                           <div class="js-dvp-search-result-products-addictivesubstances mb-4">
1627                             <script id="js-e-handlebars-tmpl-dvp-search-result-item-product-addictivesubstances" type="text/x-handlebars-template">
1628                               <div class="e-products">
1629                                 <div class="row">
1630                                   <div class="col-12">
1631                                     <h4 class="py-1 mb-0 mt-1 bg-blue-light text-white text-center">@Translate("Addictive Substances Products","Addictive Substances Products")</h4>
1632                                   </div>
1633                                 </div>
1634                                 <div class="row">
1635                                   {{#each products}}
1636                                   <div class="col-12 col-md-4 mt-2 d-flex">
1637                                     <div class="e-products-item border">
1638                                       <div class="e-products-item-container">
1639                                           <a href="{{url}}" class="js-search-tracking" data-tracking="{{{trackingName}}} - click">
1640                                             <div class="col-12 dvp-image-container text-center">
1641                                               <img src="{{imageLarge}}" alt="{{{trackingName}}}">
1642                                             </div>
1643                                             <div class="col-12 text-center">
1644                                               <p class="mb-0 px-1">
1645                                                 {{{displayName}}}
1646                                               </p>
1647                                             </div>
1648                                           </a>
1649                                           <div class="col-12 text-center">
1650                                             <div class="is-visible-on-hover">
1651                                               <p class="e-products-item-text mb-0 mt-2 small">
1652                                                 {{#if datasheet}}
1653                                                   {{#if showDatasheet}}
1654                                                     <a target="_blank" data-tracking="{{{trackingName}}} - datasheet" class="btn btn-sm btn-secondary mx-1 mb-1 small js-search-tracking" href="{{datasheet}}" title="@Translate("Datasheet","Datasheet")">
1655                                                       <span class="text-truncate">@Translate("Datasheet","Datasheet")</span> <i class="material-icons">get_app</i>
1656                                                     </a>
1657                                                   {{else}}
1658                                                     <a class="js-dvp-extranet-login btn btn-sm btn-danger mx-1 mb-1 small" href="javascript:void(0);" title="@Translate("Login to download","Login to download")">
1659                                                       <span class="text-truncate">@Translate("Datasheet", "Datasheet")</span> <i class="material-icons">lock_outline</i>
1660                                                     </a>
1661                                                   {{/if}}
1662                                                 {{/if}}
1663                                                 {{#if packInsert}}
1664                                                   {{#if showPackInsert}}
1665                                                     <a target="_blank" data-tracking="{{{trackingName}}} - pack insert" class="btn btn-sm btn-secondary mx-1 mb-1 small js-search-tracking" href="{{packInsert}}" title="@Translate("Pack Insert","Pack Insert")">
1666                                                       <span class="text-truncate">@Translate("Pack Insert","Pack Insert")</span> <i class="material-icons">get_app</i>
1667                                                     </a>
1668                                                   {{else}}
1669                                                     <a class="js-dvp-extranet-login btn btn-sm btn-danger mx-1 mb-1 small" href="javascript:void(0);" title="@Translate("Login to download","Login to download")">
1670                                                       <span class="text-truncate">@Translate("Pack Insert", "Pack Insert")</span> <i class="material-icons">lock_outline</i>
1671                                                     </a>
1672                                                   {{/if}}
1673                                                 {{/if}}
1674                                                 {{#if SPC}}
1675                                                   {{#if showSPC}}
1676                                                     <a target="_blank" data-tracking="{{{trackingName}}} - spc" class="btn btn-sm btn-secondary mx-1 mb-1 small js-search-tracking" href="{{SPC}}" title="@Translate("SPC","SPC")">
1677                                                       <span class="text-truncate">@Translate("SPC","SPC")</span> <i class="material-icons">get_app</i>
1678                                                     </a>
1679                                                   {{else}}
1680                                                     <a class="js-dvp-extranet-login btn btn-sm btn-danger mx-1 mb-1 small" href="javascript:void(0);" title="@Translate("Login to download","Login to download")">
1681                                                       <span class="text-truncate">@Translate("SPC", "SPC")</span> <i class="material-icons">lock_outline</i>
1682                                                     </a>
1683                                                   {{/if}}
1684                                                 {{/if}}
1685                                                 {{#if MSDS}}
1686                                                   {{#if showMSDS}}
1687                                                     <a target="_blank" data-tracking="{{{trackingName}}} - msds" class="btn btn-sm btn-secondary mx-1 mb-1 small js-search-tracking" href="{{MSDS}}" title="@Translate("MSDS","MSDS")">
1688                                                       <span class="text-truncate">@Translate("MSDS","MSDS")</span> <i class="material-icons">get_app</i>
1689                                                     </a>
1690                                                   {{else}}
1691                                                     <a class="js-dvp-extranet-login btn btn-sm btn-danger mx-1 mb-1 small" href="javascript:void(0);" title="@Translate("Login to download","Login to download")">
1692                                                       <span class="text-truncate">@Translate("MSDS", "MSDS")</span> <i class="material-icons">lock_outline</i>
1693                                                     </a>
1694                                                   {{/if}}
1695                                                 {{/if}}
1696                                               </p>
1697                                             </div>
1698                                           </div>
1699                                       </div>
1700                                     </div>
1701                                   </div>
1702                                   {{/each}}
1703                                 </div>
1704                                 <p class="js-e-search-products-show-all mt-2 text-center">
1705                                   <a href="javascript:void(0);" class="btn btn-primary border px-2 px-md-6">@Translate("Show more products","Show more products") ({{showMoreCount}})</a>
1706                                 </p>
1707                               </div>
1708                             </script>
1709                           </div>
1710     
1711                           <div class="js-dvp-search-result-products-psychotropic mb-4">
1712                             <script id="js-e-handlebars-tmpl-dvp-search-result-item-product-psychotropic" type="text/x-handlebars-template">
1713                               <div class="e-products">
1714                                 <div class="row">
1715                                   <div class="col-12">
1716                                     <h4 class="py-1 mb-0 mt-1 bg-blue-light text-white text-center">@Translate("Psychotropic Products","Psychotropic Products")</h4>
1717                                   </div>
1718                                 </div>
1719                                 <div class="row">
1720                                   {{#each products}}
1721                                   <div class="col-12 col-md-4 mt-2 d-flex">
1722                                     <div class="e-products-item border">
1723                                       <div class="e-products-item-container">
1724                                           <a href="{{url}}" class="js-search-tracking" data-tracking="{{{trackingName}}} - click">
1725                                             <div class="col-12 dvp-image-container text-center">
1726                                               <img src="{{imageLarge}}" alt="{{{trackingName}}}">
1727                                             </div>
1728                                             <div class="col-12 text-center">
1729                                               <p class="mb-0 px-1">
1730                                                 {{{displayName}}}
1731                                               </p>
1732                                             </div>
1733                                           </a>
1734                                           <div class="col-12 text-center">
1735                                             <div class="is-visible-on-hover">
1736                                               <p class="e-products-item-text mb-0 mt-2 small">
1737                                                 {{#if datasheet}}
1738                                                   {{#if showDatasheet}}
1739                                                     <a target="_blank" data-tracking="{{{trackingName}}} - datasheet" class="btn btn-sm btn-secondary mx-1 mb-1 small js-search-tracking" href="{{datasheet}}" title="@Translate("Datasheet","Datasheet")">
1740                                                       <span class="text-truncate">@Translate("Datasheet","Datasheet")</span> <i class="material-icons">get_app</i>
1741                                                     </a>
1742                                                   {{else}}
1743                                                     <a class="js-dvp-extranet-login btn btn-sm btn-danger mx-1 mb-1 small" href="javascript:void(0);" title="@Translate("Login to download","Login to download")">
1744                                                       <span class="text-truncate">@Translate("Datasheet", "Datasheet")</span> <i class="material-icons">lock_outline</i>
1745                                                     </a>
1746                                                   {{/if}}
1747                                                 {{/if}}
1748                                                 {{#if packInsert}}
1749                                                   {{#if showPackInsert}}
1750                                                     <a target="_blank" data-tracking="{{{trackingName}}} - pack insert" class="btn btn-sm btn-secondary mx-1 mb-1 small js-search-tracking" href="{{packInsert}}" title="@Translate("Pack Insert","Pack Insert")">
1751                                                       <span class="text-truncate">@Translate("Pack Insert","Pack Insert")</span> <i class="material-icons">get_app</i>
1752                                                     </a>
1753                                                   {{else}}
1754                                                     <a class="js-dvp-extranet-login btn btn-sm btn-danger mx-1 mb-1 small" href="javascript:void(0);" title="@Translate("Login to download","Login to download")">
1755                                                       <span class="text-truncate">@Translate("Pack Insert", "Pack Insert")</span> <i class="material-icons">lock_outline</i>
1756                                                     </a>
1757                                                   {{/if}}
1758                                                 {{/if}}
1759                                                 {{#if SPC}}
1760                                                   {{#if showSPC}}
1761                                                     <a target="_blank" data-tracking="{{{trackingName}}} - spc" class="btn btn-sm btn-secondary mx-1 mb-1 small js-search-tracking" href="{{SPC}}" title="@Translate("SPC","SPC")">
1762                                                       <span class="text-truncate">@Translate("SPC","SPC")</span> <i class="material-icons">get_app</i>
1763                                                     </a>
1764                                                   {{else}}
1765                                                     <a class="js-dvp-extranet-login btn btn-sm btn-danger mx-1 mb-1 small" href="javascript:void(0);" title="@Translate("Login to download","Login to download")">
1766                                                       <span class="text-truncate">@Translate("SPC", "SPC")</span> <i class="material-icons">lock_outline</i>
1767                                                     </a>
1768                                                   {{/if}}
1769                                                 {{/if}}
1770                                                 {{#if MSDS}}
1771                                                   {{#if showMSDS}}
1772                                                     <a target="_blank" data-tracking="{{{trackingName}}} - msds" class="btn btn-sm btn-secondary mx-1 mb-1 small js-search-tracking" href="{{MSDS}}" title="@Translate("MSDS","MSDS")">
1773                                                       <span class="text-truncate">@Translate("MSDS","MSDS")</span> <i class="material-icons">get_app</i>
1774                                                     </a>
1775                                                   {{else}}
1776                                                     <a class="js-dvp-extranet-login btn btn-sm btn-danger mx-1 mb-1 small" href="javascript:void(0);" title="@Translate("Login to download","Login to download")">
1777                                                       <span class="text-truncate">@Translate("MSDS", "MSDS")</span> <i class="material-icons">lock_outline</i>
1778                                                     </a>
1779                                                   {{/if}}
1780                                                 {{/if}}
1781                                               </p>
1782                                             </div>
1783                                           </div>
1784                                       </div>
1785                                     </div>
1786                                   </div>
1787                                   {{/each}}
1788                                 </div>
1789                                 <p class="js-e-search-products-show-all mt-2 text-center">
1790                                   <a href="javascript:void(0);" class="btn btn-primary border px-2 px-md-6">@Translate("Show more products","Show more products") ({{showMoreCount}})</a>
1791                                 </p>
1792                               </div>
1793                             </script>
1794                           </div>
1795     
1796                           <div class="js-dvp-search-result-products-supplementaryfeed mb-4">
1797                             <script id="js-e-handlebars-tmpl-dvp-search-result-item-product-supplementaryfeed" type="text/x-handlebars-template">
1798                               <div class="e-products">
1799                                 <div class="row">
1800                                   <div class="col-12">
1801                                     <h4 class="py-1 mb-0 mt-1 bg-blue-light text-white text-center">@Translate("Supplementary Feed Products","Supplementary Feed Products")</h4>
1802                                   </div>
1803                                 </div>
1804                                 <div class="row">
1805                                   {{#each products}}
1806                                   <div class="col-12 col-md-4 mt-2 d-flex">
1807                                     <div class="e-products-item border">
1808                                       <div class="e-products-item-container">
1809                                           <a href="{{url}}" class="js-search-tracking" data-tracking="{{{trackingName}}} - click">
1810                                             <div class="col-12 dvp-image-container text-center">
1811                                               <img src="{{imageLarge}}" alt="{{{trackingName}}}">
1812                                             </div>
1813                                             <div class="col-12 text-center">
1814                                               <p class="mb-0 px-1">
1815                                                 {{{displayName}}}
1816                                               </p>
1817                                             </div>
1818                                           </a>
1819                                           <div class="col-12 text-center">
1820                                             <div class="is-visible-on-hover">
1821                                               <p class="e-products-item-text mb-0 mt-2 small">
1822                                                 {{#if datasheet}}
1823                                                   {{#if showDatasheet}}
1824                                                     <a target="_blank" data-tracking="{{{trackingName}}} - datasheet" class="btn btn-sm btn-secondary mx-1 mb-1 small js-search-tracking" href="{{datasheet}}" title="@Translate("Datasheet","Datasheet")">
1825                                                       <span class="text-truncate">@Translate("Datasheet","Datasheet")</span> <i class="material-icons">get_app</i>
1826                                                     </a>
1827                                                   {{else}}
1828                                                     <a class="js-dvp-extranet-login btn btn-sm btn-danger mx-1 mb-1 small" href="javascript:void(0);" title="@Translate("Login to download","Login to download")">
1829                                                       <span class="text-truncate">@Translate("Datasheet", "Datasheet")</span> <i class="material-icons">lock_outline</i>
1830                                                     </a>
1831                                                   {{/if}}
1832                                                 {{/if}}
1833                                                 {{#if packInsert}}
1834                                                   {{#if showPackInsert}}
1835                                                     <a target="_blank" data-tracking="{{{trackingName}}} - pack insert" class="btn btn-sm btn-secondary mx-1 mb-1 small js-search-tracking" href="{{packInsert}}" title="@Translate("Pack Insert","Pack Insert")">
1836                                                       <span class="text-truncate">@Translate("Pack Insert","Pack Insert")</span> <i class="material-icons">get_app</i>
1837                                                     </a>
1838                                                   {{else}}
1839                                                     <a class="js-dvp-extranet-login btn btn-sm btn-danger mx-1 mb-1 small" href="javascript:void(0);" title="@Translate("Login to download","Login to download")">
1840                                                       <span class="text-truncate">@Translate("Pack Insert", "Pack Insert")</span> <i class="material-icons">lock_outline</i>
1841                                                     </a>
1842                                                   {{/if}}
1843                                                 {{/if}}
1844                                                 {{#if SPC}}
1845                                                   {{#if showSPC}}
1846                                                     <a target="_blank" data-tracking="{{{trackingName}}} - spc" class="btn btn-sm btn-secondary mx-1 mb-1 small js-search-tracking" href="{{SPC}}" title="@Translate("SPC","SPC")">
1847                                                       <span class="text-truncate">@Translate("SPC","SPC")</span> <i class="material-icons">get_app</i>
1848                                                     </a>
1849                                                   {{else}}
1850                                                     <a class="js-dvp-extranet-login btn btn-sm btn-danger mx-1 mb-1 small" href="javascript:void(0);" title="@Translate("Login to download","Login to download")">
1851                                                       <span class="text-truncate">@Translate("SPC", "SPC")</span> <i class="material-icons">lock_outline</i>
1852                                                     </a>
1853                                                   {{/if}}
1854                                                 {{/if}}
1855                                                 {{#if MSDS}}
1856                                                   {{#if showMSDS}}
1857                                                     <a target="_blank" data-tracking="{{{trackingName}}} - msds" class="btn btn-sm btn-secondary mx-1 mb-1 small js-search-tracking" href="{{MSDS}}" title="@Translate("MSDS","MSDS")">
1858                                                       <span class="text-truncate">@Translate("MSDS","MSDS")</span> <i class="material-icons">get_app</i>
1859                                                     </a>
1860                                                   {{else}}
1861                                                     <a class="js-dvp-extranet-login btn btn-sm btn-danger mx-1 mb-1 small" href="javascript:void(0);" title="@Translate("Login to download","Login to download")">
1862                                                       <span class="text-truncate">@Translate("MSDS", "MSDS")</span> <i class="material-icons">lock_outline</i>
1863                                                     </a>
1864                                                   {{/if}}
1865                                                 {{/if}}
1866                                               </p>
1867                                             </div>
1868                                           </div>
1869                                       </div>
1870                                     </div>
1871                                   </div>
1872                                   {{/each}}
1873                                 </div>
1874                                 <p class="js-e-search-products-show-all mt-2 text-center">
1875                                   <a href="javascript:void(0);" class="btn btn-primary border px-2 px-md-6">@Translate("Show more products","Show more products") ({{showMoreCount}})</a>
1876                                 </p>
1877                               </div>
1878                             </script>
1879                           </div>
1880     
1881                           <div class="js-dvp-search-result-products-suppliesinstrument mb-4">
1882                             <script id="js-e-handlebars-tmpl-dvp-search-result-item-product-suppliesinstrument" type="text/x-handlebars-template">
1883                               <div class="e-products">
1884                                 <div class="row">
1885                                   <div class="col-12">
1886                                     <h4 class="py-1 mb-0 mt-1 bg-blue-light text-white text-center">@Translate("Supplies And Instrument Products","Supplies & Instrument Products")</h4>
1887                                   </div>
1888                                 </div>
1889                                 <div class="row">
1890                                   {{#each products}}
1891                                   <div class="col-12 col-md-4 mt-2 d-flex">
1892                                     <div class="e-products-item border">
1893                                       <div class="e-products-item-container">
1894                                           <a href="{{url}}" class="js-search-tracking" data-tracking="{{{trackingName}}} - click">
1895                                             <div class="col-12 dvp-image-container text-center">
1896                                               <img src="{{imageLarge}}" alt="{{{trackingName}}}">
1897                                             </div>
1898                                             <div class="col-12 text-center">
1899                                               <p class="mb-0 px-1">
1900                                                 {{{displayName}}}
1901                                               </p>
1902                                             </div>
1903                                           </a>
1904                                           <div class="col-12 text-center">
1905                                             <div class="is-visible-on-hover">
1906                                               <p class="e-products-item-text mb-0 mt-2 small">
1907                                                 {{#if datasheet}}
1908                                                   {{#if showDatasheet}}
1909                                                     <a target="_blank" data-tracking="{{{trackingName}}} - datasheet" class="btn btn-sm btn-secondary mx-1 mb-1 small js-search-tracking" href="{{datasheet}}" title="@Translate("Datasheet","Datasheet")">
1910                                                       <span class="text-truncate">@Translate("Datasheet","Datasheet")</span> <i class="material-icons">get_app</i>
1911                                                     </a>
1912                                                   {{else}}
1913                                                     <a class="js-dvp-extranet-login btn btn-sm btn-danger mx-1 mb-1 small" href="javascript:void(0);" title="@Translate("Login to download","Login to download")">
1914                                                       <span class="text-truncate">@Translate("Datasheet", "Datasheet")</span> <i class="material-icons">lock_outline</i>
1915                                                     </a>
1916                                                   {{/if}}
1917                                                 {{/if}}
1918                                               </p>
1919                                             </div>
1920                                           </div>
1921                                       </div>
1922                                     </div>
1923                                   </div>
1924                                   {{/each}}
1925                                 </div>
1926                                 <p class="js-e-search-products-show-all mt-2 text-center">
1927                                   <a href="javascript:void(0);" class="btn btn-primary border px-2 px-md-6">@Translate("Show more products","Show more products") ({{showMoreCount}})</a>
1928                                 </p>
1929                               </div>
1930                             </script>
1931                           </div>
1932     
1933                           <div class="js-dvp-search-result-products-diet mb-4">
1934                             <script id="js-e-handlebars-tmpl-dvp-search-result-item-product-diet" type="text/x-handlebars-template">
1935                               <div class="e-products">
1936                                 <div class="row">
1937                                   <div class="col-12">
1938                                     <h4 class="py-1 mb-0 mt-1 bg-blue-light text-white text-center">@Translate("Diet products","Diet products")</h4>
1939                                   </div>
1940                                 </div>
1941                                 <div class="row">
1942                                   {{#each products}}
1943                                   <div class="col-12 col-md-4 mt-2 d-flex">
1944                                     <div class="e-products-item border">
1945                                       <div class="e-products-item-container">
1946                                           <a href="{{url}}" class="js-search-tracking" data-tracking="{{{trackingName}}} - click">
1947                                             <div class="col-12 dvp-image-container text-center">
1948                                               <img src="{{imageLarge}}" alt="{{{trackingName}}}">
1949                                             </div>
1950                                             <div class="col-12 text-center">
1951                                               <p class="mb-0 px-1">{{{displayName}}}</p>
1952                                             </div>
1953                                           </a>
1954                                           <div class="col-12 text-center">
1955                                             <div class="is-visible-on-hover">
1956                                               <p class="e-products-item-text mb-0 mt-2 small">
1957                                                 {{#if datasheet}}
1958                                                   {{#if showDatasheet}}
1959                                                     <a target="_blank" data-tracking="{{{trackingName}}} - datasheet" class="btn btn-sm btn-secondary mx-1 mb-1 small js-search-tracking" href="{{datasheet}}" title="@Translate("Datasheet","Datasheet")">
1960                                                       <span class="text-truncate">@Translate("Datasheet","Datasheet")</span> <i class="material-icons">get_app</i>
1961                                                     </a>
1962                                                   {{else}}
1963                                                     <a class="js-dvp-extranet-login btn btn-sm btn-danger mx-1 mb-1 small" href="javascript:void(0);" title="@Translate("Login to download","Login to download")">
1964                                                       <span class="text-truncate">@Translate("Datasheet", "Datasheet")</span> <i class="material-icons">lock_outline</i>
1965                                                     </a>
1966                                                   {{/if}}
1967                                                 {{/if}}
1968                                               </p>
1969                                             </div>
1970                                           </div>
1971                                       </div>
1972                                     </div>
1973                                   </div>
1974                                   {{/each}}
1975                                 </div>
1976                                 <p class="js-e-search-products-show-all mt-2 text-center">
1977                                   <a href="javascript:void(0);" class="btn btn-primary border px-2 px-md-6">@Translate("Show more products","Show more products") ({{showMoreCount}})</a>
1978                                 </p>
1979                               </div>
1980                             </script>
1981                           </div>
1982                         </div>
1983     
1984                          <div id="dvp-scroll-to-therapyarea" class="js-dvp-search-therapy-areas e-search-result-pages is-empty mb-6">
1985                           <script id="js-e-handlebars-tmpl-dvp-search-therapyareas" type="text/x-handlebars-template">
1986                             <div class="row">
1987                               <div class="col-12">
1988                                 <div class="pb-1 dvp-search-subject-header">
1989                                   <p class="h3 mb-0"><i class="material-icons align-middle">local_hospital</i> <span class="align-middle small ml-1">@Translate("Therapy Areas","Therapy Areas")</span><span class="align-middle small text-muted"> <em>(<span class="js-e-search-therapyarea-count">0</span>)</em> </span></p>
1990                                 </div>
1991                               </div>
1992                             </div>
1993                             <div class="row">
1994                               <div class="col-12">
1995                                 <div class="list-group list-group-flush">
1996                                   {{#each therapyareas}}
1997                                     <a class="js-search-tracking list-group-item list-group-item-action h3 font-weight-normal text-black my-0" data-tracking="{{#if searchFriendlyPageName}}{{searchFriendlyPageName}}{{else}}{{pageName}}{{/if}}" href="{{{url}}}">
1998                                       <span class="d-block">
1999                                         <u>
2000                                           {{#if searchFriendlyPageName}}
2001                                             {{{searchFriendlyPageName}}}
2002                                           {{else}}
2003                                             {{{pageName}}}
2004                                           {{/if}}
2005                                         </u>
2006                                       </span>
2007                                       {{#if searchFriendlyDescription}}
2008                                         <span class="d-block small font-weight-normal mb-0">
2009                                           {{searchFriendlyDescription}}
2010                                         </span>
2011                                       {{/if}}
2012                                     </a>
2013                                   {{/each}}
2014                                 </div>
2015                               </div>
2016                             </div>
2017                           </script>
2018                         </div>
2019     
2020                         <div id="dvp-scroll-to-supportmaterials" class="js-dvp-search-supportmaterials e-search-result-products is-empty mb-6">
2021                           <script id="js-e-handlebars-tmpl-dvp-search-supportmaterials" type="text/x-handlebars-template">
2022                               <div class="row">
2023                                 <div class="col-12">
2024                                   <div class="pb-1 dvp-search-subject-header">
2025                                     <p class="h3 mb-0"><i class="material-icons">save_alt</i> <span class="align-middle small ml-1">@Translate("Supplementary Materials","Supplementary Materials")</span><span class="align-middle small text-muted"> <em>(<span class="js-e-search-supportmaterials-count">0</span>)</em> </span></p>
2026                                   </div>
2027                                 </div>
2028                               </div>
2029                               <div class="row">
2030                                 <div class="col-12 mt-2">
2031                                   {{#if supportmaterials.0.showMaterials}}
2032                                     {{#each supportmaterials}}
2033                                       <div class="row pb-1">
2034                                         <div class="col-12">
2035                                           <p class="{{#compare @@index '!==' 0}}collapsed{{/compare}} mb-0 font-weight-bold cursor-pointer" data-toggle="collapse" data-target="#collapse-search-supportmaterials-{{categoryId}}">
2036                                             <span class="dvp-collapsed"><i class="material-icons">expand_more</i></span>
2037                                             <span class="dvp-expanded"><i class="material-icons">expand_less</i></span>
2038                                             {{categoryName}} <small class="font-weight-normal">({{count}})</small>
2039                                           </p>
2040                                         </div>
2041                                       </div>
2042                                       <div class="row">
2043                                         <div class="col-12">
2044                                           <div class="collapse {{#compare @@index '===' 0}}show{{/compare}}" id="collapse-search-supportmaterials-{{categoryId}}">
2045                                             <div class="row">
2046                                               <div class="col-12 pl-3 pb-2">
2047                                                 <div class="row border border-top-0 border-right-0 border-left-0">
2048                                                   {{#each materials}}
2049                                                       <div class="col-12 col-md-6 py-2">
2050                                                         <div class="row">
2051                                                           <div class="col-12 col-md-5 text-center">
2052                                                             {{#if download}}
2053                                                               {{#if loginToDownload}}
2054                                                             		<a class="js-dvp-extranet-login text-danger" href="javascript:void(0);">
2055                                                             		  <img class="p-img" src="{{imageLarge}}" alt="{{{name}}}">
2056                                                             		</a>
2057                                                             	{{else}}
2058                                                             	  <a target="_blank" data-tracking="{{../categoryName}} > {{name}}" class="js-search-tracking" href="{{url}}">
2059                                                             		  <img class="p-img" src="{{imageLarge}}" alt="{{{name}}}">
2060                                                             	  </a>
2061                                                               {{/if}}
2062                                                             {{else}}
2063                                                               <img class="p-img" src="{{imageLarge}}" alt="{{{name}}}">
2064                                                             {{/if}}
2065                                                           </div>
2066                                                           <div class="col-12 col-md-7 pr-1 mt-1">
2067                                                             <p class="font-weight-bold">{{{name}}}</p>
2068                                                             {{#if download}}
2069                                                               {{#if loginToDownload}}
2070                                                                 <a class="js-dvp-extranet-login text-danger" href="javascript:void(0);"><i class="material-icons">lock_outline</i> @Translate("Login to download","Login to download")</a>
2071                                                               {{else}}
2072                                                                 <a target="_blank" data-tracking="{{../categoryName}} > {{name}}" class="js-search-tracking" href="{{url}}"><u>@Translate("Download","Download")</u></a>
2073                                                               {{/if}}
2074                                                             {{/if}}
2075                                                             @if ( hasShop == "True" && hasAccess )
2076                                                             {
2077                                                               @:{{#if orderable}}
2078     		                                              		      <p class="mb-0">@Translate("Get as free print","Get as free print")</p>
2079     															                              <form class="js-e-product-form e-product-form" action="/system/data/cart" method="post">
2080     																                              <input type="hidden" name="CartCmd" value="Add">
2081     																                              <input type="hidden" name="ProductID" value="{{id}}">
2082     																                              <input type="hidden" name="VariantID" value="">
2083     																                              <input type="hidden" name="UnitID" value="">
2084     																                              <input type="hidden" name="Redirect" value="false">
2085     																                              <input type="hidden" name="Quantity" value="1">
2086     																                              <button type="submit" class="btn btn-sm btn-secondary mt-half mb-1">@Translate("eCom Product - Add To Cart - Button", "Add to cart")</button>
2087     																                              <div class="e-loading-overlay js-e-loading-overlay"><div class="e-loading-spinner"></div></div>
2088     															                              </form>
2089     														                              @:{{/if}}
2090                                                             }
2091                                                           </div>
2092                                                         </div>
2093                                                       </div>
2094                                                   {{/each}}
2095                                                 </div>
2096                                               </div>
2097                                             </div>
2098                                           </div>
2099                                         </div>
2100                                       </div>
2101                                     {{/each}}
2102                                   {{else}}
2103                                     <div class="row pb-1">
2104                                         <div class="col-12 px-2 pt-4 text-center">
2105                                           <p class="mb-1 mt-3 lead text-black font-italic">@Translate("Our Supplementary Materials are intended for healthcare professionals only.","Our Supplementary Materials are intended for healthcare professionals only.")</p>
2106                                           <p class="mb-0"><a class="js-dvp-extranet-login btn btn-cta btn-sm" href="javascript:void(0);"><i class="material-icons">lock_outline</i> @Translate("Sign in","Sign in")</a></p>
2107                                         </div>
2108                                     </div>
2109                                   {{/if}}
2110                                 </div>
2111                               </div>
2112                           </script>
2113                         </div>
2114     
2115                         <div id="dvp-scroll-to-videos" class="js-dvp-search-videos e-search-result-pages is-empty mb-6">
2116                           <script id="js-e-handlebars-tmpl-dvp-search-videos" type="text/x-handlebars-template">
2117                             <div class="row">
2118                               <div class="col-12">
2119                                 <div class="pb-1 dvp-search-subject-header">
2120                                   <p class="h3 mb-0"><i class="material-icons align-middle">video_library</i> <span class="align-middle small ml-1">@Translate("Videos","Videos")</span><span class="align-middle small text-muted"> <em>(<span class="js-e-search-videos-count">0</span>)</em> </span></p>
2121                                 </div>
2122                               </div>
2123                             </div>
2124                             {{#if display}}
2125                               <div class="row">
2126                                 {{#each videos}}
2127                                   {{#each videos}}
2128                                     <div class="col-12 col-md-4 mt-2 d-flex">
2129                                       <a href="javascript:void(0);" title="{{embedTitle}}" data-tracking="{{embedTitle}}" class="js-dvp-video-modal js-search-tracking">
2130                                         <div>
2131                                           <img class="p-img" src="{{embedThumbnail}}" alt="{{embedTitle}}" />
2132                                           <p class="text-center mt-1 mb-3">{{embedTitle}}</p>
2133                                         </div>
2134                                       </a>
2135                                       <sc{{handlebarHack}}ript type="application/json">
2136                                         {
2137                                           "url":"{{../url}}",
2138                                           "header":"{{embedTitle}}",
2139                                           "embedUrl":"{{{embedUrl}}}"
2140                                         }
2141                                       </sc{{handlebarHack}}ript>
2142                                     </div>
2143                                   {{/each}}
2144                                 {{/each}}
2145                               </div>
2146                               <p class="js-dvp-search-videos-show-all mt-2 text-center"><a href="javascript:void(0);" class="btn btn-primary border px-2 px-md-6">@Translate("Show more videos", "Show more videos") ({{showMoreCount}})</a></p>
2147                             {{else}}
2148                               <div class="col-12 text-center">
2149                                 <p class="mb-1 mt-3 lead text-black font-italic">@Translate("Please sign in to access our related videos","Please sign in to access our related videos")</p>
2150                                 <p class="mb-0"><a class="js-dvp-extranet-login btn btn-cta btn-sm" href="javascript:void(0);"><i class="material-icons">lock_outline</i> @Translate("Sign in","Sign in")</a></p>
2151                               </div>
2152                             {{/if}}
2153                           </script>
2154                         </div>
2155     
2156                         <div id="dvp-scroll-to-elearning" class="js-dvp-search-elearning e-search-result-products is-empty mb-6">
2157                           <script id="js-e-handlebars-tmpl-dvp-search-elearning" type="text/x-handlebars-template">
2158                               <div class="row">
2159                                 <div class="col-12">
2160                                   <div class="pb-1 dvp-search-subject-header">
2161                                     <p class="h3 mb-0"><img width="40" src="/Files/Templates/Designs/dechra-dvp/_assets/img/dvp-academy-link.svg" /> <span class="align-middle small ml-1">@Translate("Academy Courses","Academy Courses")</span><span class="align-middle small text-muted"> <em>(<span class="js-e-search-elearning-count">0</span>)</em> </span></p>
2162                                   </div>
2163                                 </div>
2164                               </div>
2165                               <div class="row">
2166                                 <div class="col-12">
2167                                   <div class="row">
2168                                     <div class="col-12 text-white">
2169                                       <p class="mb-0 px-2 py-1 bg-academy">
2170                                         @{
2171                                           string eleaningSearchTranslation = Translate("Based on your search, we have found courses on [{academyLink}]our free eLearning platform for Vets.[{/academyLink}]","Based on your search, we have found courses on [{academyLink}]our free eLearning platform for Vets.[{/academyLink}]");
2172                                           string eleaningSearchTranslationTransformed = eleaningSearchTranslation.Replace("[{academyLink}]","<a class='text-white' target='_blank' href='" + academyLink + "'><u>").Replace("[{/academyLink}]","</u></a>");
2173                                         }
2174                                         @eleaningSearchTranslationTransformed
2175                                       </p>
2176                                     </div>
2177                                   </div>
2178                                   {{# supportmaterials}}
2179                                     <div class="row">
2180                                       <div class="col-12">
2181                                         {{#if showMaterials}}
2182                                           <div class="list-group">
2183                                             {{#each materials}}
2184                                               <a target="_blank" data-tracking="{{name}}" class="js-search-tracking px-2 list-group-item list-group-item-action" href="{{url}}">
2185                                                 <b>{{name}}</b>
2186                                               </a>
2187                                             {{/each}}
2188                                           </div>
2189                                         {{else}}
2190                                           <p class="my-1">@Translate("Please sign in to access our free eLearning courses","Please sign in to access our free eLearning courses")</p>
2191                                           <p class="mb-0">
2192                                             <a class="js-dvp-extranet-login btn btn-cta btn-sm" href="javascript:void(0);"><i class="material-icons">lock_outline</i> @Translate("Sign in","Sign in")</a>
2193                                           </p>
2194                                         {{/if}}
2195                                       </div>
2196                                     </div>
2197                                   {{/supportmaterials}}
2198                                 </div>
2199                               </div>
2200                           </script>
2201                         </div>
2202     
2203     
2204                         <div id="dvp-scroll-to-faq" class="js-dvp-search-faq e-search-result-pages is-empty mb-6">
2205                           <script id="js-e-handlebars-tmpl-dvp-search-faq" type="text/x-handlebars-template">
2206                             <div class="row">
2207                               <div class="col-12">
2208                                 <div class="pb-1 dvp-search-subject-header">
2209                                   <p class="h3 mb-0"><i class="material-icons align-middle">help</i> <span class="align-middle small ml-1">@Translate("Frequent Product Questions","Frequent Product Questions")</span><span class="align-middle small text-muted"> <em>(<span class="js-e-search-faq-count">0</span>)</em> </span></p>
2210                                 </div>
2211                               </div>
2212                             </div>
2213     
2214                             {{#if display}}
2215                               <div class="row">
2216                                 <div class="col-12 dvp-faq">
2217                                   {{# faqs}}
2218                                     {{#each faq}}
2219                                       <div class="border border-top-0 border-right-0 border-left-0 py-2">
2220                                         <div class="row">
2221                                           <div class="col-12">
2222                                             <h3 class="collapsed mb-0" data-toggle="collapse" data-target="#collapse-{{paragraphId}}">
2223                                               <span class="dvp-collapsed"><i class="material-icons">expand_more</i></span>
2224                                               <span class="dvp-expanded"><i class="material-icons">expand_less</i></span>
2225                                               {{#if ../rangeName}}{{../rangeName}} - {{/if}}{{categoryName}} <small class="font-weight-normal">({{listCount}})</small>
2226                                             </h3>
2227                                           </div>
2228                                         </div>
2229                                         <div class="row">
2230                                           <div class="col-12">
2231                                             <div class="collapse" id="collapse-{{paragraphId}}">
2232                                               <div class="row">
2233                                                 <div class="col-12 pl-3">
2234                                                   {{#each faqList}}
2235                                                     <div class="row">
2236                                                       <div class="col-12 mt-1">
2237                                                         <a href="javascript:void(0);" data-tracking="{{../../rangeName}} - {{../categoryName}} - {{listHeader}}" class="js-dvp-faq-modal js-search-tracking">
2238                                                           {{listHeader}}
2239                                                         </a>
2240                                                         <sc{{handlebarHack}}ript type="application/json">
2241                                                           {
2242                                                             "url":"{{../../url}}",
2243                                                             "rangeName":"{{../../rangeName}}",
2244                                                             "categoryName": "{{../categoryName}}",
2245                                                             "header":"{{{listHeader}}}",
2246                                                             "content":"{{{listContent}}}"
2247                                                           }
2248                                                         </sc{{handlebarHack}}ript>
2249                                                       </div>
2250                                                     </div>
2251                                                   {{/each}}
2252                                                 </div>
2253                                               </div>
2254                                             </div>
2255                                           </div>
2256                                         </div>
2257                                       </div>
2258                                     {{/each}}
2259                                   {{/faqs}}
2260                                 </div>
2261                               </div>
2262                               <p class="js-dvp-search-faq-show-all mt-2 text-center"><a href="javascript:void(0);" class="btn btn-primary border px-2 px-md-6">@Translate("Show all", "Show all")</a></p>
2263                             {{else}}
2264                               <div class="col-12 text-center">
2265                                 <p class="mb-1 mt-3 lead text-black font-italic">@Translate("Please sign in to access our related FAQs","Please sign in to access our related FAQs")</p>
2266                                 <p class="mb-0"><a class="js-dvp-extranet-login btn btn-cta btn-sm" href="javascript:void(0);"><i class="material-icons">lock_outline</i> @Translate("Sign in","Sign in")</a></p>
2267                               </div>
2268                             {{/if}}
2269                           </script>
2270                         </div>
2271     
2272     
2273                         <div id="dvp-scroll-to-events" class="js-dvp-search-events e-search-result-pages is-empty mb-6">
2274                           <script id="js-e-handlebars-tmpl-dvp-search-events" type="text/x-handlebars-template">
2275                             <div class="row">
2276                               <div class="col-12">
2277                                 <div class="pb-1 dvp-search-subject-header">
2278                                   <p class="h3 mb-0"><i class="material-icons align-middle">event</i> <span class="align-middle small ml-1">@Translate("Upcoming Events","Upcoming Events")</span><span class="align-middle small text-muted"> <em>(<span class="js-e-search-events-count">0</span>)</em> </span></p>
2279                                 </div>
2280                               </div>
2281                             </div>
2282                             <div class="flex-table flex-table--stripe cell-columns-2 flex-table--row align-middle">
2283                               <div style="order:0;" class="cell cell-header p-1">
2284                                 @Translate("Event","Event")
2285                               </div>
2286                               <div style="order:0;" class="cell cell-header p-1">
2287                                 @Translate("Date and location","Date and location")
2288                               </div>
2289                               {{#each events}}
2290                                 <div style="order:{{loopCount}};" class="cell row-first p-1 js-dvp-event-list">
2291                                   <p class="mb-0 dvp-event-list-title">
2292                                     <strong>{{{title}}}</strong>
2293                                   </p>
2294                                   {{#if topic}}
2295                                     <p class="mb-1 small">
2296                                       <strong>@Translate("Topic","Topic"):</strong><br>
2297                                       {{topic}}
2298                                     </p>
2299                                   {{/if}}
2300                                   {{#if speaker}}
2301                                     <p class="mb-1 small">
2302                                       <strong>@Translate("Speaker","Speaker"):</strong><br>
2303                                       {{speaker}}
2304                                     </p>
2305                                   {{/if}}
2306                                   {{#if moreInfo}}
2307                                     {{#compare moreInfoLength '>'  180}}
2308                                       <p class="mb-0">
2309                                         <a data-toggle="collapse" href="#event-search-{{loopCount}}" role="button" aria-expanded="false" aria-controls="event-search-{{loopCount}}">
2310                                           @Translate("Read more","Read more") <i class="material-icons">keyboard_arrow_down</i>
2311                                         </a>
2312                                       </p>
2313                                       <div class="dvp-event-list-moreinfo collapse" id="event-search-{{loopCount}}">
2314                                         {{{moreInfo}}}
2315                                       </div>
2316                                     {{else}}
2317                                       <div class="dvp-event-list-moreinfo">
2318                                         {{{moreInfo}}}
2319                                       </div>
2320                                     {{/compare}}
2321                                   {{/if}}
2322                                   {{#unless showEvents}}
2323                                     <p class="mb-0">
2324                                       <a class="js-dvp-extranet-login btn btn-cta btn-sm" href="javascript:void(0);"><i class="material-icons">lock_outline</i> @Translate("Read more","Read more")</a>
2325                                     </p>
2326                                   {{/unless}}
2327                                 </div>
2328                                 <div style="order:{{loopCount}};" class="cell row-last p-1 js-dvp-event-list">
2329                                   <p class="mb-1">
2330                                     <strong>{{date}}</strong><br>
2331                                     {{#if locationLink}}
2332                                       <a href="{{locationLink}}" target="_blank">
2333                                     {{/if}}
2334                                     <i class="material-icons">location_on</i> {{location}}
2335                                     {{#if locationLink}}
2336                                       </a>
2337                                     {{/if}}
2338                                     {{#if country}}
2339                                       <img width="20" class="ml-1 p-img" src="/Files/Images/Icons/Flags/{{country}}.svg" alt="{{country}}" />
2340                                     {{/if}}
2341                                   </p>
2342                                   {{#if registerLink}}
2343                                     <p class="mb-1">
2344                                       <a target="_blank" class="btn btn-primary btn-micro js-search-tracking" data-tracking="{{date}} - {{cleanedTitle}} - register now" href="{{registerLink}}">@Translate("Register now","Register now")</a>
2345                                     </p>
2346                                   {{/if}}
2347                                   {{#if websiteLink}}
2348                                     <p class="mb-0">
2349                                       <a target="_blank" class="js-search-tracking" data-tracking="{{date}} - {{cleanedTitle}} - view website" href="{{websiteLink}}">@Translate("View website","View website")</a>
2350                                     </p>
2351                                   {{/if}}
2352                                   {{#if readMoreLink}}
2353                                     <p class="mb-0">
2354                                       <a target="_blank" class="js-search-tracking" data-tracking="{{date}} - {{cleanedTitle}} - read more" href="{{readMoreLink}}">@Translate("Read more","Read more")</a>
2355                                     </p>
2356                                   {{/if}}
2357                                 </div>
2358                               {{/each}}
2359                             </div>
2360                           </script>
2361                         </div>
2362     
2363                         <div id="dvp-scroll-to-news" class="js-dvp-search-news e-search-result-pages is-empty mb-6">
2364                           <script id="js-e-handlebars-tmpl-dvp-search-news" type="text/x-handlebars-template">
2365                             <div class="row">
2366                               <div class="col-12">
2367                                 <div class="pb-1 dvp-search-subject-header">
2368                                   <p class="h3 mb-0"><i class="material-icons align-middle">new_releases</i> <span class="align-middle small ml-1">@Translate("News","News")</span><span class="align-middle small text-muted"> <em>(<span class="js-e-search-news-count">0</span>)</em> </span></p>
2369                                 </div>
2370                               </div>
2371                             </div>
2372                             <div class="list-group">
2373                               {{#each news}}
2374                                 <a class="px-2 py-2 list-group-item list-group-item-action js-search-tracking" data-tracking="{{url}}" href="{{url}}">
2375                                   <div class="row">
2376                                     <div class="col-12 col-md-1">
2377                                       <div class="d-none d-md-block text-center">
2378                                         <p class="h3 my-0">{{year}}</p>
2379                                         <p class="my-0 font-weight-bold">{{combinedDate}}</p>
2380                                       </div>
2381                                       <div class="d-md-none">
2382                                         <p class="my-1 font-weight-bold">{{fullDate}}</p>
2383                                       </div>
2384                                     </div>
2385                                     <div class="col-12 col-md-10">
2386                                       <p class="h3 mb-1 mb-md-0">{{title}}</p>
2387                                       <p class="mb-1 mb-md-0">{{teaser}}</p>
2388                                     </div>
2389                                     <div class="col-12 col-md-1 my-auto">
2390                                         <div class="d-none d-md-block text-center">
2391                                           <p class="mb-0">
2392                                             <i class="material-icons material-icons-4x">keyboard_arrow_right</i>
2393                                           </p>
2394                                         </div>
2395                                         <div class="d-md-none">
2396                                           <p class="mb-0">
2397                                             <u>@Translate("Read more","Read more")</u>
2398                                           </p>
2399                                         </div>
2400                                     </div>
2401                                   </div>
2402                                 </a>
2403                                 {{/each}}
2404                             </div>
2405                           </script>
2406                         </div>
2407     
2408                         <div id="dvp-scroll-to-content" class="js-e-search-result-pages e-search-result-pages is-empty mb-6">
2409                           <script id="js-e-handlebars-tmpl-search-result-item-page" type="text/x-handlebars-template">
2410                             <div class="row">
2411                               <div class="col-12">
2412                                 <div class="pb-1 dvp-search-subject-header">
2413                                   <p class="h3 mb-0"><i class="material-icons align-middle">format_align_left</i> <span class="align-middle small ml-1">@Translate("Content","Content")</span><span class="align-middle small text-muted"> <em>(<span class="js-e-search-page-count">0</span>)</em> </span></p>
2414                                 </div>
2415                               </div>
2416                             </div>
2417                             <div class="row">
2418                               {{#each pages}}
2419                               <div class="col-12 mt-2">
2420                                 <p class="mb-0 h3"><a href="{{{url}}}" data-tracking="{{url}}" class="js-search-tracking text-bold">{{{title}}}</a></p>
2421                                 <p class="mb-0 text-truncate">
2422                                   <a href="{{{url}}}" data-tracking="{{url}}" class="js-search-tracking text-auto text-muted"><span class="d-none d-sm-inline">@GetGlobalValue( "Global:Request.Host" )</span>{{{url}}}</a>
2423                                 </p>
2424                                 <p class="mb-0">{{{text}}}...</p>
2425                               </div>
2426                               {{/each}}
2427                             </div>
2428                           </script>
2429                         </div>
2430                   </div>
2431                 </div>
2432               </div>
2433               <div class="js-e-search-loading-overlay e-loading-overlay e-search-loading-overlay">
2434               </div>
2435             </div>
2436           </div>
2437         </div>
2438       </div>
2439     </div>
2440     }
2441     
2442     @inherits RazorTemplateBase<RazorTemplateModel<Template>>
2443     @{
2444         bool pageModalactive = GetBoolean( "Item.PageModalActive.Value" );
2445     
2446         bool pageModalEnableForAnonymousUsers = GetBoolean( "Item.PageModalEnableForAnonymousUsers.Value" );
2447         bool pageModalEnableForLoggedInUsers = GetBoolean( "Item.PageModalEnableForLoggedInUsers.Value" );
2448         bool pageModalEnableForUsersWithURLToken = GetBoolean( "Item.PageModalEnableForUsersWithURLToken.Value" );
2449     
2450         int pageModalDaysBeforeExpiration = GetInteger( "Item.PageModalDaysBeforeExpiration.Value" );
2451     
2452         string pageModalCookieKey = "PageModal-" + GetString( "Global.PageId" );
2453     
2454         string pageModalContent = GetString( "Item.PageModalContent.Value" );
2455     
2456         string uniqueURLAccessToken = GetString( "Item.UniqueURLAccessToken.Value" );
2457     
2458         bool displayPageModal = false;
2459     
2460         if ( pageModalactive )
2461         {
2462             if ( !hasAccess && pageModalEnableForAnonymousUsers && urlToken == "")
2463             {
2464                 displayPageModal = true;
2465             }
2466             else if (hasAccess && pageModalEnableForLoggedInUsers )
2467             {
2468                 displayPageModal = true;
2469             }
2470             else if ( !hasAccess && pageModalEnableForUsersWithURLToken && urlToken == uniqueURLAccessToken)
2471             {
2472                 displayPageModal = true;
2473             }
2474             else if(!pageModalEnableForAnonymousUsers && !pageModalEnableForLoggedInUsers && !pageModalEnableForUsersWithURLToken)
2475             {
2476                 displayPageModal = true;
2477             }
2478         }
2479     }
2480     
2481     @if ( displayPageModal )
2482     {
2483         <div class="modal fade dvp-page-modal js-dvp-page-modal" data-backdrop="static" data-key="@pageModalCookieKey" data-days="@pageModalDaysBeforeExpiration">
2484             <div class="modal-dialog">
2485                 <div class="modal-content">
2486                     <div class="modal-body px-1 py-1 py-lg-3 py-xl-2">
2487                         <div class="container">
2488                             <div class="row">
2489                                 <div class="col-12">
2490                                     @pageModalContent
2491                                 </div>
2492                             </div>
2493                         </div>
2494                     </div>
2495                 </div>
2496             </div>
2497         </div>
2498     }
2499     
2500     <div class="modal fade dvp-faq-modal">
2501         <div class="modal-dialog">
2502             <div class="modal-content" id="js-dvp-modal-faq-content">
2503               <script id="js-e-handlebars-tmpl-dvp-modal-faq-content" type="text/x-handlebars-template">
2504                 <style type="text/css">
2505                   @@media print {
2506                     #js-e-canvas,
2507                     .modal-footer,
2508                     .close,
2509                     .embed-responsive,
2510                     .modal-backdrop,
2511                     .e-back-to-top,
2512                     .e-search { 
2513                       display: none !important;
2514                     }
2515                     .modal {
2516                       position: static !important;
2517                     }
2518                     .modal, 
2519                     .modal-open {
2520                       overflow: auto !important;
2521                     }
2522                     .modal-body {
2523                       padding: 0 !important;
2524                     }
2525                     .modal-content {
2526                       box-shadow: none !important;
2527                       border: 0 !important;
2528                     }
2529                   }
2530                 </style>
2531                 <div class="modal-body pl-1 pr-2 pt-2 pt-md-3 pl-md-4 pr-md-4 pb-0">
2532                   <button type="button" class="close" data-dismiss="modal">
2533                     <i class="material-icons">close</i>
2534                   </button>
2535                   <div class="container-fluid" id="faq-modal-content">
2536                       <div class="row">
2537                         <div class="col-12">
2538                           <p class="h4">{{categoryName}}</p>
2539                           <p class="h2 mt-0">{{{header}}}</p>
2540                         </div>
2541                       </div>
2542                       <div class="row">
2543                         <div class="col-12 dvp-rich-text-content">
2544                           {{{content}}}
2545                         </div>
2546                       </div>
2547                   </div>
2548                 </div>
2549                 <div class="modal-footer bg-primary py-1 justify-content-start">
2550                   <a class="btn btn-link d-none d-sm-block text-white" href="{{url}}" target="_blank"><i class="material-icons">open_in_new</i> @Translate("Open in new tab","Open in new tab")</a>
2551                   <button type="button" class="btn btn-link text-white d-none d-sm-block js-copy-to-clipboard" href="{{url}}"><i class="material-icons">share</i> @Translate("Copy shareable link","Copy shareable link")</button>
2552                   <button type="button" class="btn btn-link text-white d-none d-sm-block js-print"><i class="material-icons">print</i> @Translate("Print this","Print this")</button>
2553                   <button type="button" class="btn btn-link text-white ml-auto" data-dismiss="modal"><i class="material-icons">close</i> @Translate("Close","Close")</button>
2554                 </div>
2555               </script>
2556             </div>
2557         </div>
2558     </div>
2559     <div class="modal fade dvp-video-modal">
2560         <div class="modal-dialog">
2561             <div class="modal-content" id="js-dvp-modal-video-content">
2562               <script id="js-e-handlebars-tmpl-dvp-modal-video-content" type="text/x-handlebars-template">
2563                 <div class="modal-body px-4">
2564                   <button type="button" class="close" data-dismiss="modal">
2565                     <i class="material-icons">close</i>
2566                   </button>
2567                   <div class="container-fluid" id="video-modal-content">
2568                       <div class="row">
2569                         <div class="col-12">
2570                           <p class="h4">{{{header}}}</p>
2571                         </div>
2572                       </div>
2573                       <div class="row">
2574                         <div class="col-12">
2575                           <div class="embed-responsive embed-responsive-16by9">
2576                             <iframe class="embed-responsive-item" src="{{embedUrl}}" width="1080" height="608" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
2577                           </div>
2578                         </div>
2579                       </div>
2580                   </div>
2581                 </div>
2582                 <div class="modal-footer bg-primary py-1 justify-content-start">
2583                   <a class="btn btn-link d-none d-sm-block text-white" href="{{{url}}}" target="_blank"><i class="material-icons">open_in_new</i> @Translate("Open in new tab","Open in new tab")</a>
2584                   <button type="button" class="btn btn-link text-white d-none d-sm-block js-copy-to-clipboard" href="{{{url}}}"><i class="material-icons">share</i> @Translate("Copy shareable link","Copy shareable link")</button>
2585                   <button type="button" class="btn btn-link text-white ml-auto" data-dismiss="modal"><i class="material-icons">close</i> @Translate("Close","Close")</button>
2586                 </div>
2587               </script>
2588             </div>
2589         </div>
2590     </div>
2591     
2592     @if( Espresso.Area.Item.BackToTopLink == "True" ){
2593       <a href="#top" class="e-back-to-top js-e-back-to-top"><i class="material-icons">keyboard_arrow_up</i></a>
2594     }
2595     
2596     @using System
2597     @using System.Collections.Generic
2598     @using System.Linq
2599     @using System.Web;
2600     @using Dynamicweb.Frontend;
2601     @using Dynamicweb.Content;
2602     @using Co3.Dechra.DVP.Website.UiServices;
2603     @using Co3.Espresso.Base.Extensions;
2604     @inherits Co3.Espresso.Website.TemplateBases.Paragraphs.ParagraphBase
2605     
2606     @{
2607         bool EnableGetEmail = GetBoolean( "Item.EnableGetEmail.Value" );
2608         
2609         bool findFields = EnableGetEmail;
2610         string lyticsEmail = @GetString("DW_extranet_AccessUserEmail");
2611         string lyticsDWUserID = @GetString("DW_extranet_AccessUserID");
2612     }
2613     
2614     @try
2615     {
2616         if( Espresso.Area.Item.EnableLytics == "True" )
2617         {
2618     
2619             <script>
2620         dataLayer.push({
2621           'lyticsEmail': "@GetString("DW_extranet_AccessUserEmail")"
2622           
2623         });
2624         </script>
2625         
2626         }
2627     }catch(Exception ex)
2628     {
2629         <p>An error occurred while rendering this section. Source: get-user-fields</p>
2630         <!-- You can display a user-friendly error message or any other content -->
2631         <!-- You can also log the exception for debugging purposes -->
2632     }
2633     
2634     
2635     
2636       @using Co3.Dechra.DVP.Website.UiServices;
2637     @using System.Web;
2638     @inherits Co3.Espresso.Website.TemplateBases.Pages.PageBase
2639     
2640     @functions {
2641       public bool validAreaForCountrySelector(Area area, Area currentArea) {
2642           return (area.Active && !string.IsNullOrEmpty(area.DomainLock) && area.UniqueId!=currentArea.UniqueId && area.Item != null && area.Item.ContainsKey( "WebsiteIsLive" ) && area.Item["WebsiteIsLive"].ToString() == "True");
2643       }
2644     }
2645     @if(Espresso.IsStagingUrl != true)
2646     {
2647         if(string.IsNullOrEmpty(HttpContext.Current.Request["geo"]))
2648         {
2649             if(!RedirectUiService.CookieExist())
2650             {
2651                 Area geoIpCurrentArea =  PageView.Current().Area;
2652     
2653                 AreaService areaService = new AreaService();
2654                 IList< Area > geoIpAreaCollection = areaService.GetAreas();
2655     
2656                 Area matchedCountry = null;
2657                 Area globalCountry = null;
2658     
2659                 string geoIpCountryCode = RedirectUiService.LookupCountry();
2660     
2661                 if(!string.IsNullOrEmpty(geoIpCountryCode) && !CountryUiService.GetCountryCode(geoIpCurrentArea).Equals(geoIpCountryCode))
2662                 {
2663                     globalCountry = geoIpAreaCollection.FirstOrDefault( area => (CountryUiService.GetCountryCode(area).Equals("global")) && (validAreaForCountrySelector(area, geoIpCurrentArea)));
2664     
2665                     if(geoIpAreaCollection.Any( area => (CountryUiService.GetCountryCode(area).Equals(geoIpCountryCode)) && (validAreaForCountrySelector(area, geoIpCurrentArea)) ))
2666                     {
2667                         matchedCountry = geoIpAreaCollection.FirstOrDefault( area => (CountryUiService.GetCountryCode(area).Equals(geoIpCountryCode)) && (validAreaForCountrySelector(area, geoIpCurrentArea)));
2668                     }
2669                     else
2670                     {
2671                         matchedCountry = globalCountry;
2672                     }
2673     
2674                     <div class="modal fade dvp-geo-ip-country-modal">
2675                         <div class="modal-dialog">
2676                             <div class="modal-content">
2677                                 <div class="modal-body px-1 py-1 py-lg-3 py-xl-2">
2678                                     <div class="container">
2679                                         <div class="row">
2680                                             <div class="col-12">
2681                                                 <div class="px-2 py-2 px-lg-5 py-lg-2 mt-0 mt-md-1 mt-lg-0 mt-xl-1 text-center bg-primary">
2682                                                     <h3 class="text-white m-0">@Translate("Before you continue","Before you continue")</h3>
2683                                                     <p class="text-white m-0">
2684                                                         @Translate("To find information that meets your country’s legislation, please consider going to a country website that matches your location.","To find information that meets your country’s legislation, please consider going to a country website that matches your location.")
2685                                                     </p>
2686                                                 </div>
2687                                             </div>
2688                                         </div>
2689                                         <div class="row">
2690                                             <div class="col-12">
2691                                                 <div class="row px-0 py-2 px-lg-5 py-lg-2 mt-0 mt-md-2 mt-lg-0 mt-xl-1">
2692                                                     @if(matchedCountry != null)
2693                                                     {
2694                                                         string flag = CountryUiService.GetCountryCode(matchedCountry);
2695                                                         string url = $"//{matchedCountry.DomainLock}?geo={geoIpCountryCode}";
2696                                                         string domainText = matchedCountry.DomainLock;
2697     
2698                                                         <div class="col-12 p-0 text-center">
2699                                                             <a title="Go to @domainText" class="py-1 px-2" href="@url"><span class="mx-auto mr-md-1 mb-1 mb-md-0 d-block d-md-inline-block dvp-flag-icon dvp-flag-icon-40"><img src="/Files/Images/Icons/Flags/@(flag).svg" alt="@flag"></span> @Translate("May we suggest","May we suggest") <u>@domainText</u> ?</a>
2700                                                             <hr>
2701                                                         </div>
2702                                                     }
2703                                                     @foreach(Area area in geoIpAreaCollection.OrderBy(a => CountryUiService.GetCountryCode(a)))
2704                                                     {
2705                                                         string flag = CountryUiService.GetCountryCode(area);
2706                                                         string url = $"//{area.DomainLock}?geo={geoIpCountryCode}";
2707                                                         string domainText = area.DomainLock;
2708     
2709                                                         if(validAreaForCountrySelector(area, geoIpCurrentArea) && area != matchedCountry && area != globalCountry)
2710                                                         {
2711                                                             <div class="col-6 col-md-2">
2712                                                                 <a title="Go to @domainText" class="dropdown-item pt-1 pb-1" href="@url"><span class="mr-1 d-inline-block dvp-flag-icon dvp-flag-icon-40"><img src="/Files/Images/Icons/Flags/@(flag).svg" alt="@flag"></span><span class="notranslate">@flag</span></a>
2713                                                             </div>
2714                                                         }
2715                                                     }
2716                                                     @if(globalCountry != null && globalCountry != matchedCountry)
2717                                                     {
2718                                                         string flag = CountryUiService.GetCountryCode(globalCountry);
2719                                                         string url = $"//{globalCountry.DomainLock}?geo={geoIpCountryCode}";
2720                                                         string domainText = globalCountry.DomainLock;
2721     
2722                                                         <div class="col-6 col-md-2">
2723                                                             <a title="Go to @domainText" class="dropdown-item pt-1 pb-1" href="@url"><span class="mr-1 d-inline-block dvp-flag-icon dvp-flag-icon-40"><img src="/Files/Images/Icons/Flags/@(flag).svg" alt="@flag"></span>Global</a>
2724                                                         </div>
2725                                                     }
2726                                                 </div>
2727                                             </div>
2728                                         </div>
2729                                         <div class="row">
2730                                             <div class="col-12">
2731                                                 <div class="px-2 py-2 px-lg-5 py-lg-2 mt-3 mt-md-2 mt-lg-0 mt-xl-1 text-center bg-primary">
2732                                                     <p class="text-white m-0">@Translate("If you are unable to find your country location then disregard this popup and proceed to the website.","If you are unable to find your country location then disregard this popup and proceed to the website.")</p>
2733                                                     <p class="m-1"><button type="button" class="btn btn-sm btn-outline-light js-dvp-geo-ip-dismiss-button" data-geo-ip-country="@geoIpCountryCode" data-dismiss="modal">@Translate("Dismiss","Dismiss")</button></p>
2734                                                 </div>
2735                                             </div>
2736                                         </div>
2737                                     </div>
2738                                 </div>
2739                             </div>
2740                         </div>
2741                     </div>
2742                 }
2743             }
2744         }
2745         else
2746         {
2747             if(!RedirectUiService.CookieExist())
2748             {
2749                 RedirectUiService.SetCountry(HttpContext.Current.Request["geo"]);
2750             }
2751         }
2752     }
2753     
2754     <script src="/Files/Templates/Designs/dechra-dvp/_assets/_dist/js/default.js?v=asdg1afsfajsaafssfsdaglsagshgaashdssssdg2s3" async=""></script>
2755     
2756     <!-- Check if lytics value exists if so add meta tag to head  -->
2757     <script>
2758     
2759     window.onload = function (){
2760       const el = document.querySelector('#lytics-element');
2761       
2762       if (el && el.hasAttribute('data-lyticstopic')) {
2763         const lytics = el.getAttribute('data-lyticstopic');
2764         const newLytics = `<meta name="lytics:products" content="${lytics}">`;
2765         const headTag = document.querySelector('head');
2766         headTag.insertAdjacentHTML("beforeend", newLytics)
2767         }
2768     }
2769     </script>
2770     </body>
2771     
2772     @GetValue("CopyRightNotice")
2773     </html>
2774