1 @inherits Co3.Espresso.Website.TemplateBases.Pages.PageBase
2 @using System
3 @using System.Web;
4 @using System.Globalization;
5 @{
6 string globalAreaLang = GetGlobalValue("Global:Area.Lang");
7 string pageSearch = Espresso.Area.Item.EnablePageSearch;
8 string productSearch = Espresso.Area.Item.EnableProductSearch;
9 string geoIpCountryCode = "";
10 bool isRendering404Page = HttpContext.Current.Request.Url.PathAndQuery.Contains("404.aspx");
11
12 if(!RedirectUiService.CookieExist())
13 {
14 if(!string.IsNullOrEmpty(HttpContext.Current.Request["geo"]))
15 {
16 RedirectUiService.SetCountry(HttpContext.Current.Request["geo"]);
17 geoIpCountryCode = HttpContext.Current.Request["geo"];
18 }
19 else
20 {
21 geoIpCountryCode = RedirectUiService.LookupCountry();
22 }
23
24 HttpCookie cookie = new HttpCookie( "GeoIpCountryOriginal" )
25 {
26 Value = geoIpCountryCode,
27 Expires = DateTime.Now.AddDays( 365 )
28 };
29 HttpContext.Current.Response.Cookies.Set( cookie );
30 }
31 else
32 {
33 geoIpCountryCode = RedirectUiService.GetCookieValue();
34 }
35 }
36 <!DOCTYPE html>
37 <html lang="@globalAreaLang" data-search-pages="@pageSearch" data-search-products="@productSearch">
38 <head>
39 @GetValue("CopyRightNotice")
40 <meta charset="utf-8">
41 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, minimal-ui">
42 <meta http-equiv="x-ua-compatible" content="ie=edge">
43 <title>
44 @GetValue("Title")
45 </title>
46
47 @Espresso.CriticalCSS
48 <link href="/Files/Templates/Designs/dechra-com/_assets/_dist/css/default.css?v=adasdsjokeasasshasdsdsassssssdadssjssjjaaas" media="@Espresso.StylesheetAttributeMedia" rel="@Espresso.StylesheetAttributeRel" as="style">
49 @Espresso.CriticalJS
50
51 <link rel="shortcut icon" href="@Espresso.Area.Item.Favicon">
52 @if (!isRendering404Page)
53 {
54 @GetValue("MetaTags")
55 }
56 @if( Espresso.IsStagingUrl == true ) {
57 <meta name="robots" content="noindex,nofollow">
58 }
59 @{
60 string OpenGraphURL = GetGlobalValue( "Global:Request.Scheme" ) + "://" + GetGlobalValue( "Global:Request.Host" ) + GetGlobalValue( "Global:Pageview.Url" );
61 }
62 @if (!isRendering404Page)
63 {
64 <meta property="og:url" content="@OpenGraphURL">
65 }
66 <meta property="og:title" content="@Espresso.OpenGraphTitle">
67 <meta property="og:description" content="@Espresso.OpenGraphDescription">
68 <meta property="og:image" content="@Espresso.OpenGraphImage">
69 @if( string.IsNullOrEmpty( Espresso.Area.Item.GoogleSiteVerification ) == false ){
70 <meta name="google-site-verification" content="@Espresso.Area.Item.GoogleSiteVerification">
71 }
72 @if( string.IsNullOrEmpty( Espresso.Area.Item.BingSiteVerification ) == false ){
73 <meta name="msvalidate.01" content="@Espresso.Area.Item.BingSiteVerification">
74 }
75 @{
76 if(1 == 2){
77 @GetValue("Stylesheets")
78 }
79 }
80 @if( string.IsNullOrEmpty( Espresso.Area.GoogleTagManagerID ) == false && Espresso.Area.GoogleTagManagerID != "GTM-XXXX" ){
81 <!-- Google Tag Manager -->
82 <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
83 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
84 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
85 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
86 })(window,document,'script','dataLayer','@Espresso.Area.GoogleTagManagerID');</script>
87 <!-- End Google Tag Manager -->
88 }
89 @Espresso.Area.Item.HeaderScripts
90 @GetValue("Javascripts")
91 </head>
92
93 <body class="@Espresso.Item.CustomClasses">
94 @if( string.IsNullOrEmpty( Espresso.Area.GoogleTagManagerID ) == false && Espresso.Area.GoogleTagManagerID != "GTM-XXXX" ){
95 <!-- Google Tag Manager (noscript) -->
96 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=@Espresso.Area.GoogleTagManagerID" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
97 <!-- End Google Tag Manager (noscript) -->
98 }
99 @{
100 if( Espresso.Canvas.Classes.ToString().Contains("e-page-is-loading") == true ){
101 Espresso.Canvas.Classes.RemoveClasses("e-page-is-loading");
102 Espresso.Canvas.Classes.AddClasses("is-loading");
103 }
104 }
105
106 @if( Espresso.Area.Item.OptimizedLoading == "True" ){
107 <div id="js-e-page-loading-overlay" class="e-page-loading-overlay e-loading-overlay is-loading"><div class="e-loading-spinner"></div></div>
108 }
109 <div class="@Espresso.Canvas.Classes" id="js-e-canvas">
110 @using System.Globalization;
111 @using Dynamicweb.Content;
112 @using Dynamicweb.Frontend;
113 @using Dynamicweb.Content.Items;
114 @{
115 string Logo = Espresso.Area.Item.Logo;
116 string Tagline = Espresso.Area.Item.Tagline;
117 string academyLink = Espresso.Area.Item.AcademyLink;
118 string checkCart= string.IsNullOrEmpty(GetGlobalValue("Global:eCommerce.Order.OrderLines.TotalProductQuantity")) ? "0" : GetGlobalValue("Global:eCommerce.Order.OrderLines.TotalProductQuantity");
119 string checkCartMultiple = "";
120
121 PageView currentPageView = PageView.Current();
122 string currentPageId = currentPageView.ID.ToString();
123
124 if(checkCart != "1") {
125 checkCartMultiple = "s";
126 }
127
128 }
129 @if( Espresso.Item.HeaderHide != "True" ){
130 <header class="e-header js-e-header is-sticky">
131 <div class="e-header-container">
132 <div class="container-fluid">
133 <div class="row">
134 <div class="col-12">
135 <article class="e-header-wrapper">
136 <div class="e-logo">
137 <a href="/" class="e-logo-link">
138 <img src="@Logo" class="e-logo-img" alt="@Tagline">
139 @if( string.IsNullOrEmpty( Tagline ) == false ){
140 <p class="e-logo-tagline">@Tagline</p>
141 }
142 </a>
143 </div>
144 @if( Espresso.Item.NavigationHide != "True" ){
145 @GetValue("DwNavigation(dwnavheadercta)")
146 if( Espresso.Area.Item.Search == "True" ){
147 <div class="e-search-toggle e-header-btn">
148 <a data-toggle="modal" data-target=".modal.e-search" class="btn btn-sm text-auto">
149 <i class="material-icons material-icons-large">search</i>
150 </a>
151 </div>
152 }
153 if( Espresso.Area.Item.Shop == "True" ){
154 <div class="e-header-btn e-cart-mini">
155 <a href="/shop/cart/" class="btn btn-sm text-auto">
156 <i class="material-icons material-icons-large">shopping_cart</i>
157 <span class="e-cart-quantity js-e-cart-quantity"></span>
158 </a>
159 </div>
160 }
161 <div class="e-header-btn e-nav-toggle">
162 <a data-toggle="modal" data-target=".modal.e-nav-container" class="btn btn-sm text-auto">
163 <i class="material-icons material-icons-large mr-1">menu</i>
164 @Translate("Header - Menu - Button", "Menu")
165 </a>
166 </div>
167 <div class="js-e-nav-container e-nav-container modal p-0" data-backdrop="false">
168 <nav class="e-nav">
169 <div class="e-nav-masthead">
170 <div class="e-logo">
171 <a href="/" class="e-logo-link">
172 <img src="@Logo" class="e-logo-img" alt="@Espresso.Area.Item.CompanyName">
173 @if( string.IsNullOrEmpty( Tagline ) == false ){
174 <p class="e-logo-tagline">@Tagline</p>
175 }
176 </a>
177 </div>
178 <div class="e-nav-toggle e-header-btn">
179 <button type="button" data-toggle="modal" data-target=".modal.e-nav-container" class="btn btn-sm text-auto">
180 <i class="material-icons material-icons-large">close</i>
181 </button>
182 </div>
183 @if( Espresso.Area.Item.Search == "True" ){
184 <div class="e-header-btn e-search-toggle">
185 <button type="button" data-toggle="modal" data-target=".modal.e-search" class="btn btn-sm text-auto">
186 <i class="material-icons material-icons-large">search</i>
187 </button>
188 </div>
189 }
190 @if( Espresso.Area.Item.Shop == "True" ){
191 <div class="e-header-btn e-cart-mini">
192 <a href="/shop/cart/" class="btn btn-sm text-auto">
193 <i class="material-icons material-icons-large">shopping_cart</i>
194 <span class="e-cart-quantity js-e-cart-quantity">@GetGlobalValue("Global:eCommerce.Order.OrderLines.TotalProductQuantity")</span>
195 </a>
196 </div>
197 }
198 </div>
199 <section class="e-nav-global js-e-nav-global">
200 <ul class="nav">
201 @GetValue("DwNavigation(dwnavglobal)")
202 </ul>
203 </section>
204 @if( Espresso.Area.Item.Search == "True" ){
205 <div class="e-search-toggle">
206 <button type="button" data-toggle="modal" data-target=".modal.e-search" class="btn btn-sm text-auto">
207 <i class="material-icons material-icons-large">search</i>
208 </button>
209 </div>
210 }
211 @*@if( Espresso.Area.Item.Shop == "True" ){
212 <div class="e-cart-mini">
213 <a href="/shop/cart/" class="btn btn-sm text-auto">
214 <i class="material-icons material-icons-large">shopping_cart</i>
215 <span class="e-cart-quantity js-e-cart-quantity">@GetGlobalValue("Global:eCommerce.Order.OrderLines.TotalProductQuantity")</span>
216 </a>
217 </div>
218 }*@
219 @if( string.IsNullOrEmpty( GetString("DwNavigation(dwnavcta)") ) == false ){
220 <section class="e-nav-cta">
221 <ul class="nav">
222 @GetValue("DwNavigation(dwnavcta)")
223 </ul>
224 </section>
225 }
226 @if( string.IsNullOrEmpty( GetString("DwNavigation(dwnavutilitiesprimary)") ) == false ){
227 <section class="e-nav-utilities-primary">
228 <ul class="nav pr-2 justify-content-md-end">
229 @GetValue("DwNavigation(dwnavutilitiesprimary)")
230
231 <li class="nav-item dropdown dvp-language-selector">
232 <a href="javascript:void(0);" class="nav-link dropdown-toggle" data-toggle="dropdown">
233 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20">
234 <path id="languiage_icon_blue" data-name="languiage icon blue" d="M90,196a9.8,9.8,0,0,1-3.925-.788,10.1,10.1,0,0,1-3.175-2.137,9.891,9.891,0,0,1-2.125-3.188A10.027,10.027,0,0,1,80,185.95a9.846,9.846,0,0,1,.775-3.912,9.964,9.964,0,0,1,2.125-3.163,9.76,9.76,0,0,1,3.175-2.113,10.483,10.483,0,0,1,7.85,0,9.76,9.76,0,0,1,3.175,2.113,9.964,9.964,0,0,1,2.125,3.163A9.846,9.846,0,0,1,100,185.95a10.027,10.027,0,0,1-.775,3.938,9.891,9.891,0,0,1-2.125,3.188,10.1,10.1,0,0,1-3.175,2.137A9.8,9.8,0,0,1,90,196Zm0-1.45a8.321,8.321,0,0,0,1.463-2.062,12.417,12.417,0,0,0,.963-2.762H87.6a12.678,12.678,0,0,0,.938,2.7A8.52,8.52,0,0,0,90,194.55Zm-2.125-.3A11.954,11.954,0,0,1,86.8,192.2a14.977,14.977,0,0,1-.75-2.475H82.3a8.966,8.966,0,0,0,2.2,2.787A10.984,10.984,0,0,0,87.875,194.25Zm4.275-.025a10.009,10.009,0,0,0,3.238-1.725,8.954,8.954,0,0,0,2.313-2.775H93.975a18.113,18.113,0,0,1-.762,2.45A11.347,11.347,0,0,1,92.15,194.225Zm-10.35-6h3.975q-.075-.675-.088-1.212t-.012-1.063q0-.625.025-1.112t.1-1.088h-4a7.292,7.292,0,0,0-.237,1.075,8.761,8.761,0,0,0-.062,1.125,9.687,9.687,0,0,0,.062,1.163A7.05,7.05,0,0,0,81.8,188.225Zm5.525,0H92.7q.1-.775.125-1.262t.025-1.013q0-.5-.025-.962T92.7,183.75H87.325q-.1.775-.125,1.238t-.025.962q0,.525.025,1.013T87.325,188.225Zm6.875,0h4a7.047,7.047,0,0,0,.238-1.113,9.685,9.685,0,0,0,.062-1.163,8.76,8.76,0,0,0-.062-1.125,7.289,7.289,0,0,0-.238-1.075H94.225q.075.875.1,1.338t.025.862q0,.55-.038,1.038T94.2,188.225Zm-.25-5.975H97.7a8.1,8.1,0,0,0-2.263-2.875,8.621,8.621,0,0,0-3.312-1.625,10.9,10.9,0,0,1,1.062,2A16.26,16.26,0,0,1,93.95,182.25Zm-6.35,0h4.85a9.75,9.75,0,0,0-.925-2.562A10.227,10.227,0,0,0,90,177.5a5.5,5.5,0,0,0-1.35,1.775A16.141,16.141,0,0,0,87.6,182.25Zm-5.3,0h3.775a14.073,14.073,0,0,1,.7-2.412,11.868,11.868,0,0,1,1.075-2.062,8.248,8.248,0,0,0-5.55,4.475Z" transform="translate(-80 -176)" fill="#00366d"></path>
235 </svg>
236 <span class="e-nav-pagename ">Go to site</span>
237 </a>
238 <div class="dropdown-menu dropdown-menu-right py-1">
239 <div class="row m-0">
240 <div class="col-6 col-md-4 p-0">
241 <a class="dropdown-item js-dvp-set-geo-ip-country pt-1 pb-1" href="//www.dechra.at?geo=@geoIpCountryCode"><span class="mr-1 d-inline-block dvp-flag-icon dvp-flag-icon-40"><img src="/Files/Images/Icons/Flags/AT.svg" alt="AT"></span>AT</a>
242 </div>
243 <div class="col-6 col-md-4 p-0">
244 <a class="dropdown-item js-dvp-set-geo-ip-country pt-1 pb-1" href="//www.dechra.com.au?geo=@geoIpCountryCode"><span class="mr-1 d-inline-block dvp-flag-icon dvp-flag-icon-40"><img src="/Files/Images/Icons/Flags/AU.svg" alt="AU"></span>AU</a>
245 </div>
246 <div class="col-6 col-md-4 p-0">
247 <a class="dropdown-item js-dvp-set-geo-ip-country pt-1 pb-1" href="//www.dechra.ba?geo=@geoIpCountryCode"><span class="mr-1 d-inline-block dvp-flag-icon dvp-flag-icon-40"><img src="/Files/Images/Icons/Flags/BA.svg" alt="BA"></span>BA</a>
248 </div>
249 <div class="col-6 col-md-4 p-0">
250 <a class="dropdown-item js-dvp-set-geo-ip-country pt-1 pb-1" href="//www.dechra.be?geo=@geoIpCountryCode"><span class="mr-1 d-inline-block dvp-flag-icon dvp-flag-icon-40"><img src="/Files/Images/Icons/Flags/BE.svg" alt="BE"></span>BE</a>
251 </div>
252 <div class="col-6 col-md-4 p-0">
253 <a class="dropdown-item js-dvp-set-geo-ip-country pt-1 pb-1" href="//www.dechra.com.br?geo=@geoIpCountryCode"><span class="mr-1 d-inline-block dvp-flag-icon dvp-flag-icon-40"><img src="/Files/Images/Icons/Flags/BR.svg" alt="BR"></span>BR</a>
254 </div>
255 <div class="col-6 col-md-4 p-0">
256 <a class="dropdown-item js-dvp-set-geo-ip-country pt-1 pb-1" href="//www.dechra.ca?geo=@geoIpCountryCode"><span class="mr-1 d-inline-block dvp-flag-icon dvp-flag-icon-40"><img src="/Files/Images/Icons/Flags/CA.svg" alt="CA"></span>CA</a>
257 </div>
258 <div class="col-6 col-md-4 p-0">
259 <a class="dropdown-item js-dvp-set-geo-ip-country pt-1 pb-1" href="//www.dechra.com.co?geo=@geoIpCountryCode"><span class="mr-1 d-inline-block dvp-flag-icon dvp-flag-icon-40"><img src="/Files/Images/Icons/Flags/CO.svg" alt="CO"></span>CO</a>
260 </div>
261 <div class="col-6 col-md-4 p-0">
262 <a class="dropdown-item js-dvp-set-geo-ip-country pt-1 pb-1" href="//www.dechra.cr?geo=@geoIpCountryCode"><span class="mr-1 d-inline-block dvp-flag-icon dvp-flag-icon-40"><img src="/Files/Images/Icons/Flags/CR.svg" alt="CR"></span>CR</a>
263 </div>
264 <div class="col-6 col-md-4 p-0">
265 <a class="dropdown-item js-dvp-set-geo-ip-country pt-1 pb-1" href="//www.dechra.de?geo=@geoIpCountryCode"><span class="mr-1 d-inline-block dvp-flag-icon dvp-flag-icon-40"><img src="/Files/Images/Icons/Flags/DE.svg" alt="DE"></span>DE</a>
266 </div>
267 <div class="col-6 col-md-4 p-0">
268 <a class="dropdown-item js-dvp-set-geo-ip-country pt-1 pb-1" href="//www.dechra.dk?geo=@geoIpCountryCode"><span class="mr-1 d-inline-block dvp-flag-icon dvp-flag-icon-40"><img src="/Files/Images/Icons/Flags/DK.svg" alt="DK"></span>DK</a>
269 </div>
270 <div class="col-6 col-md-4 p-0">
271 <a class="dropdown-item js-dvp-set-geo-ip-country pt-1 pb-1" href="//www.dechra.es?geo=@geoIpCountryCode"><span class="mr-1 d-inline-block dvp-flag-icon dvp-flag-icon-40"><img src="/Files/Images/Icons/Flags/ES.svg" alt="ES"></span>ES</a>
272 </div>
273 <div class="col-6 col-md-4 p-0">
274 <a class="dropdown-item js-dvp-set-geo-ip-country pt-1 pb-1" href="//www.dechra.fi?geo=@geoIpCountryCode"><span class="mr-1 d-inline-block dvp-flag-icon dvp-flag-icon-40"><img src="/Files/Images/Icons/Flags/FI.svg" alt="FI"></span>FI</a>
275 </div>
276 <div class="col-6 col-md-4 p-0">
277 <a class="dropdown-item js-dvp-set-geo-ip-country pt-1 pb-1" href="//www.dechra.fr?geo=@geoIpCountryCode"><span class="mr-1 d-inline-block dvp-flag-icon dvp-flag-icon-40"><img src="/Files/Images/Icons/Flags/FR.svg" alt="FR"></span>FR</a>
278 </div>
279 <div class="col-6 col-md-4 p-0">
280 <a class="dropdown-item js-dvp-set-geo-ip-country pt-1 pb-1" href="//www.dechra.co.uk?geo=@geoIpCountryCode"><span class="mr-1 d-inline-block dvp-flag-icon dvp-flag-icon-40"><img src="/Files/Images/Icons/Flags/GB.svg" alt="GB"></span>GB</a>
281 </div>
282 <div class="col-6 col-md-4 p-0">
283 <a class="dropdown-item js-dvp-set-geo-ip-country pt-1 pb-1" href="//www.dechra.hr?geo=@geoIpCountryCode"><span class="mr-1 d-inline-block dvp-flag-icon dvp-flag-icon-40"><img src="/Files/Images/Icons/Flags/HR.svg" alt="HR"></span>HR</a>
284 </div>
285 <div class="col-6 col-md-4 p-0">
286 <a class="dropdown-item js-dvp-set-geo-ip-country pt-1 pb-1" href="//www.dechra.ie?geo=@geoIpCountryCode"><span class="mr-1 d-inline-block dvp-flag-icon dvp-flag-icon-40"><img src="/Files/Images/Icons/Flags/IE.svg" alt="IE"></span>IE</a>
287 </div>
288 <div class="col-6 col-md-4 p-0">
289 <a class="dropdown-item js-dvp-set-geo-ip-country pt-1 pb-1" href="//www.dechra.it?geo=@geoIpCountryCode"><span class="mr-1 d-inline-block dvp-flag-icon dvp-flag-icon-40"><img src="/Files/Images/Icons/Flags/IT.svg" alt="IT"></span>IT</a>
290 </div>
291 <div class="col-6 col-md-4 p-0">
292 <a class="dropdown-item js-dvp-set-geo-ip-country pt-1 pb-1" href="//www.dechra.mx?geo=@geoIpCountryCode"><span class="mr-1 d-inline-block dvp-flag-icon dvp-flag-icon-40"><img src="/Files/Images/Icons/Flags/MX.svg" alt="MX"></span>MX</a>
293 </div>
294 <div class="col-6 col-md-4 p-0">
295 <a class="dropdown-item js-dvp-set-geo-ip-country pt-1 pb-1" href="//www.dechra.nl?geo=@geoIpCountryCode"><span class="mr-1 d-inline-block dvp-flag-icon dvp-flag-icon-40"><img src="/Files/Images/Icons/Flags/NL.svg" alt="NL"></span>NL</a>
296 </div>
297 <div class="col-6 col-md-4 p-0">
298 <a class="dropdown-item js-dvp-set-geo-ip-country pt-1 pb-1" href="//www.dechra.no?geo=@geoIpCountryCode"><span class="mr-1 d-inline-block dvp-flag-icon dvp-flag-icon-40"><img src="/Files/Images/Icons/Flags/NO.svg" alt="NO"></span>NO</a>
299 </div>
300 <div class="col-6 col-md-4 p-0">
301 <a class="dropdown-item js-dvp-set-geo-ip-country pt-1 pb-1" href="//www.dechra.pe?geo=@geoIpCountryCode"><span class="mr-1 d-inline-block dvp-flag-icon dvp-flag-icon-40"><img src="/Files/Images/Icons/Flags/PE.svg" alt="PE"></span>PE</a>
302 </div>
303 <div class="col-6 col-md-4 p-0">
304 <a class="dropdown-item js-dvp-set-geo-ip-country pt-1 pb-1" href="//www.dechra.pl?geo=@geoIpCountryCode"><span class="mr-1 d-inline-block dvp-flag-icon dvp-flag-icon-40"><img src="/Files/Images/Icons/Flags/PL.svg" alt="PL"></span>PL</a>
305 </div>
306 <div class="col-6 col-md-4 p-0">
307 <a class="dropdown-item js-dvp-set-geo-ip-country pt-1 pb-1" href="//www.dechra.pt?geo=@geoIpCountryCode"><span class="mr-1 d-inline-block dvp-flag-icon dvp-flag-icon-40"><img src="/Files/Images/Icons/Flags/PT.svg" alt="PT"></span>PT</a>
308 </div>
309 <div class="col-6 col-md-4 p-0">
310 <a class="dropdown-item js-dvp-set-geo-ip-country pt-1 pb-1" href="//www.dechra.com.py?geo=@geoIpCountryCode"><span class="mr-1 d-inline-block dvp-flag-icon dvp-flag-icon-40"><img src="/Files/Images/Icons/Flags/PY.svg" alt="PY"></span>PY</a>
311 </div>
312 <div class="col-6 col-md-4 p-0">
313 <a class="dropdown-item js-dvp-set-geo-ip-country pt-1 pb-1" href="//www.dechra.se?geo=@geoIpCountryCode"><span class="mr-1 d-inline-block dvp-flag-icon dvp-flag-icon-40"><img src="/Files/Images/Icons/Flags/SE.svg" alt="SE"></span>SE</a>
314 </div>
315 <div class="col-6 col-md-4 p-0">
316 <a class="dropdown-item js-dvp-set-geo-ip-country pt-1 pb-1" href="//www.dechra.si?geo=@geoIpCountryCode"><span class="mr-1 d-inline-block dvp-flag-icon dvp-flag-icon-40"><img src="/Files/Images/Icons/Flags/SI.svg" alt="SI"></span>SI</a>
317 </div>
318 <div class="col-6 col-md-4 p-0">
319 <a class="dropdown-item js-dvp-set-geo-ip-country pt-1 pb-1" href="//www.dechra-us.com?geo=@geoIpCountryCode"><span class="mr-1 d-inline-block dvp-flag-icon dvp-flag-icon-40"><img src="/Files/Images/Icons/Flags/US.svg" alt="US"></span>US</a>
320 </div>
321 <div class="col-6 col-md-4 p-0">
322 <a class="dropdown-item js-dvp-set-geo-ip-country pt-1 pb-1" href="//www.dechra.uy?geo=@geoIpCountryCode"><span class="mr-1 d-inline-block dvp-flag-icon dvp-flag-icon-40"><img src="/Files/Images/Icons/Flags/UY.svg" alt="UY"></span>UY</a>
323 </div>
324 <div class="col-6 col-md-4 p-0">
325 <a class="dropdown-item js-dvp-set-geo-ip-country pt-1 pb-1" href="//www.dechra.com.ve?geo=@geoIpCountryCode"><span class="mr-1 d-inline-block dvp-flag-icon dvp-flag-icon-40"><img src="/Files/Images/Icons/Flags/VE.svg" alt="VE"></span>VE</a>
326 </div>
327 </div>
328 </div>
329 </li>
330 <li class="nav-item">
331 <a class="nav-link" href="https://academy.dechra.com/">
332 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="38.669" height="16.408" viewbox="0 0 38.669 16.408"><defs><clippath id="a"><rect width="38.669" height="16.408" fill="#00366d"></rect></clippath></defs><g clip-path="url(#a)"><path d="M13.759,13,11.79,16.409H8.208A8.2,8.2,0,1,1,8.208,0H21.273L19.3,3.411Z" transform="translate(0 -0.001)" fill="#00366d"></path><path d="M169.947,3.412,171.917,0H175.5a8.2,8.2,0,1,1,0,16.408H162.431L164.4,13h11.1a4.794,4.794,0,1,0,0-9.587Z" transform="translate(-145.037 -0.002)" fill="#00366d"></path><path d="M17.536,60.879h.573c.372,0,.728-.229.728-.876,0-.589-.2-.965-.843-.965h-.458ZM16.894,58.5h1.26a1.279,1.279,0,0,1,1.325,1.444,1.3,1.3,0,0,1-1.325,1.477h-1.26Z" transform="translate(-15.085 -52.234)" fill="#00366d"></path><path d="M44.488,66.378c-.053-.295-.18-.45-.462-.45a.458.458,0,0,0-.483.45Zm-.945.368c.016.368.2.536.52.536a.479.479,0,0,0,.458-.274h.511a.951.951,0,0,1-.99.712,1.033,1.033,0,0,1-1.08-1.113,1.063,1.063,0,1,1,2.107.139Z" transform="translate(-38.361 -58.477)" fill="#00366d"></path><path d="M66.435,66.293a.4.4,0,0,0-.43-.364c-.372,0-.495.376-.495.687s.119.667.483.667a.447.447,0,0,0,.462-.43h.56A.945.945,0,0,1,66,67.72a1.026,1.026,0,0,1-1.068-1.084,1.046,1.046,0,0,1,1.08-1.145.9.9,0,0,1,.994.8Z" transform="translate(-57.977 -58.478)" fill="#00366d"></path><path d="M86.757,58.5h.581v1.1h.012a.743.743,0,0,1,.618-.352c.618,0,.773.348.773.871v1.3H88.16V60.224c0-.348-.1-.519-.372-.519-.315,0-.45.176-.45.605v1.109h-.581Z" transform="translate(-77.467 -52.234)" fill="#00366d"></path><path d="M107.988,65.547h.552v.393h.008a.748.748,0,0,1,.675-.45.432.432,0,0,1,.127.02v.54a1.058,1.058,0,0,0-.208-.02c-.425,0-.573.307-.573.679v.953h-.581Z" transform="translate(-96.424 -58.477)" fill="#00366d"></path><path d="M123.415,66.627a1.157,1.157,0,0,1-.483.123c-.18.037-.344.1-.344.311s.168.27.356.27a.432.432,0,0,0,.47-.487Zm-1.342-.43c.033-.544.519-.708.994-.708.421,0,.929.094.929.6v1.1a1.084,1.084,0,0,0,.074.471h-.589a.875.875,0,0,1-.041-.2.971.971,0,0,1-.712.262c-.4,0-.72-.2-.72-.634,0-.479.36-.593.72-.642s.687-.041.687-.278-.172-.286-.376-.286c-.221,0-.364.09-.384.319Z" transform="translate(-108.943 -58.477)" fill="#00366d"></path></g></svg>
333 Academy</a>
334 </li>
335 <li class="nav-item">
336 <a class="nav-link" href="https://dechracareers.com/">
337
338 <svg xmlns="http://www.w3.org/2000/svg" width="23.188" height="18" viewbox="0 0 23.188 18">
339 <path id="careers_Blue_icon" data-name="careers Blue icon" d="M97.507,286.594a2.7,2.7,0,1,1,1.934-.79A2.631,2.631,0,0,1,97.507,286.594ZM91.826,293v-1.478a2.48,2.48,0,0,1,.319-1.29,2.126,2.126,0,0,1,.9-.826,9.589,9.589,0,0,1,2.174-.812,9.9,9.9,0,0,1,2.29-.261,10.461,10.461,0,0,1,2.29.246,8.437,8.437,0,0,1,2.174.826,1.928,1.928,0,0,1,.9.812,2.558,2.558,0,0,1,.319,1.3V293Zm-2.551-9.3a4.17,4.17,0,1,1,3.13-1.217A4.237,4.237,0,0,1,89.275,283.7ZM89.275,279.348ZM80,293v-2.725a3.471,3.471,0,0,1,.493-1.812,3.137,3.137,0,0,1,1.469-1.261,22.065,22.065,0,0,1,3.734-1.3,15.027,15.027,0,0,1,3.572-.435,14.076,14.076,0,0,1,1.66.087q.725.087,1.565.261l-.739.739-.739.739a6.847,6.847,0,0,0-.812-.072q-.435-.015-.928-.014a15.431,15.431,0,0,0-3.212.333,14.7,14.7,0,0,0-3.4,1.232,1.621,1.621,0,0,0-.667.638,1.678,1.678,0,0,0-.261.87v.985h8.348V293ZM90.087,291.261Zm-.812-9.3a2.528,2.528,0,1,0-1.87-.739A2.534,2.534,0,0,0,89.275,281.957Z" transform="translate(-80 -275)" fill="#00366d"></path>
340 </svg>
341 Careers
342 </a>
343 </li>
344 </ul>
345 </section>
346 }
347 @if( string.IsNullOrEmpty( GetString("DwNavigation(dwnavutilitiessecondaryheader)") ) == false ){
348 <section class="e-nav-utilities-secondary">
349 <ul class="nav">
350 @GetValue("DwNavigation(dwnavutilitiessecondaryheader)")
351 </ul>
352 </section>
353 }
354 @if( string.IsNullOrEmpty( GetString("DwNavigation(dwnavcontext)") ) == false ){
355 <section class="e-nav-context">
356 <ul class="nav">
357 @GetValue("DwNavigation(dwnavcontext)")
358 </ul>
359 </section>
360 }
361 </nav>
362 </div>
363 }
364 </article>
365 </div>
366 </div>
367 </div>
368 </div>
369 </header>
370 }
371
372 <main class="e-content">
373 @using Dynamicweb.Content;
374 @using Dynamicweb.Extensibility;
375 @{
376 string eBreadcrumbClasslist = "js-e-breadcrumb";
377 if( Espresso.Item.BreadcrumbColor != "auto" && Espresso.Item.BreadcrumbColor != "none" && String.IsNullOrEmpty( Espresso.Item.Breadcrumb ) == false ){
378 eBreadcrumbClasslist += string.Format(" e-breadcrumb-{0}", Espresso.Item.Breadcrumb );
379 }
380
381 string navigationHtmlBreadcrumb = RenderNavigation( new
382 {
383 id = "dwnav-breadcrumb",
384 template = "breadcrumb.xslt",
385 startlevel = 1,
386 endlevel = 15,
387 expandmode = "pathonly",
388 includemode = "all",
389 sitemapmode = true
390 } );
391
392 string ecomNavigationHtmlBreadcrumb = RenderNavigation( new
393 {
394 id = "dwnav-ecom-breadcrumb",
395 template = "ecom-breadcrumb.xslt",
396 startlevel = 1,
397 endlevel = 15,
398 expandmode = "pathonly",
399 includemode = "all",
400 sitemapmode = true
401 } );
402 }
403
404 @if( Espresso.Item.Breadcrumb != "none" && String.IsNullOrEmpty( Espresso.Item.Breadcrumb ) == false )
405 {
406 string homeMenuText = ServiceLocator.Current.GetPageService().GetFirstPageForArea( GetInteger( "DwAreaID" ) ).MenuText;
407
408 <section class="e-section mt-1 @eBreadcrumbClasslist">
409 <div class="container-fluid">
410 <div class="row">
411 <div class="col-12">
412 <div class="row">
413
414 <div class="col-12">
415 <nav class="e-breadcrumb-container">
416 <ol class="breadcrumb nav text-muted" itemscope="" itemtype="https://schema.org/BreadcrumbList">
417 <li class="breadcrumb-item m-0 p-0">
418 <span class="breadcrumb-prefix-text">
419 @Translate( "Breadcrumb - Prefix - Text", "You are here:" )
420 </span>
421 <a href="/" title="@homeMenuText">@homeMenuText</a>
422 </li>
423 @if(HttpContext.Current.Request["GroupID"] == null)
424 {
425 @navigationHtmlBreadcrumb
426 }
427 else
428 {
429 @ecomNavigationHtmlBreadcrumb
430 }
431 </ol>
432 </nav>
433 </div>
434
435 </div>
436 </div>
437 </div>
438 </div>
439 </section>
440 }
441
442 <article id="dwcontent-main" class="e-content-main @Espresso.ContentArea.Classes">
443 @{
444 string NavigationLocalHorizontalClasses = "e-nav-local e-nav-local-horizontal js-e-nav-local-horizontal reset-animate";
445 @* reset-animate *@
446 string NavigationLocalHorizontalContainerClasses = "e-nav-local-container";
447 if( Espresso.Item.NavigationLocalShow == "True" && Espresso.Item.NavigationLocalLayout == "horizontal" ) {
448 NavigationLocalHorizontalClasses += " " + Espresso.Item.NavigationLocalCustomClasses;
449 if( Espresso.Item.NavigationLocalSticky == "True" ) {
450 NavigationLocalHorizontalClasses += " is-sticky";
451 }
452 if( Espresso.Item.NavigationLocalAbsolute == "True" ) {
453 NavigationLocalHorizontalClasses += " is-absolute";
454 }
455 else{
456 if( Espresso.Item.NavigationLocalMarginTop != "0" && Espresso.Item.NavigationLocalMarginTop != "" ) {
457 NavigationLocalHorizontalClasses += " mt-" + Espresso.Item.NavigationLocalMarginTop;
458 }
459 if( Espresso.Item.NavigationLocalMarginBottom != "0" && Espresso.Item.NavigationLocalMarginBottom != "" ) {
460 NavigationLocalHorizontalClasses += " mb-" + Espresso.Item.NavigationLocalMarginBottom;
461 }
462 }
463 }
464 }
465 @if( Espresso.Item.NavigationLocalShow == "True" && Espresso.Item.NavigationLocalLayout == "horizontal" ) {
466 <section class="e-section @NavigationLocalHorizontalClasses">
467 <div class="container-fluid">
468 <div class="row">
469 <div class="col-12">
470 <div class="row">
471
472 <div class="col-12">
473 <nav id="dwnav-local-@Espresso.DynamicwebPage.ID" class="@NavigationLocalHorizontalContainerClasses">
474 <ul class="nav justify-content-start">
475 @if( Espresso.Item.NavigationLocalHeading != "" ){
476 <li class="e-nav-local-heading"><h2>@Espresso.Item.NavigationLocalHeading</h2></li>
477 }
478 @RenderNavigation( new {
479 id = "dwnav-local-" + Espresso.DynamicwebPage.ID,
480 parentid = string.IsNullOrEmpty( Espresso.Item.NavigationLocalParentPage ) == false ? Espresso.Item.NavigationLocalParentPage : Espresso.DynamicwebPage.ID,
481 template = string.IsNullOrEmpty( Espresso.Item.NavigationLocalTemplate ) == false ? Espresso.Item.NavigationLocalTemplate : "local-" + Espresso.Item.NavigationLocalLayout + ".xslt",
482 startlevel = Espresso.Item.NavigationLocalLevelStart,
483 endlevel = Espresso.Item.NavigationLocalLevelEnd,
484 expandmode = Espresso.Item.NavigationLocalPageTreeExpand == "True" ? "all" : "path",
485 } )
486 </ul>
487 </nav>
488 </div>
489
490 </div>
491 </div>
492 </div>
493 </div>
494 </section>
495 }
496 @{
497 string NavigationLocalVerticalClasses = "e-nav-local e-nav-local-vertical js-e-nav-local-vertical reset-animate";
498 string NavigationLocalVerticalContainerClasses = "e-nav-local-container";
499 if( Espresso.Item.NavigationLocalShow == "True" && Espresso.Item.NavigationLocalLayout == "vertical" ) {
500 NavigationLocalVerticalClasses += " " + Espresso.Item.NavigationLocalCustomClasses;
501 //NavigationLocalVerticalClasses += " col-3";
502
503 if( Espresso.Item.NavigationLocalMarginTop != "0" && Espresso.Item.NavigationLocalMarginTop != "" ) {
504 NavigationLocalVerticalClasses += " mt-" + Espresso.Item.NavigationLocalMarginTop;
505 }
506 if( Espresso.Item.NavigationLocalMarginBottom != "0" && Espresso.Item.NavigationLocalMarginBottom != "" ) {
507 NavigationLocalVerticalClasses += " mb-" + Espresso.Item.NavigationLocalMarginBottom;
508 }
509
510 if( Espresso.Item.NavigationLocalSticky == "True" ) {
511 NavigationLocalVerticalClasses += " is-sticky";
512 }
513 if( Espresso.Item.NavigationLocalAbsolute == "True" ) {
514 NavigationLocalVerticalClasses += " is-absolute";
515 }
516 else{
517 Espresso.ContentSection.Classes.Clear();
518 Espresso.ContentSection.Classes.AddClasses("col-12 col-lg-9 ml-auto");
519 }
520 }
521 }
522
523 @if( Espresso.Item.NavigationLocalShow == "True" && Espresso.Item.NavigationLocalLayout == "vertical" ) {
524 <section class="e-section @NavigationLocalVerticalClasses">
525 <div class="container-fluid">
526 <div class="row">
527 <div class="col-12">
528 <div class="row">
529
530 <div class="col-3">
531 <nav id="dwnav-local-@Espresso.DynamicwebPage.ID" class="@NavigationLocalVerticalContainerClasses">
532 <ul class="nav flex-column">
533 @if( Espresso.Item.NavigationLocalHeading != "" ){
534 <li class="e-nav-local-heading"><h2>@Espresso.Item.NavigationLocalHeading</h2></li>
535 }
536 @RenderNavigation( new {
537 id = "dwnav-local-" + Espresso.DynamicwebPage.ID,
538 parentid = string.IsNullOrEmpty( Espresso.Item.NavigationLocalParentPage ) == false ? Espresso.Item.NavigationLocalParentPage : Espresso.DynamicwebPage.ID,
539 template = string.IsNullOrEmpty( Espresso.Item.NavigationLocalTemplate ) == false ? Espresso.Item.NavigationLocalTemplate : "local-" + Espresso.Item.NavigationLocalLayout + ".xslt",
540 startlevel = Espresso.Item.NavigationLocalLevelStart,
541 endlevel = Espresso.Item.NavigationLocalLevelEnd,
542 expandmode = Espresso.Item.NavigationLocalPageTreeExpand == "True" ? "all" : "path",
543 } )
544 </ul>
545 </nav>
546 </div>
547
548 </div>
549 </div>
550 </div>
551 </div>
552 </section>
553 }
554
555
556 <section class="e-section">
557 <div class="container-fluid">
558 <div class="row">
559 <div class="@Espresso.ContentSection.Classes">
560 <div class="row">
561 @GetValue("DwContent(dwcontentmain)")
562 </div>
563 </div>
564 </div>
565 </div>
566 </section>
567 </article>
568 </main>
569 @{
570 string localAddressesLink = Espresso.Area.Item.LocalAddressesLink;
571 string generalInquiryPage = Espresso.Area.Item.GeneralInquiryPage;
572 }
573
574 @if( Espresso.Item.FooterHide != "True" ){
575 <footer class="e-footer">
576 <article class="e-footer-wrapper">
577 @if( Espresso.Area.Item.HideLocalAddressesBar != "True" ){
578 <section class="e-section dvp-footer-custom-local-addresses">
579 <div class="container-fluid">
580 <div class="row">
581 <div class="col-12 col-sm-10 text-left">
582 @if(!string.IsNullOrEmpty(localAddressesLink))
583 {
584 <h3>
585 <a href="@localAddressesLink">@Translate("Local adresses in United Kingdom","Local adresses in United Kingdom")</a>
586 </h3>
587 }
588 </div>
589 <div class="col-12 col-sm-2 mt-2 mt-sm-0 text-left text-md-right">
590 @using Co3.Dechra.DVP.Website.UiServices;
591 @{
592 Area currentArea = PageView.Current().Area;
593
594 string currentFlag = CountryUiService.GetCountryCode(currentArea);
595 string globalUrl = string.Empty;
596 string globalFlag = string.Empty;
597
598 IList<Area> areaCollection = new AreaService().GetAreas();
599
600 string geoCountry = string.Empty;
601
602 if(RedirectUiService.CookieExist() && !string.IsNullOrEmpty(RedirectUiService.GetCookieValue()))
603 {
604 geoCountry = RedirectUiService.GetCookieValue();
605 }
606 else if(!string.IsNullOrEmpty(HttpContext.Current.Request["geo"]))
607 {
608 geoCountry = HttpContext.Current.Request["geo"];
609 }
610 }
611 <div class="dropdown dvp-language-selector">
612 @if(currentArea.ID == 40 || currentArea.ID == 41)
613 {
614 string title = currentArea.ID == 40 ? "Français" : "English" ;
615 string lang = currentArea.ID == 40 ? "FR" : "EN" ;
616 string langUrl = currentArea.ID == 40 ? "https://fr.dechra.ca" : "https://www.dechra.ca" ;
617
618 if(!string.IsNullOrEmpty(geoCountry))
619 {
620 langUrl += $"?geo={geoCountry}";
621 }
622
623 <a class="float-left float-md-right dvp-language-region js-dvp-set-geo-ip-country" title="@title" href="@langUrl">
624 <span class="d-inline-block">@lang</span>
625 </a>
626 }
627 <a class="dropdown-toggle float-left float-md-right" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
628 <span class="d-inline-block dvp-flag-icon dvp-flag-icon-20"><img src="/Files/Images/Icons/Flags/@(currentFlag).svg" alt="@currentFlag"></span>
629 </a>
630 <div class="dropdown-menu dropdown-menu-right p-0" aria-labelledby="dropdownMenuLink">
631 <div class="row m-0">
632 @foreach(Area area in areaCollection.OrderBy(a => CountryUiService.GetCountryCode(a)))
633 {
634 string flag = CountryUiService.GetCountryCode(area);
635
636 Item websiteSettings = area.Item;
637
638 if(area.Active && !string.IsNullOrEmpty(area.DomainLock) && area.UniqueId!=currentArea.UniqueId && websiteSettings != null && websiteSettings["WebsiteIsLive"] != null && websiteSettings["WebsiteIsLive"].ToString() == "True")
639 {
640 if(flag != "global")
641 {
642 string url = $"//{area.DomainLock}";
643
644 if(!string.IsNullOrEmpty(geoCountry))
645 {
646 url = $"//{area.DomainLock}?geo={geoCountry}";
647 }
648
649 <div class="col-6 col-md-4 p-0">
650 <a class="dropdown-item js-dvp-set-geo-ip-country pt-1 pb-1" href="@url"><span class="mr-1 d-inline-block dvp-flag-icon dvp-flag-icon-40"><img src="/Files/Images/Icons/Flags/@(flag).svg" alt="@flag"></span>@flag</a>
651 </div>
652 }
653 else
654 {
655 globalFlag = flag;
656 globalUrl = $"//{area.DomainLock}";
657
658 if(!string.IsNullOrEmpty(geoCountry))
659 {
660 globalUrl = $"//{area.DomainLock}?geo={geoCountry}";
661 }
662 }
663 }
664 }
665 @if(!string.IsNullOrEmpty(globalFlag) && !string.IsNullOrEmpty(globalUrl))
666 {
667 <div class="col-6 col-md-4 p-0">
668 <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>
669 </div>
670 }
671 </div>
672 <div class="row pt-1 pb-1 m-0 border border-bottom-0 border-left-0 border-right-0">
673 <div class="col-12 px-2 small">
674 <small>
675 @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")
676 </small>
677 </div>
678 </div>
679 </div>
680 </div>
681 </div>
682 </div>
683 </div>
684 </section>
685 }
686 @if( Espresso.Area.Item.HideCustomerServiceBar != "True" ){
687 <section class="e-section dvp-footer-custom-customerservice p-section-txt-light">
688 <div class="container-fluid">
689 <div class="row">
690 <div class="col-12 col-md-8 dvp-footer-custom-supportinfo">
691 <div class="flex-container">
692 <div class="flex-item">
693 <h3>@Translate("Customer Service","Customer Service")</h3>
694 </div>
695 <div class="flex-item">
696 <small>@Translate("For further information please contact our Customer Services Team","For further information please contact our Customer Services Team")</small>
697 </div>
698 </div>
699 </div>
700 <div class="col-12 col-md-4 mt-2 mt-md-0 text-md-right dvp-footer-custom-phonenumber">
701 @if(!string.IsNullOrEmpty(generalInquiryPage))
702 {
703 <a href="/Default.aspx?ID=@generalInquiryPage" class="btn btn-sm btn-secondary">@Translate("Submit an electronic inquiry","Submit an electronic inquiry")</a>
704 }
705 @if(Espresso.Area.Item.HideCustomerServicePhone != "True")
706 {
707 <br class="d-sm-none"> @Translate("or call:","or call:")
708 @Translate("CustomerServiceNumber","01939 211200")
709 }
710 </div>
711 </div>
712 </div>
713 </section>
714 }
715
716 @if ( !string.IsNullOrEmpty( Espresso.Area.Item.FooterPageId ) )
717 {
718 <section class="e-footer-content e-section dvp-footer-custom-main">
719 <div class="container-fluid">
720 <div class="row">
721 @RenderPageContent( int.Parse( Espresso.Area.Item.FooterPageId ) )
722 </div>
723 </div>
724 </section>
725 }
726 <section class="e-footer-copyright e-section">
727 <div class="container-fluid">
728 <div class="row">
729 <div class="col-12">
730 @if( string.IsNullOrEmpty( GetString("DwNavigation(dwnavutilitiessecondaryfooter)") ) == false ){
731 <aside class="e-nav-utilities-secondary">
732 <ul class="nav nav-inline">
733 @GetValue("DwNavigation(dwnavutilitiessecondaryfooter)")
734 <li class="nav-item"><a class="nav-link" href="https://www.linkedin.com/company/dechra-veterinary-products/" target="_blank">Follow Us <img alt="Linked In" src="/Files/Templates/Designs/dechra-com/_assets/img/icons/linkedin.png"></a></li>
735 </ul>
736 </aside>
737 }
738 </div>
739 </div>
740 </div>
741 </section>
742 </article>
743 </footer>
744 }
745
746 </div>
747 @if( Espresso.Area.Item.Search == "True" ){
748
749 <div class="modal fade e-search js-e-search js-e-search-modal modal-fullscreen" data-backdrop="false" data-keyboard="true" data-focus="true">
750 <div class="modal-dialog">
751 <div class="modal-content">
752 <div class="modal-header">
753 <div class="container-fluid">
754 <div class="row align-items-center">
755 <div class="col-6">
756 <a class="btn btn-sm btn-secondary js-e-back-link arrow-left" href="/" data-dismiss="modal">
757 @Translate("Search - Back button", "Back")
758 </a>
759 </div>
760 <div class="col-6">
761 <div class="e-logo mr-0 float-right">
762 <a href="/" class="e-logo-link my-0">
763 <img src="@Logo" class="e-logo-img e-logo-img-primary" alt="@Tagline">
764 </a>
765 </div>
766 </div>
767 </div>
768 </div>
769 </div>
770 <div class="modal-body">
771 <div class="container-fluid">
772 <div class="row align-items-center dvp-no-overlay">
773
774 <div class="col-12 col-md-3 order-2 order-md-1">
775 <p class="e-search-result-info h3 m-0 mt-1 mt-md-0">
776 <span class="js-dvp-search-result-success d-none">
777 <span class="js-e-search-result-count">0</span> @Translate("Search - Result Count - Text", "results")
778 </span>
779 <span class="js-dvp-search-result-loading dvp-search-result-loading">
780 <span class="dvp-loading-spinner"></span> @Translate("Search - Result Loading - Text", "Searching...")
781 </span>
782 </p>
783 </div>
784
785 <div class="col-12 col-md-9 order-1 order-md-2">
786 <form action="" class="e-search-form js-e-search-form">
787 <div class="js-e-search-input-group e-search-input-group is-empty">
788 <label class="e-search-label" for="e-search-input"><i class="material-icons">search</i></label>
789 <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")'>
790 <span class="js-e-search-clear e-search-clear"><i class="material-icons">close</i></span>
791 <button class="e-search-submit btn btn-primary" type="submit"><i class="material-icons pa-0">search</i></button>
792 </div>
793 </form>
794 </div>
795 </div>
796
797 <div class="js-e-search-result-container e-search-result-container">
798 <div class="row">
799 <div class="col-12 col-md-3">
800 <div class="e-search-form-container pt-4">
801
802 <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>
803 <div class="col-12 px-0">
804 <div class="list-group font-weight-bold js-dvp-search-menu">
805
806 <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">
807 <span class="align-middle">@Translate("Products","Products") <em>(<span class="js-e-search-product-count">0</span>)</em></span>
808 </a>
809
810 <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">
811 <span class="align-middle">@Translate("Therapy Areas","Therapy Areas") <em>(<span class="js-e-search-therapyarea-count">0</span>)</em></span>
812 </a>
813
814 <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">
815 <span class="align-middle">@Translate("Supplementary Materials","Supplementary Materials") <em>(<span class="js-e-search-supportmaterials-count">0</span>)</em></span>
816 </a>
817
818 <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">
819 <span class="align-middle">@Translate("Videos","Videos") <em>(<span class="js-e-search-videos-count">0</span>)</em></span>
820 </a>
821
822 <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">
823 <span class="align-middle">@Translate("Academy Courses","Academy Courses") <em>(<span class="js-e-search-elearning-count">0</span>)</em></span>
824 </a>
825
826 <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">
827 <span class="align-middle">@Translate("Upcoming Events","Upcoming Events") <em>(<span class="js-e-search-events-count">0</span>)</em></span>
828 </a>
829
830 <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">
831 <span class="align-middle">@Translate("Frequent Product Questions","Frequent Product Questions") <em>(<span class="js-e-search-faq-count">0</span>)</em></span>
832 </a>
833
834 <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">
835 <span class="align-middle">@Translate("News","News") <em>(<span class="js-e-search-news-count">0</span>)</em></span>
836 </a>
837
838 <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">
839 <span class="align-middle">@Translate("Content","Content") <em>(<span class="js-e-search-page-count">0</span>)</em></span>
840 </a>
841
842 <a href="javascript:void(0);" data-scrollto="com-scroll-to-reports" class="px-1 list-group-item list-group-item-action text-primary d-none">
843 <span class="align-middle">@Translate("Reports","Reports") <em>(<span class="js-e-search-reports-count">0</span>)</em></span>
844 </a>
845
846 </div>
847 </div>
848
849 </div>
850 </div>
851 <div class="col-12 col-md-9 mt-3 mt-md-4">
852
853
854 <div id="dvp-scroll-to-products" class="js-e-search-result-products e-search-result-products is-empty mb-6">
855 <div class="row">
856 <div class="col-12">
857 <div class="pb-1 dvp-search-subject-header">
858 <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>
859 </div>
860 </div>
861 </div>
862 <div class="js-dvp-search-result-products-restricted mb-4">
863 <script id="js-e-handlebars-tmpl-dvp-search-result-item-product-restricted" type="text/x-handlebars-template">
864 <div class="row pb-1">
865 <div class="col-12 px-2 pt-4 text-center">
866 <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>
867 <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>
868 </div>
869 </div>
870 </script>
871 </div>
872 <div class="js-dvp-search-result-products-prescription mb-4">
873 <script id="js-e-handlebars-tmpl-dvp-search-result-item-product-prescription" type="text/x-handlebars-template">
874 <div class="e-products">
875 <div class="row">
876 <div class="col-12">
877 <h4 class="py-1 mb-0 mt-1 bg-blue-light text-white text-center">@Translate("Prescription Only Products","Prescription Only Products")</h4>
878 </div>
879 </div>
880 <div class="row">
881 {{#each products}}
882 <div class="col-12 col-md-4 mt-2 d-flex">
883 <div class="e-products-item border">
884 <div class="e-products-item-container">
885 <a href="{{url}}" class="js-search-tracking" data-tracking="{{{trackingName}}} - click">
886 <div class="col-12 dvp-image-container text-center">
887 <img src="{{imageLarge}}" alt="{{{trackingName}}}">
888 </div>
889 <div class="col-12 text-center">
890 <p class="mb-0 px-1">
891 {{{displayName}}}
892 </p>
893 </div>
894 </a>
895 <div class="col-12 text-center">
896 <div class="is-visible-on-hover">
897 <p class="e-products-item-text mb-0 mt-2 small">
898 {{#if datasheet}}
899 <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")">
900 <span class="text-truncate">@Translate("Datasheet","Datasheet")</span> <i class="material-icons">get_app</i>
901 </a>
902 {{/if}}
903 {{#if packInsert}}
904 <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")">
905 <span class="text-truncate">@Translate("Pack Insert","Pack Insert")</span> <i class="material-icons">get_app</i>
906 </a>
907 {{/if}}
908 {{#if SPC}}
909 <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")">
910 <span class="text-truncate">@Translate("SPC","SPC")</span> <i class="material-icons">get_app</i>
911 </a>
912 {{/if}}
913 {{#if MSDS}}
914 <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")">
915 <span class="text-truncate">@Translate("MSDS","MSDS")</span> <i class="material-icons">get_app</i>
916 </a>
917 {{/if}}
918 </p>
919 </div>
920 </div>
921 </div>
922 </div>
923 </div>
924 {{/each}}
925 </div>
926 <p class="js-e-search-products-show-all mt-2 text-center">
927 <a href="javascript:void(0);" class="btn btn-primary border px-2 px-md-6">@Translate("Show more products","Show more products") ({{showMoreCount}})</a>
928 </p>
929 </div>
930 </script>
931 </div>
932
933 <div class="js-dvp-search-result-products-nonprescription mb-4">
934 <script id="js-e-handlebars-tmpl-dvp-search-result-item-product-nonprescription" type="text/x-handlebars-template">
935 <div class="e-products">
936 <div class="row">
937 <div class="col-12">
938 <h4 class="py-1 mb-0 mt-1 bg-blue-light text-white text-center">@Translate("Non Prescription Products","Non Prescription Products")</h4>
939 </div>
940 </div>
941 <div class="row">
942 {{#each products}}
943 <div class="col-12 col-md-4 mt-2 d-flex">
944 <div class="e-products-item border">
945 <div class="e-products-item-container">
946 <a href="{{url}}" class="js-search-tracking" data-tracking="{{{trackingName}}} - click">
947 <div class="col-12 dvp-image-container text-center">
948 <img src="{{imageLarge}}" alt="{{{trackingName}}}">
949 </div>
950 <div class="col-12 text-center">
951 <p class="mb-0 px-1">{{{displayName}}}</p>
952 </div>
953 </a>
954 <div class="col-12 text-center">
955 <div class="is-visible-on-hover">
956 <p class="e-products-item-text mb-0 mt-2 small">
957 {{#if datasheet}}
958 <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")">
959 <span class="text-truncate">@Translate("Datasheet","Datasheet")</span> <i class="material-icons">get_app</i>
960 </a>
961 {{/if}}
962 {{#if packInsert}}
963 <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")">
964 <span class="text-truncate">@Translate("Pack Insert","Pack Insert")</span> <i class="material-icons">get_app</i>
965 </a>
966 {{/if}}
967 {{#if SPC}}
968 <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")">
969 <span class="text-truncate">@Translate("SPC","SPC")</span> <i class="material-icons">get_app</i>
970 </a>
971 {{/if}}
972 {{#if MSDS}}
973 <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")">
974 <span class="text-truncate">@Translate("MSDS","MSDS")</span> <i class="material-icons">get_app</i>
975 </a>
976 {{/if}}
977 </p>
978 </div>
979 </div>
980 </div>
981 </div>
982 </div>
983 {{/each}}
984 </div>
985 <p class="js-e-search-products-show-all mt-2 text-center">
986 <a href="javascript:void(0);" class="btn btn-primary border px-2 px-md-6">@Translate("Show more products","Show more products") ({{showMoreCount}})</a>
987 </p>
988 </div>
989 </script>
990 </div>
991
992 <div class="js-dvp-search-result-products-pharmacyonly mb-4">
993 <script id="js-e-handlebars-tmpl-dvp-search-result-item-product-pharmacyonly" type="text/x-handlebars-template">
994 <div class="e-products">
995 <div class="row">
996 <div class="col-12">
997 <h4 class="py-1 mb-0 mt-1 bg-blue-light text-white text-center">@Translate("Pharmacy Only Products","Pharmacy Only Products")</h4>
998 </div>
999 </div>
1000 <div class="row">
1001 {{#each products}}
1002 <div class="col-12 col-md-4 mt-2 d-flex">
1003 <div class="e-products-item border">
1004 <div class="e-products-item-container">
1005 <a href="{{url}}" class="js-search-tracking" data-tracking="{{{trackingName}}} - click">
1006 <div class="col-12 dvp-image-container text-center">
1007 <img src="{{imageLarge}}" alt="{{{trackingName}}}">
1008 </div>
1009 <div class="col-12 text-center">
1010 <p class="mb-0 px-1">
1011 {{{displayName}}}
1012 </p>
1013 </div>
1014 </a>
1015 <div class="col-12 text-center">
1016 <div class="is-visible-on-hover">
1017 <p class="e-products-item-text mb-0 mt-2 small">
1018 {{#if datasheet}}
1019 <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")">
1020 <span class="text-truncate">@Translate("Datasheet","Datasheet")</span> <i class="material-icons">get_app</i>
1021 </a>
1022 {{/if}}
1023 {{#if packInsert}}
1024 <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")">
1025 <span class="text-truncate">@Translate("Pack Insert","Pack Insert")</span> <i class="material-icons">get_app</i>
1026 </a>
1027 {{/if}}
1028 {{#if SPC}}
1029 <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")">
1030 <span class="text-truncate">@Translate("SPC","SPC")</span> <i class="material-icons">get_app</i>
1031 </a>
1032 {{/if}}
1033 {{#if MSDS}}
1034 <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")">
1035 <span class="text-truncate">@Translate("MSDS","MSDS")</span> <i class="material-icons">get_app</i>
1036 </a>
1037 {{/if}}
1038 </p>
1039 </div>
1040 </div>
1041 </div>
1042 </div>
1043 </div>
1044 {{/each}}
1045 </div>
1046 <p class="js-e-search-products-show-all mt-2 text-center">
1047 <a href="javascript:void(0);" class="btn btn-primary border px-2 px-md-6">@Translate("Show more products","Show more products") ({{showMoreCount}})</a>
1048 </p>
1049 </div>
1050 </script>
1051 </div>
1052
1053 <div class="js-dvp-search-result-products-controlleddrug mb-4">
1054 <script id="js-e-handlebars-tmpl-dvp-search-result-item-product-controlleddrug" type="text/x-handlebars-template">
1055 <div class="e-products">
1056 <div class="row">
1057 <div class="col-12">
1058 <h4 class="py-1 mb-0 mt-1 bg-blue-light text-white text-center">@Translate("Controlled Drug Products","Controlled Drug Products")</h4>
1059 </div>
1060 </div>
1061 <div class="row">
1062 {{#each products}}
1063 <div class="col-12 col-md-4 mt-2 d-flex">
1064 <div class="e-products-item border">
1065 <div class="e-products-item-container">
1066 <a href="{{url}}" class="js-search-tracking" data-tracking="{{{trackingName}}} - click">
1067 <div class="col-12 dvp-image-container text-center">
1068 <img src="{{imageLarge}}" alt="{{{trackingName}}}">
1069 </div>
1070 <div class="col-12 text-center">
1071 <p class="mb-0 px-1">
1072 {{{displayName}}}
1073 </p>
1074 </div>
1075 </a>
1076 <div class="col-12 text-center">
1077 <div class="is-visible-on-hover">
1078 <p class="e-products-item-text mb-0 mt-2 small">
1079 {{#if datasheet}}
1080 <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")">
1081 <span class="text-truncate">@Translate("Datasheet","Datasheet")</span> <i class="material-icons">get_app</i>
1082 </a>
1083 {{/if}}
1084 {{#if packInsert}}
1085 <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")">
1086 <span class="text-truncate">@Translate("Pack Insert","Pack Insert")</span> <i class="material-icons">get_app</i>
1087 </a>
1088 {{/if}}
1089 {{#if SPC}}
1090 <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")">
1091 <span class="text-truncate">@Translate("SPC","SPC")</span> <i class="material-icons">get_app</i>
1092 </a>
1093 {{/if}}
1094 {{#if MSDS}}
1095 <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")">
1096 <span class="text-truncate">@Translate("MSDS","MSDS")</span> <i class="material-icons">get_app</i>
1097 </a>
1098 {{/if}}
1099 </p>
1100 </div>
1101 </div>
1102 </div>
1103 </div>
1104 </div>
1105 {{/each}}
1106 </div>
1107 <p class="js-e-search-products-show-all mt-2 text-center">
1108 <a href="javascript:void(0);" class="btn btn-primary border px-2 px-md-6">@Translate("Show more products","Show more products") ({{showMoreCount}})</a>
1109 </p>
1110 </div>
1111 </script>
1112 </div>
1113
1114 <div class="js-dvp-search-result-products-addictivesubstances mb-4">
1115 <script id="js-e-handlebars-tmpl-dvp-search-result-item-product-addictivesubstances" type="text/x-handlebars-template">
1116 <div class="e-products">
1117 <div class="row">
1118 <div class="col-12">
1119 <h4 class="py-1 mb-0 mt-1 bg-blue-light text-white text-center">@Translate("Addictive Substances Products","Addictive Substances Products")</h4>
1120 </div>
1121 </div>
1122 <div class="row">
1123 {{#each products}}
1124 <div class="col-12 col-md-4 mt-2 d-flex">
1125 <div class="e-products-item border">
1126 <div class="e-products-item-container">
1127 <a href="{{url}}" class="js-search-tracking" data-tracking="{{{trackingName}}} - click">
1128 <div class="col-12 dvp-image-container text-center">
1129 <img src="{{imageLarge}}" alt="{{{trackingName}}}">
1130 </div>
1131 <div class="col-12 text-center">
1132 <p class="mb-0 px-1">
1133 {{{displayName}}}
1134 </p>
1135 </div>
1136 </a>
1137 <div class="col-12 text-center">
1138 <div class="is-visible-on-hover">
1139 <p class="e-products-item-text mb-0 mt-2 small">
1140 {{#if datasheet}}
1141 <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")">
1142 <span class="text-truncate">@Translate("Datasheet","Datasheet")</span> <i class="material-icons">get_app</i>
1143 </a>
1144 {{/if}}
1145 {{#if packInsert}}
1146 <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")">
1147 <span class="text-truncate">@Translate("Pack Insert","Pack Insert")</span> <i class="material-icons">get_app</i>
1148 </a>
1149 {{/if}}
1150 {{#if SPC}}
1151 <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")">
1152 <span class="text-truncate">@Translate("SPC","SPC")</span> <i class="material-icons">get_app</i>
1153 </a>
1154 {{/if}}
1155 {{#if MSDS}}
1156 <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")">
1157 <span class="text-truncate">@Translate("MSDS","MSDS")</span> <i class="material-icons">get_app</i>
1158 </a>
1159 {{/if}}
1160 </p>
1161 </div>
1162 </div>
1163 </div>
1164 </div>
1165 </div>
1166 {{/each}}
1167 </div>
1168 <p class="js-e-search-products-show-all mt-2 text-center">
1169 <a href="javascript:void(0);" class="btn btn-primary border px-2 px-md-6">@Translate("Show more products","Show more products") ({{showMoreCount}})</a>
1170 </p>
1171 </div>
1172 </script>
1173 </div>
1174
1175 <div class="js-dvp-search-result-products-psychotropic mb-4">
1176 <script id="js-e-handlebars-tmpl-dvp-search-result-item-product-psychotropic" type="text/x-handlebars-template">
1177 <div class="e-products">
1178 <div class="row">
1179 <div class="col-12">
1180 <h4 class="py-1 mb-0 mt-1 bg-blue-light text-white text-center">@Translate("Psychotropic Products","Psychotropic Products")</h4>
1181 </div>
1182 </div>
1183 <div class="row">
1184 {{#each products}}
1185 <div class="col-12 col-md-4 mt-2 d-flex">
1186 <div class="e-products-item border">
1187 <div class="e-products-item-container">
1188 <a href="{{url}}" class="js-search-tracking" data-tracking="{{{trackingName}}} - click">
1189 <div class="col-12 dvp-image-container text-center">
1190 <img src="{{imageLarge}}" alt="{{{trackingName}}}">
1191 </div>
1192 <div class="col-12 text-center">
1193 <p class="mb-0 px-1">
1194 {{{displayName}}}
1195 </p>
1196 </div>
1197 </a>
1198 <div class="col-12 text-center">
1199 <div class="is-visible-on-hover">
1200 <p class="e-products-item-text mb-0 mt-2 small">
1201 {{#if datasheet}}
1202 <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")">
1203 <span class="text-truncate">@Translate("Datasheet","Datasheet")</span> <i class="material-icons">get_app</i>
1204 </a>
1205 {{/if}}
1206 {{#if packInsert}}
1207 <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")">
1208 <span class="text-truncate">@Translate("Pack Insert","Pack Insert")</span> <i class="material-icons">get_app</i>
1209 </a>
1210 {{/if}}
1211 {{#if SPC}}
1212 <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")">
1213 <span class="text-truncate">@Translate("SPC","SPC")</span> <i class="material-icons">get_app</i>
1214 </a>
1215 {{/if}}
1216 {{#if MSDS}}
1217 <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")">
1218 <span class="text-truncate">@Translate("MSDS","MSDS")</span> <i class="material-icons">get_app</i>
1219 </a>
1220 {{/if}}
1221 </p>
1222 </div>
1223 </div>
1224 </div>
1225 </div>
1226 </div>
1227 {{/each}}
1228 </div>
1229 <p class="js-e-search-products-show-all mt-2 text-center">
1230 <a href="javascript:void(0);" class="btn btn-primary border px-2 px-md-6">@Translate("Show more products","Show more products") ({{showMoreCount}})</a>
1231 </p>
1232 </div>
1233 </script>
1234 </div>
1235
1236 <div class="js-dvp-search-result-products-supplementaryfeed mb-4">
1237 <script id="js-e-handlebars-tmpl-dvp-search-result-item-product-supplementaryfeed" type="text/x-handlebars-template">
1238 <div class="e-products">
1239 <div class="row">
1240 <div class="col-12">
1241 <h4 class="py-1 mb-0 mt-1 bg-blue-light text-white text-center">@Translate("Supplementary Feed Products","Supplementary Feed Products")</h4>
1242 </div>
1243 </div>
1244 <div class="row">
1245 {{#each products}}
1246 <div class="col-12 col-md-4 mt-2 d-flex">
1247 <div class="e-products-item border">
1248 <div class="e-products-item-container">
1249 <a href="{{url}}" class="js-search-tracking" data-tracking="{{{trackingName}}} - click">
1250 <div class="col-12 dvp-image-container text-center">
1251 <img src="{{imageLarge}}" alt="{{{trackingName}}}">
1252 </div>
1253 <div class="col-12 text-center">
1254 <p class="mb-0 px-1">
1255 {{{displayName}}}
1256 </p>
1257 </div>
1258 </a>
1259 <div class="col-12 text-center">
1260 <div class="is-visible-on-hover">
1261 <p class="e-products-item-text mb-0 mt-2 small">
1262 {{#if datasheet}}
1263 <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")">
1264 <span class="text-truncate">@Translate("Datasheet","Datasheet")</span> <i class="material-icons">get_app</i>
1265 </a>
1266 {{/if}}
1267 {{#if packInsert}}
1268 <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")">
1269 <span class="text-truncate">@Translate("Pack Insert","Pack Insert")</span> <i class="material-icons">get_app</i>
1270 </a>
1271 {{/if}}
1272 {{#if SPC}}
1273 <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")">
1274 <span class="text-truncate">@Translate("SPC","SPC")</span> <i class="material-icons">get_app</i>
1275 </a>
1276 {{/if}}
1277 {{#if MSDS}}
1278 <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")">
1279 <span class="text-truncate">@Translate("MSDS","MSDS")</span> <i class="material-icons">get_app</i>
1280 </a>
1281 {{/if}}
1282 </p>
1283 </div>
1284 </div>
1285 </div>
1286 </div>
1287 </div>
1288 {{/each}}
1289 </div>
1290 <p class="js-e-search-products-show-all mt-2 text-center">
1291 <a href="javascript:void(0);" class="btn btn-primary border px-2 px-md-6">@Translate("Show more products","Show more products") ({{showMoreCount}})</a>
1292 </p>
1293 </div>
1294 </script>
1295 </div>
1296
1297 <div class="js-dvp-search-result-products-suppliesinstrument mb-4">
1298 <script id="js-e-handlebars-tmpl-dvp-search-result-item-product-suppliesinstrument" type="text/x-handlebars-template">
1299 <div class="e-products">
1300 <div class="row">
1301 <div class="col-12">
1302 <h4 class="py-1 mb-0 mt-1 bg-blue-light text-white text-center">@Translate("Supplies And Instrument Products","Supplies & Instrument Products")</h4>
1303 </div>
1304 </div>
1305 <div class="row">
1306 {{#each products}}
1307 <div class="col-12 col-md-4 mt-2 d-flex">
1308 <div class="e-products-item border">
1309 <div class="e-products-item-container">
1310 <a href="{{url}}" class="js-search-tracking" data-tracking="{{{trackingName}}} - click">
1311 <div class="col-12 dvp-image-container text-center">
1312 <img src="{{imageLarge}}" alt="{{{trackingName}}}">
1313 </div>
1314 <div class="col-12 text-center">
1315 <p class="mb-0 px-1">
1316 {{{displayName}}}
1317 </p>
1318 </div>
1319 </a>
1320 <div class="col-12 text-center">
1321 <div class="is-visible-on-hover">
1322 <p class="e-products-item-text mb-0 mt-2 small">
1323 {{#if datasheet}}
1324 <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")">
1325 <span class="text-truncate">@Translate("Datasheet","Datasheet")</span> <i class="material-icons">get_app</i>
1326 </a>
1327 {{/if}}
1328 </p>
1329 </div>
1330 </div>
1331 </div>
1332 </div>
1333 </div>
1334 {{/each}}
1335 </div>
1336 <p class="js-e-search-products-show-all mt-2 text-center">
1337 <a href="javascript:void(0);" class="btn btn-primary border px-2 px-md-6">@Translate("Show more products","Show more products") ({{showMoreCount}})</a>
1338 </p>
1339 </div>
1340 </script>
1341 </div>
1342
1343 <div class="js-dvp-search-result-products-diet mb-4">
1344 <script id="js-e-handlebars-tmpl-dvp-search-result-item-product-diet" type="text/x-handlebars-template">
1345 <div class="e-products">
1346 <div class="row">
1347 <div class="col-12">
1348 <h4 class="py-1 mb-0 mt-1 bg-blue-light text-white text-center">@Translate("Diet products","Diet products")</h4>
1349 </div>
1350 </div>
1351 <div class="row">
1352 {{#each products}}
1353 <div class="col-12 col-md-4 mt-2 d-flex">
1354 <div class="e-products-item border">
1355 <div class="e-products-item-container">
1356 <a href="{{url}}" class="js-search-tracking" data-tracking="{{{trackingName}}} - click">
1357 <div class="col-12 dvp-image-container text-center">
1358 <img src="{{imageLarge}}" alt="{{{trackingName}}}">
1359 </div>
1360 <div class="col-12 text-center">
1361 <p class="mb-0 px-1">{{{displayName}}}</p>
1362 </div>
1363 </a>
1364 <div class="col-12 text-center">
1365 <div class="is-visible-on-hover">
1366 <p class="e-products-item-text mb-0 mt-2 small">
1367 {{#if datasheet}}
1368 <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")">
1369 <span class="text-truncate">@Translate("Datasheet","Datasheet")</span> <i class="material-icons">get_app</i>
1370 </a>
1371 {{/if}}
1372 </p>
1373 </div>
1374 </div>
1375 </div>
1376 </div>
1377 </div>
1378 {{/each}}
1379 </div>
1380 <p class="js-e-search-products-show-all mt-2 text-center">
1381 <a href="javascript:void(0);" class="btn btn-primary border px-2 px-md-6">@Translate("Show more products","Show more products") ({{showMoreCount}})</a>
1382 </p>
1383 </div>
1384 </script>
1385 </div>
1386 </div>
1387
1388 <div id="dvp-scroll-to-therapyarea" class="js-dvp-search-therapy-areas e-search-result-pages is-empty mb-6">
1389 <script id="js-e-handlebars-tmpl-dvp-search-therapyareas" type="text/x-handlebars-template">
1390 <div class="row">
1391 <div class="col-12">
1392 <div class="pb-1 dvp-search-subject-header">
1393 <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>
1394 </div>
1395 </div>
1396 </div>
1397 <div class="row">
1398 <div class="col-12">
1399 <div class="list-group list-group-flush">
1400 {{#each therapyareas}}
1401 <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}}}">
1402 <span class="d-block">
1403 <u>
1404 {{#if searchFriendlyPageName}}
1405 {{{searchFriendlyPageName}}}
1406 {{else}}
1407 {{{pageName}}}
1408 {{/if}}
1409 </u>
1410 </span>
1411 {{#if searchFriendlyDescription}}
1412 <span class="d-block small font-weight-normal mb-0">
1413 {{searchFriendlyDescription}}
1414 </span>
1415 {{/if}}
1416 </a>
1417 {{/each}}
1418 </div>
1419 </div>
1420 </div>
1421 </script>
1422 </div>
1423
1424 <div id="dvp-scroll-to-supportmaterials" class="js-dvp-search-supportmaterials e-search-result-products is-empty mb-6">
1425 <script id="js-e-handlebars-tmpl-dvp-search-supportmaterials" type="text/x-handlebars-template">
1426 <div class="row">
1427 <div class="col-12">
1428 <div class="pb-1 dvp-search-subject-header">
1429 <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>
1430 </div>
1431 </div>
1432 </div>
1433 <div class="row">
1434 <div class="col-12 mt-2">
1435 {{#if supportmaterials.0.showMaterials}}
1436 {{#each supportmaterials}}
1437 <div class="row pb-1">
1438 <div class="col-12">
1439 <p class="{{#compare @@index '!==' 0}}collapsed{{/compare}} mb-0 font-weight-bold" data-toggle="collapse" data-target="#collapse-search-supportmaterials-{{categoryId}}">
1440 <span class="dvp-collapsed"><i class="material-icons">expand_more</i></span>
1441 <span class="dvp-expanded"><i class="material-icons">expand_less</i></span>
1442 {{categoryName}} <small class="font-weight-normal">({{count}})</small>
1443 </p>
1444 </div>
1445 </div>
1446 <div class="row">
1447 <div class="col-12">
1448 <div class="collapse {{#compare @@index '===' 0}}show{{/compare}}" id="collapse-search-supportmaterials-{{categoryId}}">
1449 <div class="row">
1450 <div class="col-12 pl-3 pb-2">
1451 <div class="row border border-top-0 border-right-0 border-left-0">
1452 {{#each materials}}
1453 <div class="col-12 col-md-6 py-2">
1454 <div class="row">
1455 <div class="col-12 col-md-5 text-center">
1456 <img class="p-img" src="{{imageLarge}}" alt="{{{name}}}">
1457 </div>
1458 <div class="col-12 col-md-7 pr-1 mt-1">
1459 <p class="font-weight-bold">{{{name}}}</p>
1460 {{#if download}}
1461 {{#if loginToDownload}}
1462 <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>
1463 {{else}}
1464 <a target="_blank" data-tracking="{{../categoryName}} > {{name}}" class="js-search-tracking" href="{{url}}"><u>@Translate("Download","Download")</u></a>
1465 {{/if}}
1466 {{/if}}
1467 </div>
1468 </div>
1469 </div>
1470 {{/each}}
1471 </div>
1472 </div>
1473 </div>
1474 </div>
1475 </div>
1476 </div>
1477 {{/each}}
1478 {{else}}
1479 <div class="row pb-1">
1480 <div class="col-12 px-2 pt-4 text-center">
1481 <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>
1482 <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>
1483 </div>
1484 </div>
1485 {{/if}}
1486 </div>
1487 </div>
1488 </script>
1489 </div>
1490
1491 <div id="dvp-scroll-to-videos" class="js-dvp-search-videos e-search-result-pages is-empty mb-6">
1492 <script id="js-e-handlebars-tmpl-dvp-search-videos" type="text/x-handlebars-template">
1493 <div class="row">
1494 <div class="col-12">
1495 <div class="pb-1 dvp-search-subject-header">
1496 <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>
1497 </div>
1498 </div>
1499 </div>
1500 {{#if display}}
1501 <div class="row">
1502 {{#each videos}}
1503 {{#each videos}}
1504 <div class="col-12 col-md-4 mt-2 d-flex">
1505 <a href="javascript:void(0);" title="{{embedTitle}}" data-tracking="{{embedTitle}}" class="js-dvp-video-modal js-search-tracking">
1506 <div>
1507 <img class="p-img" src="{{embedThumbnail}}" alt="{{embedTitle}}" />
1508 <p class="text-center mt-1 mb-3">{{embedTitle}}</p>
1509 </div>
1510 </a>
1511 <sc{{handlebarHack}}ript type="application/json">
1512 {
1513 "url":"{{../url}}",
1514 "header":"{{embedTitle}}",
1515 "embedUrl":"{{{embedUrl}}}"
1516 }
1517 </sc{{handlebarHack}}ript>
1518 </div>
1519 {{/each}}
1520 {{/each}}
1521 </div>
1522 <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>
1523 {{else}}
1524 <div class="col-12 text-center">
1525 <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>
1526 <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>
1527 </div>
1528 {{/if}}
1529 </script>
1530 </div>
1531
1532 <div id="dvp-scroll-to-elearning" class="js-dvp-search-elearning e-search-result-products is-empty mb-6">
1533 <script id="js-e-handlebars-tmpl-dvp-search-elearning" type="text/x-handlebars-template">
1534 <div class="row">
1535 <div class="col-12">
1536 <div class="pb-1 dvp-search-subject-header">
1537 <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>
1538 </div>
1539 </div>
1540 </div>
1541 <div class="row">
1542 <div class="col-12">
1543 <div class="row">
1544 <div class="col-12 text-white">
1545 <p class="mb-0 px-2 py-1 bg-academy">
1546 @{
1547 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}]");
1548 string eleaningSearchTranslationTransformed = eleaningSearchTranslation.Replace("[{academyLink}]","<a class='text-white' target='_blank' href='" + academyLink + "'><u>").Replace("[{/academyLink}]","</u></a>");
1549 }
1550 @eleaningSearchTranslationTransformed
1551 </p>
1552 </div>
1553 </div>
1554 {{# supportmaterials}}
1555 <div class="row">
1556 <div class="col-12">
1557 {{#if showMaterials}}
1558 <div class="list-group">
1559 {{#each materials}}
1560 <a target="_blank" data-tracking="{{name}}" class="js-search-tracking px-2 list-group-item list-group-item-action" href="{{url}}">
1561 <b>{{name}}</b>
1562 </a>
1563 {{/each}}
1564 </div>
1565 {{else}}
1566 <p class="my-1">@Translate("Please sign in to access our free eLearning courses","Please sign in to access our free eLearning courses")</p>
1567 <p class="mb-0">
1568 <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>
1569 </p>
1570 {{/if}}
1571 </div>
1572 </div>
1573 {{/supportmaterials}}
1574 </div>
1575 </div>
1576 </script>
1577 </div>
1578
1579
1580 <div id="dvp-scroll-to-faq" class="js-dvp-search-faq e-search-result-pages is-empty mb-6">
1581 <script id="js-e-handlebars-tmpl-dvp-search-faq" type="text/x-handlebars-template">
1582 <div class="row">
1583 <div class="col-12">
1584 <div class="pb-1 dvp-search-subject-header">
1585 <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>
1586 </div>
1587 </div>
1588 </div>
1589
1590 {{#if display}}
1591 <div class="row">
1592 <div class="col-12 dvp-faq">
1593 {{# faqs}}
1594 {{#each faq}}
1595 <div class="border border-top-0 border-right-0 border-left-0 py-2">
1596 <div class="row">
1597 <div class="col-12">
1598 <h3 class="collapsed mb-0" data-toggle="collapse" data-target="#collapse-{{paragraphId}}">
1599 <span class="dvp-collapsed"><i class="material-icons">expand_more</i></span>
1600 <span class="dvp-expanded"><i class="material-icons">expand_less</i></span>
1601 {{#if ../rangeName}}{{../rangeName}} - {{/if}}{{categoryName}} <small class="font-weight-normal">({{listCount}})</small>
1602 </h3>
1603 </div>
1604 </div>
1605 <div class="row">
1606 <div class="col-12">
1607 <div class="collapse" id="collapse-{{paragraphId}}">
1608 <div class="row">
1609 <div class="col-12 pl-3">
1610 {{#each faqList}}
1611 <div class="row">
1612 <div class="col-12 mt-1">
1613 <a href="javascript:void(0);" data-tracking="{{../../rangeName}} - {{../categoryName}} - {{listHeader}}" class="js-dvp-faq-modal js-search-tracking">
1614 {{listHeader}}
1615 </a>
1616 <sc{{handlebarHack}}ript type="application/json">
1617 {
1618 "url":"{{../../url}}",
1619 "rangeName":"{{../../rangeName}}",
1620 "categoryName": "{{../categoryName}}",
1621 "header":"{{{listHeader}}}",
1622 "content":"{{{listContent}}}"
1623 }
1624 </sc{{handlebarHack}}ript>
1625 </div>
1626 </div>
1627 {{/each}}
1628 </div>
1629 </div>
1630 </div>
1631 </div>
1632 </div>
1633 </div>
1634 {{/each}}
1635 {{/faqs}}
1636 </div>
1637 </div>
1638 <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>
1639 {{else}}
1640 <div class="col-12 text-center">
1641 <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>
1642 <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>
1643 </div>
1644 {{/if}}
1645 </script>
1646 </div>
1647
1648
1649 <div id="dvp-scroll-to-events" class="js-dvp-search-events e-search-result-pages is-empty mb-6">
1650 <script id="js-e-handlebars-tmpl-dvp-search-events" type="text/x-handlebars-template">
1651 <div class="row">
1652 <div class="col-12">
1653 <div class="pb-1 dvp-search-subject-header">
1654 <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>
1655 </div>
1656 </div>
1657 </div>
1658 <div class="flex-table flex-table--stripe cell-columns-2 flex-table--row align-middle">
1659 <div style="order:0;" class="cell cell-header p-1">
1660 @Translate("Event","Event")
1661 </div>
1662 <div style="order:0;" class="cell cell-header p-1">
1663 @Translate("Date and location","Date and location")
1664 </div>
1665 {{#each events}}
1666 <div style="order:{{loopCount}};" class="cell row-first p-1 js-dvp-event-list">
1667 <p class="mb-0 dvp-event-list-title">
1668 <strong>{{{title}}}</strong>
1669 </p>
1670 {{#if topic}}
1671 <p class="mb-1 small">
1672 <strong>@Translate("Topic","Topic"):</strong><br>
1673 {{topic}}
1674 </p>
1675 {{/if}}
1676 {{#if speaker}}
1677 <p class="mb-1 small">
1678 <strong>@Translate("Speaker","Speaker"):</strong><br>
1679 {{speaker}}
1680 </p>
1681 {{/if}}
1682 {{#if moreInfo}}
1683 {{#compare moreInfoLength '>' 180}}
1684 <p class="mb-0">
1685 <a data-toggle="collapse" href="#event-search-{{loopCount}}" role="button" aria-expanded="false" aria-controls="event-search-{{loopCount}}">
1686 @Translate("Read more","Read more") <i class="material-icons">keyboard_arrow_down</i>
1687 </a>
1688 </p>
1689 <div class="dvp-event-list-moreinfo collapse" id="event-search-{{loopCount}}">
1690 {{{moreInfo}}}
1691 </div>
1692 {{else}}
1693 <div class="dvp-event-list-moreinfo">
1694 {{{moreInfo}}}
1695 </div>
1696 {{/compare}}
1697 {{/if}}
1698 {{#unless showEvents}}
1699 <p class="mb-0">
1700 <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>
1701 </p>
1702 {{/unless}}
1703 </div>
1704 <div style="order:{{loopCount}};" class="cell row-last p-1 js-dvp-event-list">
1705 <p class="mb-1">
1706 <strong>{{date}}</strong><br>
1707 {{#if locationLink}}
1708 <a href="{{locationLink}}" target="_blank">
1709 {{/if}}
1710 <i class="material-icons">location_on</i> {{location}}
1711 {{#if locationLink}}
1712 </a>
1713 {{/if}}
1714 {{#if country}}
1715 <img width="20" class="ml-1 p-img" src="/Files/Images/Icons/Flags/{{country}}.svg" alt="{{country}}" />
1716 {{/if}}
1717 </p>
1718 {{#if registerLink}}
1719 <p class="mb-1">
1720 <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>
1721 </p>
1722 {{/if}}
1723 {{#if websiteLink}}
1724 <p class="mb-0">
1725 <a target="_blank" class="js-search-tracking" data-tracking="{{date}} - {{cleanedTitle}} - view website" href="{{websiteLink}}">@Translate("View website","View website")</a>
1726 </p>
1727 {{/if}}
1728 {{#if readMoreLink}}
1729 <p class="mb-0">
1730 <a target="_blank" class="js-search-tracking" data-tracking="{{date}} - {{cleanedTitle}} - read more" href="{{readMoreLink}}">@Translate("Read more","Read more")</a>
1731 </p>
1732 {{/if}}
1733 </div>
1734 {{/each}}
1735 </div>
1736 </script>
1737 </div>
1738
1739 <div id="dvp-scroll-to-news" class="js-dvp-search-news e-search-result-pages is-empty mb-6">
1740 <script id="js-e-handlebars-tmpl-dvp-search-news" type="text/x-handlebars-template">
1741 <div class="row">
1742 <div class="col-12">
1743 <div class="pb-1 dvp-search-subject-header">
1744 <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>
1745 </div>
1746 </div>
1747 </div>
1748 <div class="list-group">
1749 {{#each news}}
1750 <a class="px-2 py-2 list-group-item list-group-item-action js-search-tracking" data-tracking="{{url}}" href="{{url}}">
1751 <div class="row">
1752 <div class="col-12 col-md-1">
1753 <div class="d-none d-md-block text-center">
1754 <p class="h3 my-0">{{year}}</p>
1755 <p class="my-0 font-weight-bold">{{combinedDate}}</p>
1756 </div>
1757 <div class="d-md-none">
1758 <p class="my-1 font-weight-bold">{{fullDate}}</p>
1759 </div>
1760 </div>
1761 <div class="col-12 col-md-10">
1762 <p class="h3 mb-1 mb-md-0">{{title}}</p>
1763 <p class="mb-1 mb-md-0">{{teaser}}</p>
1764 </div>
1765 <div class="col-12 col-md-1 my-auto">
1766 <div class="d-none d-md-block text-center">
1767 <p class="mb-0">
1768 <i class="material-icons material-icons-4x">keyboard_arrow_right</i>
1769 </p>
1770 </div>
1771 <div class="d-md-none">
1772 <p class="mb-0">
1773 <u>@Translate("Read more","Read more")</u>
1774 </p>
1775 </div>
1776 </div>
1777 </div>
1778 </a>
1779 {{/each}}
1780 </div>
1781 </script>
1782 </div>
1783
1784 <div id="dvp-scroll-to-content" class="js-e-search-result-pages e-search-result-pages is-empty mb-6">
1785 <script id="js-e-handlebars-tmpl-search-result-item-page" type="text/x-handlebars-template">
1786 <div class="row">
1787 <div class="col-12">
1788 <div class="pb-1 dvp-search-subject-header">
1789 <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>
1790 </div>
1791 </div>
1792 </div>
1793 <div class="row">
1794 {{#each pages}}
1795 <div class="col-12 mt-2">
1796 <p class="mb-0 h3"><a href="{{{url}}}" data-tracking="{{url}}" class="js-search-tracking text-bold">{{{title}}}</a></p>
1797 <p class="mb-0 text-truncate">
1798 <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>
1799 </p>
1800 <p class="mb-0">{{{text}}}...</p>
1801 </div>
1802 {{/each}}
1803 </div>
1804 </script>
1805 </div>
1806
1807 <div id="com-scroll-to-reports" class="js-com-search-reports e-search-result-pages is-empty mb-6">
1808 <script id="js-e-handlebars-tmpl-com-search-reports" type="text/x-handlebars-template">
1809 <div class="row">
1810 <div class="col-12">
1811 <div class="pb-1 dvp-search-subject-header">
1812 <p class="h3 mb-0"><i class="material-icons align-middle">assignment</i> <span class="align-middle small ml-1">@Translate("Reports","Reports")</span><span class="align-middle small text-muted"> <em>(<span class="js-e-search-reports-count">0</span>)</em> </span></p>
1813 </div>
1814 </div>
1815 </div>
1816 <div class="row">
1817 <div class="col-12 mt-2">
1818 <div class="list-group">
1819 {{#each reports}}
1820 <a href="{{reportHref}}" target="{{reportTarget}}" class="p-1 d-flex align-items-center list-group-item list-group-item-action" title="{{reportTitle}}">
1821 <div class="h2 mb-0 mr-1">
1822 <i class="material-icons material-icons-large">{{reportIcon}}</i>
1823 </div>
1824 <div class="w-100">
1825 <span class="text-muted text-black h4 mb-0">{{reportPublishDateToString}}</span>{{#if reportCategory}} <span class="text-muted font-italic float-right">{{reportCategory}}</span>{{/if}}<br>
1826 {{reportTitle}}
1827 </div>
1828 </a>
1829 {{/each}}
1830 </div>
1831 </div>
1832 </div>
1833 </script>
1834 </div>
1835
1836 </div>
1837 </div>
1838 </div>
1839 <div class="js-e-search-loading-overlay e-loading-overlay e-search-loading-overlay">
1840 </div>
1841 </div>
1842 </div>
1843 </div>
1844 </div>
1845 </div>
1846 }
1847
1848
1849 <div class="modal fade dvp-faq-modal">
1850 <div class="modal-dialog">
1851 <div class="modal-content" id="js-dvp-modal-faq-content">
1852 <script id="js-e-handlebars-tmpl-dvp-modal-faq-content" type="text/x-handlebars-template">
1853 <style type="text/css">
1854 @@media print {
1855 #js-e-canvas,
1856 .modal-footer,
1857 .close,
1858 .embed-responsive,
1859 .modal-backdrop,
1860 .e-back-to-top,
1861 .e-search {
1862 display: none !important;
1863 }
1864 .modal {
1865 position: static !important;
1866 }
1867 .modal,
1868 .modal-open {
1869 overflow: auto !important;
1870 }
1871 .modal-body {
1872 padding: 0 !important;
1873 }
1874 .modal-content {
1875 box-shadow: none !important;
1876 border: 0 !important;
1877 }
1878 }
1879 </style>
1880 <div class="modal-body pl-1 pr-2 pt-2 pt-md-3 pl-md-4 pr-md-4 pb-0">
1881 <button type="button" class="close" data-dismiss="modal">
1882 <i class="material-icons">close</i>
1883 </button>
1884 <div class="container-fluid" id="faq-modal-content">
1885 <div class="row">
1886 <div class="col-12">
1887 <p class="h4">{{categoryName}}</p>
1888 <p class="h2 mt-0">{{{header}}}</p>
1889 </div>
1890 </div>
1891 <div class="row">
1892 <div class="col-12 dvp-rich-text-content">
1893 {{{content}}}
1894 </div>
1895 </div>
1896 </div>
1897 </div>
1898 <div class="modal-footer bg-primary py-1 justify-content-start">
1899 <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>
1900 <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>
1901 <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>
1902 <button type="button" class="btn btn-link text-white ml-auto" data-dismiss="modal"><i class="material-icons">close</i> @Translate("Close","Close")</button>
1903 </div>
1904 </script>
1905 </div>
1906 </div>
1907 </div>
1908 <div class="modal fade dvp-video-modal">
1909 <div class="modal-dialog">
1910 <div class="modal-content" id="js-dvp-modal-video-content">
1911 <script id="js-e-handlebars-tmpl-dvp-modal-video-content" type="text/x-handlebars-template">
1912 <div class="modal-body px-4">
1913 <button type="button" class="close" data-dismiss="modal">
1914 <i class="material-icons">close</i>
1915 </button>
1916 <div class="container-fluid" id="video-modal-content">
1917 <div class="row">
1918 <div class="col-12">
1919 <p class="h4">{{header}}</p>
1920 </div>
1921 </div>
1922 <div class="row">
1923 <div class="col-12">
1924 <div class="embed-responsive embed-responsive-16by9">
1925 <iframe class="embed-responsive-item" src="{{embedUrl}}" width="1080" height="608" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
1926 </div>
1927 </div>
1928 </div>
1929 </div>
1930 </div>
1931 <div class="modal-footer bg-primary py-1 justify-content-start">
1932 <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>
1933 <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>
1934 <button type="button" class="btn btn-link text-white ml-auto" data-dismiss="modal"><i class="material-icons">close</i> @Translate("Close","Close")</button>
1935 </div>
1936 </script>
1937 </div>
1938 </div>
1939 </div>
1940 @if( Espresso.Area.Item.BackToTopLink == "True" ){
1941 <a href="#top" class="e-back-to-top js-e-back-to-top"><i class="material-icons">keyboard_arrow_up</i></a>
1942 }
1943
1944
1945 @using System.Web;
1946 @inherits Co3.Espresso.Website.TemplateBases.Pages.PageBase
1947
1948 @{
1949 // Currently using OneTrust
1950 // HttpCookie optInLevel = HttpContext.Current.Request.Cookies[ "Dynamicweb.CookieOptInLevel" ];
1951 // bool showCookieWarning = optInLevel == null;
1952 // if ( optInLevel != null )
1953 // {
1954 // showCookieWarning = optInLevel.Value != "2";
1955 // }
1956 bool showCookieWarning = false;
1957
1958 }
1959
1960 @if ( showCookieWarning )
1961 {
1962 <div class="js-e-cookie e-cookie py-1" hidden="">
1963 <aside class="e-cookie-wrapper">
1964 <section class="e-section">
1965 <div class="container-fluid">
1966 <div class="row align-items-center">
1967 <div class="col-12 col-md-9 col-lg-10 my-1">
1968 <p class="mb-0 text-center text-md-left small">
1969 <span class="d-none d-md-inline">
1970 @Translate("Cookie Warning - Message Long - Text", "This website uses cookies to provide necessary site functionality and improve your experience. By using our website, you agree to our")
1971 </span>
1972 <span class="d-md-none">
1973 @Translate("Cookie Warning - Message Short - Text", "This website uses cookies to improve your experience. Learn more about our")
1974 </span>
1975
1976 <a href="@Espresso.Area.Item.CookieMessage">
1977 @Translate("Cookie Warning - Policy - Link", "cookie policy")
1978 </a>
1979 </p>
1980 </div>
1981 <div class="col-12 col-md-3 col-lg-2 my-1">
1982 <p class="mb-0 text-center text-md-right">
1983 <button type="button" class="js-e-cookie-accept-btn e-cookie-accept-btn btn">
1984 @Translate("Cookie Warning - Accept - Button", "OKAY")
1985 </button>
1986 </p>
1987 </div>
1988 </div>
1989 </div>
1990 </section>
1991 </aside>
1992 </div>
1993 }
1994
1995 @if ( 1 == 2 )
1996 {
1997 @GetValue( "DwCookieWarning" )
1998 }
1999 <script src="/Files/Templates/Designs/dechra-com/_assets/_dist/js/default.js?v=asdg1afsassaafdsssdsasgsssassdshsssssassdsgsg2s3" async=""></script>
2000 </body>
2001
2002 @GetValue("CopyRightNotice")
2003 </html>
2004