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