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