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