<pre class='dw-error'>Exception in template (Designs/StandardWebshop/_parsed/StandardPage.parsed.cshtml): System.NullReferenceException: Object reference not set to an instance of an object.
   at Dynamicweb.eCommerce.Products.Group.get_AllGroupsByLanguageID(String languageID)
   at Dynamicweb.eCommerce.Products.Group.get_Subgroups()
   at Dynamicweb.Frontend.NavigationProviders.GroupNavigationProvider._Closure$__20-0._Lambda$__0(GroupCollection items, Int32 thisLevel)
   at Dynamicweb.Frontend.NavigationProviders.GroupNavigationProvider._Closure$__20-0._Lambda$__0(GroupCollection items, Int32 thisLevel)
   at Dynamicweb.Frontend.NavigationProviders.GroupNavigationProvider._Closure$__20-0._Lambda$__0(GroupCollection items, Int32 thisLevel)
   at Dynamicweb.Frontend.NavigationProviders.GroupNavigationProvider._Closure$__20-0._Lambda$__0(GroupCollection items, Int32 thisLevel)
   at Dynamicweb.Frontend.NavigationProviders.GroupNavigationProvider._Closure$__20-0._Lambda$__0(GroupCollection items, Int32 thisLevel)
   at Dynamicweb.Frontend.NavigationProviders.GroupNavigationProvider.BuildGroupsProductCounts(GroupCollection topGroups, Int32 level, Int32 maxLevel)
   at Dynamicweb.Frontend.NavigationProviders.GroupNavigationProvider.MakeGroupTree(Page page, NavigationItem parentNode, Boolean applyStartAndEndLevelToNavigation)
   at Dynamicweb.Frontend.NavigationProviders.GroupNavigationProvider.Process(NavigationItem node, Boolean applyStartAndEndLevelToNavigation)
   at Dynamicweb.Frontend.XmlNavigation.XML(Int32 ParentID, Int32 StartLevel, Int32 StopLevel, Expand expand, Int32 areaID)
   at Dynamicweb.Frontend.XmlNavigation.GetNavigationHtml(Int32 ParentID, Int32 StartLevel, Int32 StopLevel, Expand ExpandMode, String NavigationName, String XsltPath, Int32 AreaID, Boolean SitemapMode, NameValueCollection settings, NameValueCollection attributes, IncludeMode mode)
   at Dynamicweb.Frontend.XmlNavigation.GetNavigationHtml(NameValueCollection settings, NameValueCollection attributes)
   at CompiledRazorTemplates.Dynamic.dbbafbeeaf.Execute()
   at RazorEngine.Templating.TemplateBase.RazorEngine.Templating.ITemplate.Run(ExecuteContext context)
   at RazorEngine.Razor.Parse[T](String razorTemplate, T model, String cacheName)
   at Dynamicweb.Rendering.Template.Output()<hr/>@inherits Dynamicweb.Rendering.RazorTemplateBase&lt;Dynamicweb.Rendering.RazorTemplateModel&lt;Dynamicweb.Rendering.Template&gt;&gt;
@using Dynamicweb.ForumV2
@using NORRIQ.Common8.Razor;
@{
    var websiteLang = GetGlobalValue(&quot;Global:Area.Culture.Name&quot;);
    var websiteLogo = GetString(&quot;Item.Area.Logo&quot;);
    var websiteHome = &quot;/&quot;;
    var deviceIsDesktop = GetGlobalValue(&quot;Global:Device.IsDesktop&quot;) == &quot;True&quot; ? &quot;true&quot; : &quot;false&quot;;
    var deviceIsTablet = GetGlobalValue(&quot;Global:Device.IsTablet&quot;) == &quot;True&quot; ? &quot;true&quot; : &quot;false&quot;;
    var deviceIsPhone = GetGlobalValue(&quot;Global:Device.IsMobile&quot;) == &quot;True&quot; ? &quot;true&quot; : &quot;false&quot;;

    //Google tag manager
    var gtmHeader = GetString(&quot;Item.Area.GTM_Header_Script.Value&quot;);
    var gtmBody = GetString(&quot;Item.Area.GTM_BodyIFrame.Value&quot;);


}
&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;@websiteLang&quot;&gt;
&lt;head&gt;
    &lt;title&gt;@GetValue(&quot;Title&quot;)&lt;/title&gt;
@GetValue(&quot;MetaTags&quot;)
@GetValue(&quot;CopyRightNotice&quot;)

    @if (GetBoolean(&quot;Item.Area.NoIndex&quot;))
    {
        &lt;meta name=&quot;robots&quot; content=&quot;noindex, nofollow&quot;&gt;
        &lt;!-- TODO: remove on launch--&gt;
    }
    @if (!String.IsNullOrEmpty(GetString(&quot;Item.Area.GoogleVerification&quot;)))
    {
        &lt;meta name=&quot;google-site-verification&quot; content=&quot;@GetString(&quot; item.area.googleverification&quot;)&quot;=&quot;&quot;&gt;
    }
    @RenderSnippet(&quot;AddNoIndex&quot;)
    &lt;meta charset=&#39;@GetValue(&quot;CharSet&quot;)&#39;&gt;
    &lt;meta http-equiv=&quot;Content-type&quot; content=&quot;text/html;charset=UTF-8&quot;&gt;
    &lt;link rel=&quot;shortcut icon&quot; href=&quot;/Files/Images/favicon.ico&quot;&gt;
    &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no&quot;&gt;
    &lt;link href=&#39;https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic&#39; rel=&#39;stylesheet&#39; type=&#39;text/css&#39;&gt;
    &lt;link href=&#39;@StandardWebshop.CustomCode.Razor.TimestampSource.GetSourceWithTimestamp(&quot;/Files/dist/css/stadsing-min.css&quot;)&#39; rel=&#39;stylesheet&#39;&gt;
    
    &lt;script id=&quot;CookieConsent&quot; src=&quot;https://policy.app.cookieinformation.com/uc.js&quot; data-culture=&quot;DA&quot; type=&quot;text/javascript&quot; async=&quot;&quot;&gt;&lt;/script&gt; 

    @if (!string.IsNullOrEmpty(gtmHeader))
    {
        @gtmHeader
    }
    &lt;!--[if IE]&gt;
        &lt;style&gt;.productlist-grid { float: left; }&lt;/style&gt;
    &lt;![endif]--&gt;
    &lt;!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --&gt;
    &lt;!--[if lt IE 9]&gt;
        &lt;script src=&quot;https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js&quot;&gt;&lt;/script&gt;
        &lt;script src=&quot;https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js&quot;&gt;&lt;/script&gt;
    &lt;![endif]--&gt;
@GetValue(&quot;Stylesheets&quot;)
@GetValue(&quot;Javascripts&quot;)
&lt;/head&gt;
&lt;body data-is-desktop=&quot;@deviceIsDesktop&quot; data-is-tablet=&quot;@deviceIsTablet&quot; data-is-phone=&quot;@deviceIsPhone&quot; data-is-touch=&quot;false&quot;&gt;
    &lt;div class=&quot;alert text-center ie-only&quot; rel=&quot;noindex&quot;&gt;@GetString(&quot;Item.Area.IeWarningText&quot;)&lt;/div&gt;
    &lt;h1 class=&quot;hide&quot;&gt;@GetString(&quot;Title&quot;)&lt;/h1&gt;
    @if (!string.IsNullOrEmpty(gtmBody))
    {
        @gtmBody
    }
    @*@if (GetInteger(&quot;Ecom:Checkout.CurrentStep.Index&quot;) &gt; 0)*@

    &lt;div id=&quot;app&quot;&gt;
        @using NORRIQ.Common8.Razor
@inherits Dynamicweb.Rendering.RazorTemplateBase&lt;Dynamicweb.Rendering.RazorTemplateModel&lt;Dynamicweb.Rendering.Template&gt;&gt;
@{
    var PageID = GetString(&quot;DwPageID&quot;);
    var GroupID = @System.Web.HttpContext.Current.Request.QueryString[&quot;groupid&quot;];
    var ProductID = @System.Web.HttpContext.Current.Request.QueryString[&quot;productid&quot;];
    var ActiveFlag = &quot;/Admin/Images/Flags/flag_&quot; + GetString(&quot;LongLang&quot;).Split(&#39;-&#39;).Last().ToLower() + &quot;.png&quot;;
    var userUrl = Navigation.GetUrlByNavigationTag(&quot;user&quot;);
    var printLogo = GetString(&quot;Item.Area.PrintLogo&quot;);
}
@if (!String.IsNullOrEmpty(GroupID))
{
    GroupID = &quot;&amp;amp;GroupID=&quot; + GroupID;
}
@if (!String.IsNullOrEmpty(ProductID))
{
    ProductID = &quot;&amp;amp;ProductID=&quot; + ProductID;
}

&lt;div class=&quot;print hide visible-print text-center&quot;&gt;
    &lt;img class=&quot;img-responsive&quot; src=&quot;@printLogo&quot; alt=&quot;Logo&quot;&gt;
&lt;/div&gt;
&lt;header class=&quot;header&quot; id=&quot;header&quot;&gt;
    &lt;div class=&quot;container&quot;&gt;
        &lt;div class=&quot;row-flex&quot;&gt;
            @*&lt;div class=&quot;col-xs-3 visible-xs&quot;&gt;&lt;/div&gt;*@
            &lt;div class=&quot;col-xs-9 col-md-3 nav-logo text-center&quot;&gt;
                &lt;a href=&quot;@websiteHome&quot; class=&quot;logo&quot; title=&quot;&quot;&gt;
                    &lt;img class=&quot;img-responsive&quot; src=&quot;@websiteLogo&quot; alt=&quot;Logo&quot;&gt;
                &lt;/a&gt;
            &lt;/div&gt;
            &lt;div class=&quot;col-xs-3 visible-xs burger&quot;&gt;
                &lt;div class=&quot;header-accordion-button header-accordion-touch&quot; role=&quot;tab&quot; id=&quot;headingTopmenu&quot;&gt;
                    &lt;button aria-controls=&quot;basic_navigation&quot; data-toggle=&quot;collapse&quot; data-target=&quot;#basic_navigation&quot; class=&quot;btn-burger&quot;&gt;
                        &lt;span class=&quot;line&quot;&gt;&lt;/span&gt;&lt;span class=&quot;line&quot;&gt;&lt;/span&gt;&lt;span class=&quot;line&quot;&gt;&lt;/span&gt;
                        &lt;span class=&quot;header-accordion-label&quot;&gt;@Translate(&quot;Menu&quot;, &quot;Menu&quot;)&lt;/span&gt;
                    &lt;/button&gt;
                    &lt;button type=&quot;button&quot; aria-label=&quot;Open main navigation&quot; aria-controls=&quot;basic_navigation&quot; aria-expanded=&quot;false&quot; class=&quot;collapsed&quot;&gt;&lt;/button&gt;
                    @*&lt;button aria-controls=&quot;basic_navigation&quot; data-toggle=&quot;collapse&quot; data-target=&quot;#basic_navigation&quot; class=&quot;btn-burger&quot;&gt;
                        &lt;i class=&quot;navbar-close-state pe-is-i-bars-menu pe-vaXX&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt;
                        &lt;span class=&quot;header-accordion-label&quot;&gt;@Translate(&quot;Menu&quot;, &quot;Menu&quot;)&lt;/span&gt;
                    &lt;/button&gt;*@
                &lt;/div&gt;
            &lt;/div&gt;
        @*&lt;/div&gt;
        &lt;div class=&quot;row&quot;&gt;*@
            &lt;div class=&quot;col-xs-12 col-md-4 col-md-offset-4XX col-lg-offset-0XX seaFix&quot;&gt;
                @using NORRIQ.Common8.Razor;
@inherits Dynamicweb.Rendering.RazorTemplateBase&lt;Dynamicweb.Rendering.RazorTemplateModel&lt;Dynamicweb.Rendering.Template&gt;&gt;
@{
}
&lt;instant-search :search-result-page-id=&#39;@(NORRIQ.Common8.Razor.Navigation.GetPageIdByNavigationTag(&quot;search&quot;))&#39; :search-page-id=&#39;@(NORRIQ.Common8.Razor.Navigation.GetPageIdByNavigationTag(&quot;instant-search&quot;))&#39; :use-current-query-string=&quot;0&quot; :show-reset=&quot;0&quot;&gt;&lt;/instant-search&gt;

            &lt;/div&gt;
            &lt;div class=&quot;col-xs-12 col-md-5 text-right header-icons&quot;&gt;
                &lt;div class=&quot;nav-topmenu&quot;&gt;
                    &lt;ul class=&quot;list-unstyled nav nav-domain pull-right&quot;&gt;
                        &lt;li&gt;
                            &lt;a class=&quot;dropdown-toggle&quot; id=&quot;shop-language&quot; data-toggle=&quot;dropdown&quot; aria-haspopup=&quot;true&quot; aria-expanded=&quot;true&quot; href=&quot;javascript:void()&quot;&gt;
                                &lt;i class=&quot;pe-is-l-world-map-2 pe-lg&quot;&gt;&lt;/i&gt; @GetGlobalValue(&quot;Global:Area.Name&quot;) &lt;i class=&quot;icon-angle-down&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt;
                            &lt;/a&gt;
                            &lt;ul class=&quot;dropdown-menu lang-drop&quot; aria-labelledby=&quot;shop-language&quot;&gt;
                                @if (GetLoop(&quot;WebsiteLanguages&quot;).Any())
                                {
                                    foreach (LoopItem lang in GetLoop(&quot;WebsiteLanguages&quot;))
                                    {
                                        var area = Dynamicweb.Content.Area.GetAreaById(lang.GetInteger(&quot;ID&quot;));
                                        var Domain = lang.GetString(&quot;PrimaryDomain&quot;);
                                        if (string.IsNullOrEmpty(Domain))
                                        {
                                            Domain = area.Domain.Split(new char[0]).First();
                                        }
                                        var Flag = &quot;flag_&quot; + lang.GetString(&quot;Culture&quot;).Split(&#39;-&#39;).Last().ToLower() + &quot;.png&quot;;
                                        &lt;li&gt;
                                            &lt;a href=&#39;//@Domain&#39;&gt;
                                                &lt;img src=&quot;/Admin/Images/Flags/@Flag&quot; alt=&#39;@lang.GetString(&quot;Name&quot;)&#39; class=&quot;img-responsive lang-select&quot; width=&quot;16&quot;&gt; @lang.GetString(&quot;Name&quot;)
                                            &lt;/a&gt;
                                        &lt;/li&gt;
                                    }
                                }
                            &lt;/ul&gt;
                        &lt;/li&gt;
                    &lt;/ul&gt;
                    @if (Pageview.User.LoggedIn)
                    {
                        &lt;div class=&quot;userin text-small pull-right&quot;&gt;
                            &lt;i class=&quot;pe-is-sp-user-3-f pe-lg&quot;&gt;&lt;/i&gt;
                            &lt;a href=&quot;@userUrl&quot; class=&quot;username&quot;&gt;@Pageview.User.Name&lt;/a&gt;,
                            &lt;a href=&quot;/admin/public/ExtranetLogoff.aspx&quot;&gt;@Translate(&quot;logOff&quot;, &quot;Log ud&quot;)&lt;/a&gt;
                        &lt;/div&gt;
                    }
                &lt;/div&gt;
                &lt;div class=&quot;row&quot;&gt;
                    &lt;div class=&quot;col-xs-12&quot;&gt;
                        @using NORRIQ.Common8.Razor;
@using Dynamicweb
@using Dynamicweb.eCommerce.Common;
@inherits Dynamicweb.Rendering.RazorTemplateBase&lt;Dynamicweb.Rendering.RazorTemplateModel&lt;Dynamicweb.Rendering.Template&gt;&gt;
@{
    var pointer = &quot; pointer&quot;;
    var cartempty = (Context.Cart == null || Context.Cart.OrderLines.Count == 0);
    var cartLink = &quot;&quot;;
    var userLink = &quot;&quot;;
    var qty = (Context.Cart == null || Context.Cart.Products == null) ? 0 : Base.ChkNumber(Context.Cart.get_ParentProductLineQuantityCount(Context.Cart.OrderLines));
    var currency = Context.Currency.Symbol;
    var touch = GetGlobalValue(&quot;Global:Device.IsTablet&quot;) == &quot;True&quot; || GetGlobalValue(&quot;Global:Device.IsMobile&quot;) == &quot;True&quot;;
}
@if (GetGlobalValue(&quot;Global:Device.IsMobile&quot;) == &quot;True&quot; || GetGlobalValue(&quot;Global:Device.IsTablet&quot;) == &quot;True&quot;)
{
    pointer = &quot; touch&quot;;
}
@if (GetGlobalValue(&quot;Global:Device.IsDesktop&quot;) == &quot;True&quot; &amp;&amp; !cartempty)
{
    cartLink = &quot;javascript:location.href=&#39;&quot; + Navigation.GetUrlByNavigationTag(&quot;cart&quot;) + &quot;&#39;&quot;;
}
@if (GetGlobalValue(&quot;Global:Device.IsDesktop&quot;) == &quot;True&quot; &amp;&amp; Pageview.User.LoggedIn)
{
    userLink = &quot;javascript:location.href=&#39;&quot; + Navigation.GetUrlByNavigationTag(&quot;user&quot;) + &quot;&#39;&quot;;
}

    &lt;div class=&quot;panel-group pgV2&quot; id=&quot;headerAccordion&quot; role=&quot;tablist&quot; aria-multiselectable=&quot;true&quot;&gt;
        &lt;ul class=&quot;header-accordion-collapse&quot;&gt;
            @if (touch)
            {
                &lt;li class=&quot;header-accordion-button&quot; role=&quot;tab&quot; id=&quot;headingLang&quot;&gt;
                    &lt;a class=&quot;header-accordion-link collapsed @pointer&quot; role=&quot;button&quot; data-toggle=&quot;collapse&quot; data-parent=&quot;#headerAccordion&quot; data-target=&quot;#collapseLang&quot; aria-expanded=&quot;false&quot; aria-controls=&quot;collapseLang&quot;&gt;
                        &lt;i class=&quot;navbar-close-state pe-is-l-world-map-2 pe-vaXX&quot;&gt;&lt;/i&gt;
                        &lt;span class=&quot;header-accordion-label&quot;&gt;@GetGlobalValue(&quot;Global:Area.Name&quot;)&lt;/span&gt;
                    &lt;/a&gt;
                &lt;/li&gt;
            }
            @if (GetLoop(&quot;Item.Area.IconMenu&quot;).Any())
            {
                foreach (var i in GetLoop(&quot;Item.Area.IconMenu&quot;))
                {
                    var title = i.GetString(&quot;Item.Area.IconMenu.Title&quot;);
                    var link = i.GetString(&quot;Item.Area.IconMenu.Link&quot;);
                    var icon = i.GetString(&quot;Item.Area.IconMenu.Icon&quot;);
                    var item = i.GetString(&quot;Item.Area.IconMenu.Item&quot;);
                    var icoLink = &quot;&quot;;
                    var navigationtag = i.GetString(&quot;Item.Area.IconMenu.Navigationtag&quot;);
                    if (GetGlobalValue(&quot;Global:Device.IsDesktop&quot;) == &quot;True&quot;)
                    {
                        icoLink = &quot;javascript:location.href=&#39;&quot; + i.GetString(&quot;Item.Area.IconMenu.Link&quot;) + &quot;&#39;&quot;;
                    }
                    &lt;li class=&quot;header-accordion-button&quot; role=&quot;tab&quot; id=&quot;heading@(icon)&quot;&gt;
                        @if (string.IsNullOrEmpty(navigationtag))
                        {
                            &lt;a href=&quot;@link&quot; class=&quot;header-accordion-link&quot; title=&quot;@title&quot;&gt;
                                &lt;i class=&quot;@icon&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt;
                                &lt;span class=&quot;header-accordion-label&quot;&gt;@title&lt;/span&gt;
                            &lt;/a&gt;
                        }
                        else
                        {
                            &lt;a class=&quot;header-accordion-link collapsed @pointer&quot; role=&quot;button&quot; title=&quot;@title&quot; data-toggle=&quot;collapse&quot; data-parent=&quot;#headerAccordion&quot; data-target=&quot;#collapse@(icon)&quot; aria-expanded=&quot;false&quot; aria-controls=&quot;collapse@(icon)&quot; onclick=&quot;@icoLink&quot;&gt;
                                &lt;i class=&quot;@icon&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt;
                                &lt;span class=&quot;header-accordion-label&quot;&gt;@title&lt;/span&gt;
                            &lt;/a&gt;
                        }
                    &lt;/li&gt;
                }
            }
            &lt;li class=&quot;header-accordion-button&quot; role=&quot;tab&quot; id=&quot;headingUser&quot; data-is-logged-in=&#39;@(Pageview.User.LoggedIn ? &quot;true&quot; : &quot;false&quot;)&#39;&gt;
                &lt;a class=&quot;header-accordion-link collapsed @pointer&quot; role=&quot;button&quot; data-toggle=&quot;collapse&quot; data-parent=&quot;#headerAccordion&quot; data-target=&quot;#collapseUser&quot; aria-expanded=&quot;false&quot; aria-controls=&quot;collapseUser&quot; onclick=&quot;@userLink&quot;&gt;
                    @if (Pageview.User.LoggedIn)
                    {
                        &lt;i class=&quot;pe-is-sp-user-3-f&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt;
                        &lt;span class=&quot;header-accordion-label&quot;&gt;@Translate(&quot;Your Account&quot;, &quot;Your Account&quot;)&lt;/span&gt;
                    }
                    else
                    {
                        &lt;i class=&quot;pe-is-sp-user-3-f&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt;
                        &lt;span class=&quot;header-accordion-label&quot;&gt;@Translate(&quot;Login&quot;, &quot;Login&quot;)&lt;/span&gt;
                    }
                &lt;/a&gt;
            &lt;/li&gt;
            &lt;li class=&quot;header-accordion-button&quot; role=&quot;tab&quot; id=&quot;headingCart&quot;&gt;
                &lt;a class=&quot;header-accordion-link collapsed @pointer&quot; role=&quot;button&quot; data-toggle=&quot;collapse&quot; data-parent=&quot;#headerAccordion&quot; data-target=&quot;#collapseCart&quot; aria-expanded=&quot;false&quot; aria-controls=&quot;collapseCart&quot; onclick=&quot;@cartLink&quot;&gt;
                    @if (cartempty)
                    {
                        &lt;i class=&quot;pe-is-ec-cart-1-f&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt;
                    }
                    else
                    {
                        &lt;i class=&quot;pe-is-ec-cart-5-f&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt;
                        if (qty &gt; 99)
                        {
                            &lt;span class=&quot;cart-qty max animated bounceIn&quot;&gt;@GetInteger(&quot;Ecom:Order.OrderLines.TotalProductQuantity&quot;)&lt;/span&gt;
                        }
                        else
                        {
                            &lt;span class=&quot;cart-qty animated bounceIn&quot;&gt;@GetInteger(&quot;Ecom:Order.OrderLines.TotalProductQuantity&quot;)&lt;/span&gt;
                        }
                    }
                    &lt;span class=&quot;header-accordion-label&quot;&gt;@Translate(&quot;Cart&quot;, &quot;Cart&quot;)&lt;/span&gt;
                &lt;/a&gt;
            &lt;/li&gt;
            @*burger was here*@
        &lt;/ul&gt;
        &lt;div class=&quot;clearfix&quot;&gt;&lt;/div&gt;
        @*&lt;div class=&quot;header-accordion-panel panel panel-default&quot;&gt;
            &lt;div id=&quot;collapseSearch&quot; class=&quot;header-accordion-panel-collapse panel-collapse collapse&quot; role=&quot;tabpanel&quot; aria-labelledby=&quot;headingSearch&quot;&gt;
                &lt;div class=&quot;panel-body clearfix&quot; id=&quot;device-search&quot;&gt;&lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;*@
        @if (GetLoop(&quot;Item.Area.IconMenu&quot;).Any())
        {
            foreach (var i in GetLoop(&quot;Item.Area.IconMenu&quot;))
            {
                var navigationtag = i.GetString(&quot;Item.Area.IconMenu.Navigationtag&quot;);
                var icon = i.GetString(&quot;Item.Area.IconMenu.Icon&quot;);
                var item = i.GetString(&quot;Item.Area.IconMenu.Item&quot;);
                if (!string.IsNullOrEmpty(navigationtag))
                {
                    &lt;div class=&quot;header-accordion-panel panel panel-default&quot;&gt;
                        &lt;div id=&quot;collapse@(icon)&quot; class=&quot;header-accordion-panel-collapse panel-collapse collapse&quot; role=&quot;tabpanel&quot; aria-labelledby=&quot;heading@(icon)&quot;&gt;
                            &lt;div class=&quot;panel-body clearfix&quot;&gt;
                                @RenderNavigation(new { Template = &quot;iconmenu.xslt&quot;, Expandmode = &quot;all&quot;, StartLevel = 1, EndLevel = 2, NavigationTag = @navigationtag })
                            &lt;/div&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                }
            }
        }
        &lt;div class=&quot;header-accordion-panel panel panel-default&quot;&gt;
            &lt;div id=&quot;collapseUser&quot; class=&quot;header-accordion-panel-collapse panel-collapse collapse&quot; role=&quot;tabpanel&quot; aria-labelledby=&quot;headingUser&quot;&gt;
                &lt;div class=&quot;panel-body&quot;&gt;
                    @if (!Pageview.User.LoggedIn)
                    {
                        if (GetGlobalValue(&quot;Global:Page.IsProtected&quot;) != &quot;true&quot;)
                        {
                            &lt;text&gt;@using NORRIQ.Common8.Razor;
@inherits Dynamicweb.Rendering.RazorTemplateBase&lt;Dynamicweb.Rendering.RazorTemplateModel&lt;Dynamicweb.Rendering.Template&gt;&gt;
&lt;form name=&quot;ExtUserForm&quot; id=&quot;loginForm&quot; method=&quot;post&quot; class=&quot;form&quot; role=&quot;form&quot; action=&quot;@(System.Web.HttpContext.Current.Request.Url.PathAndQuery)&quot;&gt;
    &lt;div class=&quot;form-group&quot;&gt;
        &lt;label for=&quot;Username&quot;&gt;@Translate(&quot;Username&quot;, &quot;Username&quot;)&lt;/label&gt;
        &lt;input id=&quot;Username&quot; name=&quot;Username&quot; type=&quot;text&quot; value=&quot;&quot; class=&quot;form-control&quot; autocomplete=&quot;off&quot;&gt;
    &lt;/div&gt;
    &lt;div class=&quot;form-group&quot;&gt;
        &lt;label for=&quot;Password&quot;&gt;@Translate(&quot;Password&quot;, &quot;Password&quot;)&lt;/label&gt;
        &lt;input id=&quot;Password&quot; name=&quot;Password&quot; type=&quot;password&quot; value=&quot;&quot; class=&quot;form-control&quot; autocomplete=&quot;off&quot;&gt;
    &lt;/div&gt;
    
    &lt;div class=&quot;form-group&quot;&gt;
        &lt;div id=&quot;loginFeedback&quot;&gt;&lt;/div&gt;
        &lt;button type=&quot;submit&quot; role=&quot;button&quot; class=&quot;btn btn-default btn-block&quot; id=&quot;loginBtn&quot;&gt;
            @Translate(&quot;Login&quot;, &quot;Login&quot;)
        &lt;/button&gt;
    &lt;/div&gt;
    &lt;ul class=&quot;nav navbar-nav&quot;&gt;
        &lt;li&gt;
            &lt;a href=&#39;@(Navigation.GetUrlByNavigationTag(&quot;forgot-password&quot;))&#39; class=&quot;forgot-password&quot;&gt;@Translate(&quot;Forgot password&quot;, &quot;Forgot password&quot;)&lt;/a&gt;
        &lt;/li&gt;
        &lt;li&gt;
            &lt;a href=&#39;@(Navigation.GetUrlByNavigationTag(&quot;new-user&quot;))&#39;&gt;@Translate(&quot;Register user&quot;, &quot;Register user&quot;)&lt;/a&gt;
        &lt;/li&gt;
    &lt;/ul&gt;
&lt;/form&gt;
&lt;script id=&quot;loginBtnDefaultTemplate&quot; type=&quot;text/x-jsrender&quot;&gt;
    @Translate(&quot;Login&quot;, &quot;Login&quot;)
&lt;/script&gt;
&lt;script id=&quot;loginBtnLoggingInTemplate&quot; type=&quot;text/x-jsrender&quot;&gt;
    &lt;i class=&quot;spinner-sm-default&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt; @Translate(&quot;Logging in&quot;, &quot;Logging in&quot;)
&lt;/script&gt;
&lt;script id=&quot;loginLoadingTemplate&quot; type=&quot;text/x-jsrender&quot;&gt;
    &lt;p class=&quot;user-login-loading&quot;&gt;&lt;i class=&quot;spinner-sm-default&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt; @Translate(&quot;Logging in&quot;, &quot;Logging in&quot;)&lt;/p&gt;
&lt;/script&gt;
&lt;script id=&quot;loginErrorTemplate&quot; type=&quot;text/x-jsrender&quot;&gt;
    &lt;p class=&quot;user-login-error&quot;&gt;@Translate(&quot;An error occured during login&quot;, &quot;An error occured during login!&quot;)&lt;/p&gt;
&lt;/script&gt;
&lt;script id=&quot;loginBadLoginInfoTemplate&quot; type=&quot;text/x-jsrender&quot;&gt;
    &lt;p class=&quot;user-login-error&quot;&gt;@Translate(&quot;Username or password is incorrect&quot;, &quot;Username or password is incorrect!&quot;)&lt;/p&gt;
&lt;/script&gt;&lt;/text&gt;
                        }
                        else
                        {
                            &lt;p&gt;
                                @Translate(&quot;Please login&quot;, &quot;Please login&quot;)
                            &lt;/p&gt;
                        }
                    }
                    else
                    {
                        @RenderNavigation(new { Template = &quot;useraccount.xslt&quot;, Expandmode = &quot;all&quot;, StartLevel = 1, EndLevel = 2, NavigationTag = &quot;customer&quot; })
                        &lt;a href=&quot;/admin/public/extranetlogoff.aspx&quot; class=&quot;btn btn-default btn-block btn-logout&quot;&gt;
                            @Translate(&quot;Logout&quot;, &quot;Logout&quot;)
                        &lt;/a&gt;
                    }
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;header-accordion-panel panel panel-default&quot;&gt;
            &lt;div id=&quot;collapseLang&quot; class=&quot;header-accordion-panel-collapse panel-collapse collapse&quot; role=&quot;tabpanel&quot; aria-labelledby=&quot;headingLang&quot;&gt;
                &lt;div class=&quot;panel-body&quot;&gt;
                    &lt;ul class=&quot;nav navbar-nav navbar-right&quot; aria-labelledby=&quot;shop-language&quot;&gt;
                        @if (GetLoop(&quot;WebsiteLanguages&quot;).Any())
                        {
                            foreach (LoopItem lang in GetLoop(&quot;WebsiteLanguages&quot;))
                            {
                                var area = Dynamicweb.Content.Area.GetAreaById(lang.GetInteger(&quot;ID&quot;));
                                var Domain = lang.GetString(&quot;PrimaryDomain&quot;);
                                if (string.IsNullOrEmpty(Domain))
                                {
                                    Domain = area.Domain.Split(new char[0]).First();
                                }
                                var Flag = &quot;flag_&quot; + lang.GetString(&quot;Culture&quot;).Split(&#39;-&#39;).Last().ToLower() + &quot;.png&quot;;
                                &lt;li&gt;
                                    &lt;a href=&#39;//@Domain&#39;&gt;
                                        &lt;img src=&quot;/Admin/Images/Flags/@Flag&quot; alt=&#39;@lang.GetString(&quot;Name&quot;)&#39; class=&quot;img-responsive lang-select&quot; width=&quot;16&quot;&gt; @lang.GetString(&quot;Name&quot;)
                                    &lt;/a&gt;
                                &lt;/li&gt;
                            }
                        }
                    &lt;/ul&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;header-accordion-panel panel panel-default&quot;&gt;
            &lt;div id=&quot;collapseTopmenu&quot; class=&quot;header-accordion-panel-collapse panel-collapse collapse&quot; role=&quot;tabpanel&quot; aria-labelledby=&quot;headingTopmenu&quot;&gt;
                &lt;div class=&quot;panel-body&quot; id=&quot;device-navigation&quot;&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;header-accordion-panel panel panel-default&quot;&gt;
            &lt;div id=&quot;collapseCart&quot; class=&quot;header-accordion-panel-collapse panel-collapse collapse&quot; role=&quot;tabpanel&quot; aria-labelledby=&quot;headingCart&quot;&gt;
                &lt;div class=&quot;panel-body&quot; id=&quot;cart-information&quot;&gt;

                    @if (String.IsNullOrEmpty(GetString(&quot;Ecom:Order.IsEmpty&quot;)))
                    {
                        &lt;table class=&quot;table table-mini&quot;&gt;
                            &lt;tr&gt;
                                &lt;td class=&quot;text-left&quot;&gt;@Translate(&quot;Purchase&quot;, &quot;Purchase&quot;): @GetInteger(&quot;Ecom:Order.OrderLines.TotalProductQuantity&quot;)&lt;/td&gt;
                                &lt;td class=&quot;text-right&quot;&gt;&lt;strong&gt;@Context.Cart.Price.PriceWithoutVATFormattedNoSymbol&lt;/strong&gt; @currency&lt;/td&gt;
                            &lt;/tr&gt;
                            &lt;tr&gt;
                                &lt;td colspan=&quot;2&quot; class=&quot;text-right&quot;&gt;&lt;i&gt;@Translate(&quot;Prices without VAT&quot;, &quot;Prices without VAT&quot;)&lt;/i&gt;&lt;/td&gt;
                            &lt;/tr&gt;
                        &lt;/table&gt;
                        
                        &lt;a href=&#39;@Navigation.GetUrlByNavigationTag(&quot;cart&quot;)&#39; class=&quot;btn btn-primary btn-block&quot;&gt;@Translate(&quot;Show cart&quot;, &quot;Show cart&quot;)&lt;/a&gt;
                    }
                    else
                    {
                        &lt;p&gt;
                            @Translate(&quot;Your cart is empty&quot;, &quot;Your cart is empty&quot;)
                        &lt;/p&gt;
                    }
                &lt;/div&gt;
                &lt;script type=&quot;text/x-jsrender&quot; id=&quot;cart-information-template-show&quot; v-pre=&quot;&quot;&gt;
                    &lt;table class=&quot;table table-mini&quot;&gt;
                        &lt;tr&gt;
                            &lt;td class=&quot;text-left&quot;&gt;@Translate(&quot;Purchase&quot;, &quot;Purchase&quot;): {{:Quantity}}&lt;/td&gt;
                            &lt;td class=&quot;text-right&quot;&gt;&lt;strong&gt;{{:Price.PriceWithoutVATFormattedNoSymbol}}&lt;/strong&gt;&lt;/td&gt;
                        &lt;/tr&gt;
                        &lt;tr&gt;
                            &lt;td colspan=&quot;2&quot; class=&quot;text-right&quot;&gt;&lt;i&gt;@Translate(&quot;Prices without VAT&quot;, &quot;Prices without VAT&quot;)&lt;/i&gt;&lt;/td&gt;
                        &lt;/tr&gt;
                    &lt;/table&gt;
                    &lt;a href=&quot;@Navigation.GetUrlByNavigationTag(&quot;cart&quot;)&quot; class=&quot;btn btn-primary btn-block&quot;&gt;@Translate(&quot;Show cart&quot;, &quot;Show cart&quot;)&lt;/a&gt;
                &lt;/script&gt;
                &lt;script type=&quot;text/x-jsrender&quot; id=&quot;cart-information-template-empty&quot; v-pre=&quot;&quot;&gt;
                    &lt;p&gt;
                        @Translate(&quot;Your cart is empty&quot;, &quot;Your cart is empty&quot;)
                    &lt;/p&gt;
                &lt;/script&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class=&quot;center-header&quot;&gt;
        &lt;div class=&quot;container&quot;&gt;
            &lt;nav id=&quot;basic_navigation&quot; class=&quot;center_header-navigation collapse&quot;&gt;
                @RenderNavigation(new { template = &quot;megamenu-2020.xslt&quot;, expandmode = &quot;all&quot;, startlevel = 1, endlevel = 5 })
            &lt;/nav&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/header&gt;


        @using Dynamicweb.eCommerce.Products
@inherits Dynamicweb.Rendering.RazorTemplateBase&lt;Dynamicweb.Rendering.RazorTemplateModel&lt;Dynamicweb.Rendering.Template&gt;&gt;


@{
    var PageType = GetString(&quot;Item.PageType&quot;);
    var ecomquery = @System.Web.HttpContext.Current.Request.QueryString[&quot;ecomQuery&quot;];
    var prodid = @System.Web.HttpContext.Current.Request.QueryString[&quot;productid&quot;];
    var groupid = @System.Web.HttpContext.Current.Request.QueryString[&quot;groupid&quot;];

    //if user is not allowed to do an action, then redirect users to this page by adding the &#39;restrict=true&#39; in querystring
    var isNotAllowedToBuy = @System.Web.HttpContext.Current.Request.QueryString[&quot;restrict&quot;];

    var scopeIsOrderingList = NORRIQ.Common8.Razor.Navigation.GetPageIdByNavigationTag(&quot;your-sortiment&quot;).Equals(Pageview.ID)
                              || NORRIQ.Common8.Razor.Navigation.GetPageIdByNavigationTag(&quot;orderinglist&quot;).Equals(Pageview.ID)
                              || NORRIQ.Common8.Razor.Navigation.GetPageIdByNavigationTag(&quot;favoritelist&quot;).Equals(Pageview.ID);

    var scopeIsYourSortiment = NORRIQ.Common8.Razor.Navigation.GetPageIdByNavigationTag(&quot;your-sortiment&quot;).Equals(Pageview.ID);

    var scopeIsFavoriteList = NORRIQ.Common8.Razor.Navigation.GetPageIdByNavigationTag(&quot;favoritelist&quot;).Equals(Pageview.ID);

    var linkToCustomerPortal = NORRIQ.Common8.Razor.Navigation.GetUrlByNavigationTag(&quot;user-login&quot;);
    bool isCustomerView = System.Web.HttpContext.Current.Request.RawUrl.Contains(linkToCustomerPortal);
}

&lt;div&gt;
    @if (Pageview.User.LoggedIn)
    {
        &lt;favorite-list-menu&gt;&lt;/favorite-list-menu&gt;
    }
&lt;/div&gt;

&lt;ordering-list-request-product-notifcation render=&#39;@(isCustomerView)&#39;&gt;&lt;/ordering-list-request-product-notifcation&gt;

@if ((GetGlobalValue(&quot;Global:Page.IsProtected&quot;) == &quot;true&quot; &amp;&amp; !Pageview.User.LoggedIn) || (!Pageview.User.LoggedIn &amp;&amp; !string.IsNullOrEmpty(isNotAllowedToBuy)))
{
    &lt;main class=&quot;page-content&quot; data-page-type=&quot;protected&quot;&gt;
        &lt;div class=&quot;container&quot;&gt;
            &lt;h1 class=&quot;title-styled&quot; data-align=&quot;center&quot;&gt;
                @GetString(&quot;Item.Area.RestrictedTitle&quot;)
            &lt;/h1&gt;
            &lt;div class=&quot;title-text-styled&quot; data-align=&quot;center&quot;&gt;
                @GetString(&quot;Item.Area.RestrictedHeaderTxt&quot;)
            &lt;/div&gt;
            &lt;div class=&quot;row-flex&quot;&gt;
                @if (!String.IsNullOrEmpty(GetString(&quot;Item.Area.NewUserText&quot;)))
                {
                    &lt;div class=&quot;col-xs-12 col-sm-6 col-md-5 col-md-offset-1&quot; data-display=&quot;flex&quot;&gt;
                        &lt;div data-align=&quot;left&quot; data-content-border=&quot;boxed&quot; data-content-type=&quot;box&quot;&gt;
                            @GetString(&quot;Item.Area.LoginText&quot;)
                            @using NORRIQ.Common8.Razor;
@inherits Dynamicweb.Rendering.RazorTemplateBase&lt;Dynamicweb.Rendering.RazorTemplateModel&lt;Dynamicweb.Rendering.Template&gt;&gt;
&lt;form name=&quot;ExtUserForm&quot; id=&quot;loginForm&quot; method=&quot;post&quot; class=&quot;form&quot; role=&quot;form&quot; action=&quot;@(System.Web.HttpContext.Current.Request.Url.PathAndQuery)&quot;&gt;
    &lt;div class=&quot;form-group&quot;&gt;
        &lt;label for=&quot;Username&quot;&gt;@Translate(&quot;Username&quot;, &quot;Username&quot;)&lt;/label&gt;
        &lt;input id=&quot;Username&quot; name=&quot;Username&quot; type=&quot;text&quot; value=&quot;&quot; class=&quot;form-control&quot; autocomplete=&quot;off&quot;&gt;
    &lt;/div&gt;
    &lt;div class=&quot;form-group&quot;&gt;
        &lt;label for=&quot;Password&quot;&gt;@Translate(&quot;Password&quot;, &quot;Password&quot;)&lt;/label&gt;
        &lt;input id=&quot;Password&quot; name=&quot;Password&quot; type=&quot;password&quot; value=&quot;&quot; class=&quot;form-control&quot; autocomplete=&quot;off&quot;&gt;
    &lt;/div&gt;
    &lt;div id=&quot;loginFeedback&quot;&gt;&lt;/div&gt;

    &lt;a href=&#39;@Navigation.GetUrlByNavigationTag(&quot;forgot-password&quot;)&#39; class=&quot;forgot-password&quot;&gt;@Translate(&quot;Forgot password&quot;, &quot;Forgot password&quot;)&lt;/a&gt;
    &lt;button type=&quot;submit&quot; role=&quot;button&quot; class=&quot;btn btn-default&quot; id=&quot;loginBtn&quot; data-float=&quot;right&quot;&gt;
        @Translate(&quot;Login&quot;, &quot;Login&quot;)
    &lt;/button&gt;
&lt;/form&gt;
&lt;script id=&quot;loginBtnDefaultTemplate&quot; type=&quot;text/x-jsrender&quot;&gt;
    @Translate(&quot;Login&quot;, &quot;Login&quot;)
&lt;/script&gt;
&lt;script id=&quot;loginBtnLoggingInTemplate&quot; type=&quot;text/x-jsrender&quot;&gt;
    &lt;i class=&quot;spinner-sm-default&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt; @Translate(&quot;Logging in&quot;, &quot;Logging in&quot;)
&lt;/script&gt;
&lt;script id=&quot;loginLoadingTemplate&quot; type=&quot;text/x-jsrender&quot;&gt;
    &lt;p class=&quot;user-login-loading&quot;&gt;&lt;i class=&quot;spinner-sm-default&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt; @Translate(&quot;Logging in&quot;, &quot;Logging in&quot;)&lt;/p&gt;
&lt;/script&gt;
&lt;script id=&quot;loginErrorTemplate&quot; type=&quot;text/x-jsrender&quot;&gt;
    &lt;p class=&quot;user-login-error&quot;&gt;@Translate(&quot;An error occured during login&quot;, &quot;An error occured during login!&quot;)&lt;/p&gt;
&lt;/script&gt;
&lt;script id=&quot;loginBadLoginInfoTemplate&quot; type=&quot;text/x-jsrender&quot;&gt;
    &lt;p class=&quot;user-login-error&quot;&gt;@Translate(&quot;Username or password is incorrect&quot;, &quot;Username or password is incorrect!&quot;)&lt;/p&gt;
&lt;/script&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;col-xs-12 col-sm-6 col-md-5&quot; data-display=&quot;flex&quot;&gt;
                        &lt;div data-align=&quot;left&quot; data-content-border=&quot;boxed&quot; data-content-type=&quot;box&quot;&gt;
                            @GetString(&quot;Item.Area.NewUserText&quot;)
                        &lt;/div&gt;
                    &lt;/div&gt;
                }
                else
                {
                    &lt;div class=&quot;col-xs-12 col-sm-6 col-sm-offset-3 col-md-4 col-md-offset-4&quot; data-display=&quot;flex&quot;&gt;
                        &lt;div data-align=&quot;left&quot; data-content-border=&quot;boxed&quot; data-content-type=&quot;box&quot;&gt;
                            @GetString(&quot;Item.Area.LoginText&quot;)
                            @using NORRIQ.Common8.Razor;
@inherits Dynamicweb.Rendering.RazorTemplateBase&lt;Dynamicweb.Rendering.RazorTemplateModel&lt;Dynamicweb.Rendering.Template&gt;&gt;
&lt;form name=&quot;ExtUserForm&quot; id=&quot;loginForm&quot; method=&quot;post&quot; class=&quot;form&quot; role=&quot;form&quot; action=&quot;@(System.Web.HttpContext.Current.Request.Url.PathAndQuery)&quot;&gt;
    &lt;div class=&quot;form-group&quot;&gt;
        &lt;label for=&quot;Username&quot;&gt;@Translate(&quot;Username&quot;, &quot;Username&quot;)&lt;/label&gt;
        &lt;input id=&quot;Username&quot; name=&quot;Username&quot; type=&quot;text&quot; value=&quot;&quot; class=&quot;form-control&quot; autocomplete=&quot;off&quot;&gt;
    &lt;/div&gt;
    &lt;div class=&quot;form-group&quot;&gt;
        &lt;label for=&quot;Password&quot;&gt;@Translate(&quot;Password&quot;, &quot;Password&quot;)&lt;/label&gt;
        &lt;input id=&quot;Password&quot; name=&quot;Password&quot; type=&quot;password&quot; value=&quot;&quot; class=&quot;form-control&quot; autocomplete=&quot;off&quot;&gt;
    &lt;/div&gt;
    &lt;div id=&quot;loginFeedback&quot;&gt;&lt;/div&gt;

    &lt;a href=&#39;@Navigation.GetUrlByNavigationTag(&quot;forgot-password&quot;)&#39; class=&quot;forgot-password&quot;&gt;@Translate(&quot;Forgot password&quot;, &quot;Forgot password&quot;)&lt;/a&gt;
    &lt;button type=&quot;submit&quot; role=&quot;button&quot; class=&quot;btn btn-default&quot; id=&quot;loginBtn&quot; data-float=&quot;right&quot;&gt;
        @Translate(&quot;Login&quot;, &quot;Login&quot;)
    &lt;/button&gt;
&lt;/form&gt;
&lt;script id=&quot;loginBtnDefaultTemplate&quot; type=&quot;text/x-jsrender&quot;&gt;
    @Translate(&quot;Login&quot;, &quot;Login&quot;)
&lt;/script&gt;
&lt;script id=&quot;loginBtnLoggingInTemplate&quot; type=&quot;text/x-jsrender&quot;&gt;
    &lt;i class=&quot;spinner-sm-default&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt; @Translate(&quot;Logging in&quot;, &quot;Logging in&quot;)
&lt;/script&gt;
&lt;script id=&quot;loginLoadingTemplate&quot; type=&quot;text/x-jsrender&quot;&gt;
    &lt;p class=&quot;user-login-loading&quot;&gt;&lt;i class=&quot;spinner-sm-default&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt; @Translate(&quot;Logging in&quot;, &quot;Logging in&quot;)&lt;/p&gt;
&lt;/script&gt;
&lt;script id=&quot;loginErrorTemplate&quot; type=&quot;text/x-jsrender&quot;&gt;
    &lt;p class=&quot;user-login-error&quot;&gt;@Translate(&quot;An error occured during login&quot;, &quot;An error occured during login!&quot;)&lt;/p&gt;
&lt;/script&gt;
&lt;script id=&quot;loginBadLoginInfoTemplate&quot; type=&quot;text/x-jsrender&quot;&gt;
    &lt;p class=&quot;user-login-error&quot;&gt;@Translate(&quot;Username or password is incorrect&quot;, &quot;Username or password is incorrect!&quot;)&lt;/p&gt;
&lt;/script&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                }
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/main&gt;
}
else
{
    &lt;span id=&quot;scope_is_favoritelist&quot; style=&quot;display: none; visibility: hidden&quot;&gt;@(scopeIsFavoriteList ? 1 : 0)&lt;/span&gt;
    &lt;span id=&quot;scope_is_orderinglist&quot; style=&quot;display: none; visibility: hidden&quot;&gt;@(scopeIsOrderingList ? 1 : 0)&lt;/span&gt;
    &lt;span id=&quot;scope_is_yoursortiment&quot; style=&quot;display: none; visibility: hidden&quot;&gt;@(scopeIsYourSortiment ? 1 : 0)&lt;/span&gt;

    if (PageType == &quot;default&quot; || PageType == &quot;ecom&quot; &amp;&amp; String.IsNullOrEmpty(prodid))
    {
        &lt;nav id=&quot;deviceSidebar&quot; class=&quot;navbar-devices clearfix&quot;&gt;&lt;/nav&gt;
    }
    @RenderBreadcrumb()
    &lt;main class=&quot;page-content&quot; data-page-type=&quot;@PageType&quot;&gt;

        @*&lt;div class=&quot;container&quot;&gt;
                &lt;p&gt;
                    &lt;a href=&quot;#&quot; class=&quot;btn btn-default&quot;&gt;Testknap&lt;/a&gt;
                    &lt;a href=&quot;#&quot; class=&quot;btn btn-primary&quot;&gt;Testknap&lt;/a&gt;
                    &lt;a href=&quot;#&quot; class=&quot;btn btn-default btn-lg&quot;&gt;Testknap&lt;/a&gt;
                    &lt;a href=&quot;#&quot; class=&quot;btn btn-primary btn-lg&quot;&gt;Testknap&lt;/a&gt;
                &lt;/p&gt;
            &lt;/div&gt;*@
        @using System.CodeDom
@using Dynamicweb.Rendering
@using NLWI.Platforms.Dynamicweb8.Specs.ViewModels
@using NORRIQ.Common8.Context
@using NORRIQ.Common8.Factory
@using StandardWebshop.CustomCode.ColorLookup
@using StandardWebshop.CustomCode.Razor
@inherits Dynamicweb.Rendering.RazorTemplateBase&lt;Dynamicweb.Rendering.RazorTemplateModel&lt;Dynamicweb.Rendering.Template&gt;&gt;



&lt;component-wrapper inline-template=&quot;&quot;&gt;
    &lt;div&gt;
        @* debugging span *@
        @*&lt;ul style=&quot;background: red; width: 300px; height: 300px;&quot;&gt;
            &lt;li v-for=&quot;obj in listOfComponents&quot;&gt;{{obj}}&lt;/li&gt;
        &lt;/ul&gt;*@
        &lt;component v-for=&quot;key in listOfComponents&quot; v-bind:is=&quot;key&quot; :key=&quot;key&quot;&gt;&lt;/component&gt;
    &lt;/div&gt;
&lt;/component-wrapper&gt;

        @if (PageType == &quot;default&quot;)
        {
            &lt;div class=&quot;container&quot;&gt;
                &lt;div class=&quot;row-flex&quot;&gt;
                    &lt;div class=&quot;col-xs-12 col-sm-12 col-md-3&quot; data-content=&quot;sidebar&quot; id=&quot;desktopSidebar&quot;&gt;
                        @RenderNavigation()
                        @RenderSidebar()
                    &lt;/div&gt;
                    &lt;div class=&quot;col-xs-12 col-sm-12 col-md-9 pull-right&quot;&gt;
                        @RenderHeader()
                        @RenderPrimary()
                        @RenderSecondary()
                        @RenderTertiary()
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        }
        else if (PageType == &quot;ecom&quot;)
        {
            &lt;div class=&quot;container&quot;&gt;
                @RenderPrimary()
                @RenderSecondary()
                @RenderTertiary()
            &lt;/div&gt;
        }
        else if (PageType == &quot;boxed&quot;)
        {
            &lt;div class=&quot;container&quot;&gt;
                @RenderHeader()
                @RenderPrimary()
                @RenderSecondary()
                @RenderTertiary()
            &lt;/div&gt;
        }
        else if (PageType == &quot;fluid&quot;)
        {
            @RenderHeader()
            @RenderPrimary()
            @RenderSecondary()
            @RenderTertiary()

        }
        else if (PageType == &quot;cart&quot;)
        {
            &lt;div class=&quot;container&quot;&gt;
                @RenderHeader()
                @RenderPrimary()
                @if (GetString(&quot;Ecom:Checkout.CurrentStep.Index&quot;) == &quot;0&quot;)
                {
                    @RenderSecondary()
                }
            &lt;/div&gt;
        }
        else if (PageType == &quot;frontpage&quot;)
        {
            &lt;div class=&quot;container&quot;&gt;
                @RenderPrimary()
                @RenderSecondary()
                @RenderTertiary()
            &lt;/div&gt;
        }
        else if (PageType == &quot;orderinglist&quot;)
        {
            var listname = (System.Web.HttpContext.Current.Request.QueryString[&quot;listname&quot;]);

            &lt;div class=&quot;container&quot;&gt;
                &lt;div class=&quot;row-flex&quot;&gt;
                    &lt;div class=&quot;col-xs-12 col-sm-12 col-md-3&quot; data-content=&quot;sidebar&quot; id=&quot;desktopSidebar&quot;&gt;
                        @RenderNavigation()
                        @RenderSidebar()
                    &lt;/div&gt;
                    &lt;div class=&quot;col-xs-12 col-sm-12 col-md-9 pull-right&quot;&gt;
                        @RenderHeader()
                        &lt;h3 id=&quot;orderinglistheadername&quot;&gt;@listname&lt;/h3&gt;
                        @RenderPrimary()
                        @RenderSecondary()
                        @RenderTertiary()
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        }
    &lt;/main&gt;
}
@* Default content for pages *@
@helper RenderPrimary()
{
    if (!String.IsNullOrEmpty(GetString(&quot;DwContent(Primary)&quot;)))
    {
        if (GetString(&quot;Item.PageType&quot;) == &quot;fluid&quot;)
        {
            &lt;div class=&quot;container-fluid&quot;&gt;
                &lt;div class=&quot;row-flex&quot;&gt;
                    @GetString(&quot;DwContent(Primary)&quot;)
                &lt;/div&gt;
            &lt;/div&gt;
        }
        else
        {
            &lt;div class=&quot;row-flex&quot;&gt;
                @GetValue(&quot;DwContent(Primary)&quot;)
            &lt;/div&gt;
        }

    }
}

@helper RenderSecondary()
{
    if (!String.IsNullOrEmpty(GetString(&quot;DwContent(Secondary)&quot;)))
    {
        if (GetString(&quot;Item.PageType&quot;) == &quot;fluid&quot;)
        {
            &lt;div class=&quot;container-fluid&quot;&gt;
                &lt;div class=&quot;row-flex&quot;&gt;
                    @GetString(&quot;DwContent(Secondary)&quot;)
                &lt;/div&gt;
            &lt;/div&gt;
        }
        else
        {
            &lt;div class=&quot;row-flex&quot;&gt;
                @GetValue(&quot;DwContent(Secondary)&quot;)
            &lt;/div&gt;
        }

    }
}

@helper RenderTertiary()
{
    if (!String.IsNullOrEmpty(GetString(&quot;DwContent(Tertiary)&quot;)))
    {
        &lt;div class=&quot;row-flex&quot;&gt;
            @GetValue(&quot;DwContent(Tertiary)&quot;)
        &lt;/div&gt;
    }
}

@helper RenderSidebar()
{
    if (!String.IsNullOrEmpty(GetString(&quot;DwContent(Sidebar)&quot;)))
    {
        &lt;div class=&quot;row-flex&quot;&gt;
            @GetValue(&quot;DwContent(Sidebar)&quot;)
        &lt;/div&gt;
    }
}

@helper RenderNavigation()
{
    @RenderNavigation(new { Template = &quot;submenu.xslt&quot;, Expandmode = &quot;all&quot;, StartLevel = 1, EndLevel = 4 })
}

@helper RenderBreadcrumb()
{
    if (!GetBoolean(&quot;Item.Page.HideBreadcrumb&quot;))
    {
        &lt;nav class=&quot;clearfix breadcrumb-container&quot;&gt;
            &lt;div class=&quot;container&quot;&gt;
                &lt;ol class=&quot;breadcrumb&quot;&gt;
                    @RenderNavigation(new { Template = &quot;breadcrumb.xslt&quot;, StartLevel = 1, EndLevel = 3 })
                    @{ var productId = System.Web.HttpContext.Current.Request.QueryString[&quot;ProductID&quot;];}
                    @if (productId != null)
                    {
                        var product = Product.GetProductByID(productId);
                        if (product != null)
                        {
                            &lt;li&gt;&lt;span class=&quot;disabled&quot;&gt;@(product.Name)&lt;/span&gt;&lt;/li&gt;
                        }
                    }
                &lt;/ol&gt;
            &lt;/div&gt;
        &lt;/nav&gt;
    }
}

@helper RenderHeader()
{
    if (GetString(&quot;Item.TitleStyle&quot;) != &quot;hidden&quot;)
    {
        var TitleStyle = GetString(&quot;Item.TitleStyle&quot;);
        &lt;header&gt;
            &lt;h1 class=&quot;@TitleStyle&quot;&gt;
                @if (!String.IsNullOrEmpty(GetString(&quot;Page:Ecom.ProductList.GroupName&quot;)))
                {
                    @GetString(&quot;Page:Ecom.ProductList.GroupName&quot;)
                }
                else if (!String.IsNullOrEmpty(GetString(&quot;Ecom:Checkout.CurrentStep.Name&quot;)))
                {
                    @GetString(&quot;Ecom:Checkout.CurrentStep.Name&quot;)
                }
                else
                {
                    @GetString(&quot;Item.Title&quot;)
                }
            &lt;/h1&gt;
        &lt;/header&gt;
    }
}
    &lt;/div&gt;
    &lt;footer class=&quot;footer clearfix&quot;&gt;
        &lt;div class=&quot;container&quot;&gt;
            @if (GetString(&quot;Item.Area.FooterLayout&quot;) == &quot;newsletter&quot;)
            {
                &lt;text&gt;@inherits Dynamicweb.Rendering.RazorTemplateBase&lt;Dynamicweb.Rendering.RazorTemplateModel&lt;Dynamicweb.Rendering.Template&gt;&gt;
@{
    var NewsletterID = 0;
    Int32.TryParse(GetString(&quot;Item.Area.NewsletterIdFL1&quot;).Split(&#39;#&#39;).Last(), out NewsletterID);
}


    &lt;div class=&quot;row&quot;&gt;
        &lt;div class=&quot;col-xs-12 col-sm-5 col-md-4&quot; data-float=&quot;right&quot;&gt;
            &lt;div class=&quot;newsletter-footer&quot;&gt;
                &lt;div class=&quot;row&quot;&gt;
                    @RenderParagraphContent(NewsletterID)
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;col-xs-12 col-sm-7 col-md-7&quot;&gt;
            &lt;div class=&quot;row&quot;&gt;
                @foreach (var fl1 in GetLoop(&quot;Item.Area.FooterBlocksFL1&quot;))
                {
                    var NavigationTag = fl1.GetString(&quot;Item.Area.FooterBlocksFL1.Navigationtag&quot;);
                    var FooterBlockWidth = fl1.GetString(&quot;Item.Area.FooterBlocksFL1.WidthMobile&quot;) + &quot; &quot; + fl1.GetString(&quot;Item.Area.FooterBlocksFL1.Width&quot;);
                    var FooterBlockAlign = fl1.GetString(&quot;Item.Area.FooterBlocksFL1.ContentAlign&quot;);
                    var FooterBlockTitleStyle = fl1.GetString(&quot;Item.Area.FooterBlocksFL1.TitleStyle&quot;);
                    var TitleSize = fl1.GetString(&quot;Item.Area.FooterBlocksFL1.TitleSize&quot;);
                    &lt;div class=&quot;@FooterBlockWidth footer-widget&quot; data-align=&quot;@FooterBlockAlign&quot;&gt;
                        @if (fl1.GetString(&quot;Item.Area.FooterBlocksFL1.TitleStyle&quot;) != &quot;hidden&quot;)
                        {
                            if (TitleSize == &quot;h1&quot;)
                            {
                                &lt;h1 class=&quot;@FooterBlockTitleStyle&quot;&gt;
                                    @fl1.GetString(&quot;Item.Area.FooterBlocksFL1.Title&quot;)
                                &lt;/h1&gt;
                            }
                            else if (TitleSize == &quot;h2&quot;)
                            {
                                &lt;h2 class=&quot;@FooterBlockTitleStyle&quot;&gt;
                                    @fl1.GetString(&quot;Item.Area.FooterBlocksFL1.Title&quot;)
                                &lt;/h2&gt;
                            }
                            else
                            {
                                &lt;h3 class=&quot;@FooterBlockTitleStyle&quot;&gt;
                                    @fl1.GetString(&quot;Item.Area.FooterBlocksFL1.Title&quot;)
                                &lt;/h3&gt;
                            }
                        }
                        @if (fl1.GetString(&quot;Item.Area.FooterBlocksFL1.ContentLayout&quot;) == &quot;navigation&quot;)
                        {

                            @RenderNavigation(new { Template = &quot;meta.xslt&quot;, Expandmode = &quot;all&quot;, StartLevel = 1, EndLevel = 2, NavigationTag = NavigationTag })

                        }
                        else
                        {

                            @fl1.GetString(&quot;Item.Area.FooterBlocksFL1.Text&quot;)

                        }
                    &lt;/div&gt;
                }
            &lt;/div&gt;
        &lt;/div&gt;
        
    &lt;/div&gt;

&lt;/text&gt;
            }
            else if (GetString(&quot;Item.Area.FooterLayout&quot;) == &quot;default&quot; || String.IsNullOrEmpty(&quot;Item.Area.FooterLayout&quot;))
            {
                &lt;text&gt;@inherits Dynamicweb.Rendering.RazorTemplateBase&lt;Dynamicweb.Rendering.RazorTemplateModel&lt;Dynamicweb.Rendering.Template&gt;&gt;
@{
//var WidgetCount = GetLoop(&quot;Item.Area.WidgetsFL2&quot;).Count;
//var WidgetWidth = &quot;&quot;;

//if (WidgetCount == 2)
//{
//    WidgetWidth = &quot;col-xs-12 col-sm-6&quot;;
//}
//else if (WidgetCount == 3)
//{
//    WidgetWidth = &quot;col-xs-12 col-sm-4&quot;;
//}
//else if (WidgetCount == 4)
//{
//    WidgetWidth = &quot;col-xs-12 col-sm-3&quot;;
//}
//else
//{
//    WidgetWidth = &quot;col-xs-12&quot;;
//}
}

    &lt;div class=&quot;row-flex&quot;&gt;
        @foreach (var widget in GetLoop(&quot;Item.Area.WidgetsFL2&quot;))
        {
            var WidgetWidth = widget.GetString(&quot;Item.Area.WidgetsFL2.Width&quot;);
            var NavigationTag = widget.GetString(&quot;Item.Area.WidgetsFL2.Navigationtag&quot;);
            var WidgetAlign = widget.GetString(&quot;Item.Area.WidgetsFL2.ContentAlign&quot;);
            var WidgetTitleStyle = widget.GetString(&quot;Item.Area.WidgetsFL2.TitleStyle&quot;);
            var TitleSize = widget.GetString(&quot;Item.Area.WidgetsFL2.TitleSize&quot;);
            var ParagraphID = 0;
            Int32.TryParse(widget.GetString(&quot;Item.Area.WidgetsFL2.ParagraphLink&quot;).Split(&#39;#&#39;).Last(), out ParagraphID);

            &lt;div class=&quot;@WidgetWidth text-@WidgetAlign&quot;&gt;
                @*&lt;div class=&quot;footer-widget&quot; data-align=&quot;@WidgetAlign&quot; data-display=&quot;flex&quot;&gt;

                &lt;/div&gt;*@
                @if (widget.GetString(&quot;Item.TitleStyle&quot;) != &quot;hidden&quot;)
                {
                    if (TitleSize == &quot;h1&quot;)
                    {
                        &lt;h1 class=&quot;@WidgetTitleStyle&quot;&gt;
                            @widget.GetString(&quot;Item.Area.WidgetsFL2.Title&quot;)
                        &lt;/h1&gt;
                    }
                    else if (TitleSize == &quot;h2&quot;)
                    {
                        &lt;h2 class=&quot;@WidgetTitleStyle&quot;&gt;
                            @widget.GetString(&quot;Item.Area.WidgetsFL2.Title&quot;)
                        &lt;/h2&gt;
                    }
                    else
                    {
                        &lt;h3 class=&quot;@WidgetTitleStyle&quot;&gt;
                            @widget.GetString(&quot;Item.Area.WidgetsFL2.Title&quot;)
                        &lt;/h3&gt;
                    }
                }
                @if (widget.GetString(&quot;Item.Area.WidgetsFL2.ContentLayout&quot;) == &quot;navigation&quot;)
                {
                    @RenderNavigation(new { Template = &quot;meta2.xslt&quot;, Expandmode = &quot;all&quot;, StartLevel = 1, EndLevel = 2, NavigationTag = NavigationTag })
                }
                else
                {
                    @widget.GetString(&quot;Item.Area.WidgetsFL2.Text&quot;)
                }
                @if (!String.IsNullOrEmpty(widget.GetString(&quot;Item.Area.WidgetsFL2.ParagraphLink&quot;)))
                {
                    @RenderParagraphContent(ParagraphID)
                }
            &lt;/div&gt;
        }
    &lt;/div&gt;
&lt;/text&gt;
            }
            &lt;p class=&quot;copy text-center&quot;&gt;
                &amp;copy; @GetGlobalValue(&quot;Global:Server.Date.Year&quot;)
                @GetString(&quot;Item.Area.Copy&quot;)
            &lt;/p&gt;

            @if (!String.IsNullOrEmpty(GetGlobalValue(&quot;Global:OMC.Visitor.PrimaryProfile.Name&quot;)))
            {
                &lt;p&gt;PrimaryProfile: @GetGlobalValue(&quot;Global:OMC.Visitor.PrimaryProfile.Name&quot;) (@GetGlobalValue(&quot;Global:OMC.Visitor.PrimaryProfile.Points&quot;))&lt;/p&gt;
            }
            @if (!String.IsNullOrEmpty(GetGlobalValue(&quot;Global:OMC.Visitor.SecondaryProfile.Name&quot;)))
            {
                &lt;p&gt;SecondaryProfile: @GetGlobalValue(&quot;Global:OMC.Visitor.SecondaryProfile.Name&quot;) (@GetGlobalValue(&quot;Global:OMC.Visitor.SecondaryProfile.Points&quot;))&lt;/p&gt;
            }
        &lt;/div&gt;
    &lt;/footer&gt;

    @inherits Dynamicweb.Rendering.RazorTemplateBase&lt;Dynamicweb.Rendering.RazorTemplateModel&lt;Dynamicweb.Rendering.Template&gt;&gt;

@inherits Dynamicweb.Rendering.RazorTemplateBase&lt;Dynamicweb.Rendering.RazorTemplateModel&lt;Dynamicweb.Rendering.Template&gt;&gt;

&lt;script type=&quot;text/x-template&quot; id=&quot;modal-component-template&quot;&gt;
    &lt;div&gt;
        &lt;div style=&quot;display:none&quot;&gt;
            &lt;button :id=&quot;&#39;modalBtn&#39;+uniqueId&quot; type=&quot;button&quot; data-toggle=&quot;modal&quot; :data-target=&quot;&#39;#modal&#39;+uniqueId&quot;&gt;Launch modal&lt;/button&gt;
        &lt;/div&gt;
        &lt;div :id=&quot;&#39;modal&#39;+uniqueId&quot; class=&quot;modal fade&quot; tabindex=&quot;-1&quot; role=&quot;dialog&quot;&gt;
            &lt;div class=&quot;modal-dialog&quot; role=&quot;document&quot;&gt;
                &lt;div class=&quot;modal-content&quot;&gt;
                    &lt;div class=&quot;modal-header&quot;&gt;
                        &lt;button type=&quot;button&quot; class=&quot;close&quot; data-dismiss=&quot;modal&quot; aria-label=&quot;Close&quot;&gt;&lt;span aria-hidden=&quot;true&quot;&gt;&amp;times;&lt;/span&gt;&lt;/button&gt;
                        &lt;slot name=&quot;title&quot; v-bind:obj=&quot;obj&quot;&gt;
                            &lt;h4 class=&quot;modal-title&quot;&gt;default title&lt;/h4&gt;
                        &lt;/slot&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;modal-body&quot;&gt;
                        &lt;slot v-if=&quot;!isAccepted&quot; name=&quot;msg&quot; v-bind:obj=&quot;obj&quot;&gt;
                            &lt;p&gt;message to user&lt;/p&gt;
                        &lt;/slot&gt;
                        &lt;slot v-if=&quot;isAccepted&quot; name=&quot;msg-is-accepted&quot;&gt;
                            &lt;p&gt;@Translate(&quot;confirm_accepted&quot;, &quot;Operation was successfully done&quot;)&lt;/p&gt;
                        &lt;/slot&gt;
                        &lt;slot v-if=&quot;!isAccepted &amp;&amp; error&quot; name=&quot;msg-error&quot;&gt;
                            &lt;p&gt;@Translate(&quot;confirm_error&quot;, &quot;An error occurred, please try again.&quot;)&lt;/p&gt;
                        &lt;/slot&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;modal-footer&quot;&gt;
                        &lt;button type=&quot;button&quot; class=&quot;btn btn-default&quot; data-dismiss=&quot;modal&quot; @@click=&quot;emitCancel($event, obj)&quot;&gt;@Translate(&quot;modal_close&quot;, &quot;close&quot;)&lt;/button&gt;
                        &lt;button v-if=&quot;!isAccepted&quot; type=&quot;button&quot; class=&quot;btn btn-primary&quot; @@click=&quot;emitAccept($event,obj)&quot;&gt;@Translate(&quot;modal_savechanges&quot;, &quot;save changes&quot;)&lt;/button&gt;
                    &lt;/div&gt;
                &lt;/div&gt;&lt;!-- /.modal-content --&gt;
            &lt;/div&gt;&lt;!-- /.modal-dialog --&gt;
        &lt;/div&gt;&lt;!-- /.modal --&gt;
    &lt;/div&gt;
&lt;/script&gt;

@inherits Dynamicweb.Rendering.RazorTemplateBase&lt;Dynamicweb.Rendering.RazorTemplateModel&lt;Dynamicweb.Rendering.Template&gt;&gt;



&lt;script type=&quot;text/x-template&quot; id=&quot;alert-success-component-template&quot;&gt;
    &lt;div&gt;
        &lt;alert-component class=&quot;alert-success&quot;&gt;
            &lt;template v-slot:header=&quot;slotProps&quot;&gt;
                &lt;h3&gt;@Translate(&quot;Alert_Success_Prefix&quot;, &quot;Success - &quot;){{slotProps.obj.header}}&lt;/h3&gt;
            &lt;/template&gt;
            &lt;template v-slot:msg=&quot;slotProps&quot;&gt;
                &lt;b&gt;{{slotProps.obj.message}}&lt;/b&gt;
            &lt;/template&gt;
        &lt;/alert-component&gt;
    &lt;/div&gt;
&lt;/script&gt;



&lt;script type=&quot;text/x-template&quot; id=&quot;alert-warning-component-template&quot;&gt;
    &lt;div&gt;
        &lt;alert-component class=&quot;custom-alert alert-warning&quot;&gt;
            &lt;template v-slot:header=&quot;slotProps&quot;&gt;
                &lt;h3&gt;{{slotProps.obj.header}}&lt;/h3&gt;
            &lt;/template&gt;
            &lt;template v-slot:msg=&quot;slotProps&quot;&gt;
                &lt;b&gt;{{slotProps.obj.message}}&lt;/b&gt;
            &lt;/template&gt;
        &lt;/alert-component&gt;
    &lt;/div&gt;
&lt;/script&gt;


&lt;script type=&quot;text/x-template&quot; id=&quot;alert-component-template&quot;&gt;
    &lt;div class=&quot;custom-alert&quot;&gt;
        &lt;a class=&quot;close&quot; @@click.prevent=&quot;close&quot;&gt;&amp;times;&lt;/a&gt;
        &lt;div class=&quot;custom-alert-header&quot;&gt;
            &lt;slot name=&quot;header&quot; v-bind:obj=&quot;obj&quot;&gt;
                &lt;h3&gt;Alert Header&lt;/h3&gt;
            &lt;/slot&gt;
        &lt;/div&gt;
        &lt;div class=&quot;custom-alert-msg&quot;&gt;
            &lt;slot name=&quot;msg&quot; v-bind:obj=&quot;obj&quot;&gt;
                &lt;p&gt;Alert Message&lt;/p&gt;
            &lt;/slot&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/script&gt;
@inherits Dynamicweb.Rendering.RazorTemplateBase&lt;Dynamicweb.Rendering.RazorTemplateModel&lt;Dynamicweb.Rendering.Template&gt;&gt;
@{
    var searchLabel = Translate(&quot;Search products&quot;, &quot;Hvad s&#248;ger du?&quot;);
    var searchQuery = @System.Web.HttpContext.Current.Request.QueryString[&quot;ecomQuery&quot;];

    var translateInstantSearch = Translate(&quot;InstantSearch_&quot;);
}
&lt;script type=&quot;text/x-template&quot; id=&quot;instant-search-template&quot; v-pre=&quot;&quot;&gt;
    &lt;div class=&quot;instantsearch v2 navbar-form navbar-right&quot;&gt;
        &lt;form id=&quot;instant-search-form&quot; ref=&quot;formref&quot; action=&quot;/Default.aspx&quot; method=&quot;get&quot; novalidate v-autoClose=&quot;closeFoldOut&quot;&gt;
            &lt;label for=&quot;searchTerm&quot; v-if=&quot;showReset&quot;&gt;
                @searchLabel
            &lt;/label&gt;
            &lt;div class=&quot;input-group form-group&quot;&gt;
                &lt;input ref=&quot;searchqueryRef&quot;
                       class=&quot;form-control&quot;
                       type=&quot;search&quot;
                       placeholder=&quot;@searchLabel&quot;
                       id=&quot;searchquery&quot;
                       name=&quot;eComQuery&quot;
                       autocomplete=&quot;off&quot;
                       v-on:input=&quot;inputChanged&quot;
                       v-on:focus=&quot;foldActive = &#39;active&#39;&quot;
                       v-on:keyup.enter=&quot;onSubmit&quot;
                       data-tabindex=&quot;0&quot;
                       value=&quot;@searchQuery&quot;&gt;
                &lt;label for=&quot;searchTerm&quot; class=&quot;sr-only&quot;&gt;
                    @searchLabel
                &lt;/label&gt;
                &lt;input type=&quot;hidden&quot; value=&quot;@searchQuery&quot; id=&quot;searchstring&quot;&gt;
                &lt;input type=&quot;hidden&quot; name=&quot;ID&quot; :value=&quot;searchResultPageId&quot; /&gt;
                @* append current url if configured to true *@
                &lt;input type=&quot;hidden&quot; v-for=&quot;pair in getCurrentQueryString()&quot; :name=&quot;pair[0]&quot; :value=&quot;pair[1]&quot; /&gt;
                &lt;span class=&quot;input-group-btn&quot;&gt;
                    &lt;button type=&quot;submit&quot; id=&quot;instantSearchBtn&quot; class=&quot;btn btn-transp js-search-btn&quot; :disabled=&quot;isDisabled&quot;&gt;
                        @*&lt;i id=&quot;instantSearchIcon&quot; class=&quot;icon-search&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt;*@
                        &lt;i class=&quot;pe-is-i-search pe-lg pe-va&quot;&gt;&lt;/i&gt;&lt;span class=&quot;sr-only&quot;&gt;@Translate(&quot;Search&quot;, &quot;Search&quot;)&lt;/span&gt;
                    &lt;/button&gt;
                    &lt;template v-if=&quot;showReset&quot;&gt;
                        &lt;button type=&quot;button&quot; id=&quot;instantSearchBtn&quot; class=&quot;btn btn-default js-search-btn&quot; v-on:click=&quot;resetSearchQuery()&quot;&gt;
                            &lt;span&gt;@Translate(&quot;Search_clear_btn&quot;, &quot;Nulstil&quot;)&lt;/span&gt;
                        &lt;/button&gt;
                    &lt;/template&gt;
                &lt;/span&gt;
            &lt;/div&gt;

            &lt;div class=&quot;instantsearch-collapse collapse&quot; v-bind:class=&quot;{ in: foldActive }&quot;&gt;
                &lt;div class=&quot;instantsearch-results&quot;&gt;
                    &lt;template v-if=&quot;searchQuery == &#39;&#39;&quot;&gt;
                        @Translate(translateInstantSearch + &quot;Type something&quot;, &quot;Indtast for at s&#248;ge&quot;)
                    &lt;/template&gt;
                    &lt;template v-else-if=&quot;queryLoading&quot;&gt;
                        &lt;div class=&quot;basic_listview-loading&quot;&gt;
                            &lt;span class=&quot;spinner-sm-default&quot;&gt;&lt;/span&gt;&lt;span&gt;@Translate(&quot;Search_Loading&quot;, &quot; S&#248;ger...&quot;)&lt;/span&gt;
                        &lt;/div&gt;
                    &lt;/template&gt;
                    &lt;template v-else-if=&quot;productList == null || productList.length == 0&quot;&gt;
                        @Translate(translateInstantSearch + &quot;Empty search...&quot;, &quot;Der blev ikke fundet varer...&quot;)
                    &lt;/template&gt;
                    &lt;template v-else&gt;
                        &lt;table class=&quot;table table-condensed productlist-table insta-table&quot;&gt;
                            &lt;tbody&gt;
                                &lt;tr v-for=&quot;product in productList&quot;&gt;
                                    &lt;td class=&quot;productlist-table-thumb text-center&quot; width=&quot;50&quot;&gt;
                                        &lt;a class=&quot;productlist-table-name&quot; :href=&quot;getProductUrl(product)&quot;&gt;
                                            &lt;img :src=&quot;&#39;/Admin/Public/GetImage.ashx?Image=&#39;+product.ThumbnailImageName+&#39;&amp;amp;Width=40&amp;amp;Height=40&amp;amp;Crop=5&amp;amp;Compression=85&#39;&quot; class=&quot;img-responsive&quot; :alt=&quot;product.ThumbnailImageAltText&quot; /&gt;
                                        &lt;/a&gt;
                                    &lt;/td&gt;
                                    &lt;td class=&quot;productlist-table-product&quot;&gt;
                                        &lt;a class=&quot;productlist-table-name&quot; :href=&quot;getProductUrl(product)&quot;&gt;
                                            {{product.Name}}
                                            &lt;br /&gt;&lt;span&gt;@Translate(&quot;Product Number&quot;, &quot;Product Number&quot;): {{product.Number}} | @Translate(&quot;Price from&quot;, &quot;Price from&quot;): {{product.UnitPrice}}&lt;/span&gt;
                                        &lt;/a&gt;
                                    &lt;/td&gt;
                                &lt;/tr&gt;
                            &lt;/tbody&gt;
                        &lt;/table&gt;
                        &lt;div class=&quot;productlist-result&quot;&gt;
                            &lt;a v-if=&quot;moreResults&quot; v-on:click.prevent=&quot;onSubmit&quot; href=&quot;#&quot;&gt;@Translate(translateInstantSearch + &quot;See all products&quot;, &quot;Se alle varer&quot;) ({{numberOfResults}})&lt;/a&gt;
                        &lt;/div&gt;
                    &lt;/template&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/form&gt;
    &lt;/div&gt;
&lt;/script&gt;

@inherits Dynamicweb.Rendering.RazorTemplateBase&lt;Dynamicweb.Rendering.RazorTemplateModel&lt;Dynamicweb.Rendering.Template&gt;&gt;
@{
    //This template contains everything for the favoritelist items.
    string favoriteListPrefix = &quot;FavoriteList &quot;;
}
&lt;span id=&quot;favoritelistitem_confirm_delete_on_all&quot; style=&quot;display: none; visibility: hidden&quot;&gt;@Translate(favoriteListPrefix + &quot;_confirm_delete_all&quot;, &quot;Er du sikker p&#229; at du vil fjerne produktet {0} fra alle lister ?&quot;)&lt;/span&gt;

&lt;script type=&quot;text/x-template&quot; id=&quot;favorite-item-template&quot;&gt;
    &lt;div class=&quot;basic_favoriteitem&quot; v-if=&quot;loaded&quot;&gt;
        &lt;template v-if=&quot;isYourSortiment&quot;&gt;
            &lt;button type=&quot;button&quot; class=&quot;btn btn-clear btn-ico&quot; v-on:click=&quot;removeProduct($event)&quot;&gt;
                &lt;template v-if=&quot;showFavoriteIcon&quot;&gt;
                    &lt;span class=&quot; productlist-grid-favorite&quot; title=&quot;@Translate(favoriteListPrefix+&quot;RemoveFromAllLists&quot;, &quot;Fjern varen fra alle lister&quot; )&quot;&gt;&lt;span class=&quot;pe-lg pe-is-e-trash-2-f&quot;&gt;&lt;/span&gt;&lt;/span&gt;
                &lt;/template&gt;
            &lt;/button&gt;
        &lt;/template&gt;

        &lt;template v-if=&quot;isYourSortiment&quot;&gt;
            &lt;button type=&quot;button&quot; v-bind:class=&quot;{active : showFavoriteIcon, inactive: !showFavoriteIcon}&quot; class=&quot;btn btn-clear btn-ico&quot; title=&quot;@Translate(favoriteListPrefix+&quot;Add&quot;, &quot;Tilf&#248;j eller fjern varen&quot; )&quot; v-on:click=&quot;toggleFavoriteListMenu($event)&quot;&gt;
                @* if your-soritment/orderinglist is selected - differ the presentation *@
                &lt;template v-if=&quot;showFavoriteIcon&quot;&gt;
                    &lt;span class=&quot; productlist-grid-favorite&quot;&gt;&lt;span class=&quot;pe-lg pe-is-e-eye-1&quot;&gt;&lt;/span&gt;&lt;/span&gt;
                &lt;/template&gt;
                &lt;template v-else&gt;
                    &lt;span class=&quot; productlist-grid-favorite&quot;&gt;&lt;span class=&quot;pe-lg pe-is-e-eye-slashed&quot;&gt;&lt;/span&gt;&lt;/span&gt;
                &lt;/template&gt;
            &lt;/button&gt;
        &lt;/template&gt;
        &lt;template v-else&gt;
            &lt;button type=&quot;button&quot; v-bind:class=&quot;{active : showFavoriteIcon, inactive: !showFavoriteIcon}&quot; class=&quot;btn btn-clear-default btn-ico&quot; title=&quot;@Translate(favoriteListPrefix+&quot;Add&quot;, &quot;Tilf&#248;j eller fjern varen&quot; )&quot; v-on:click=&quot;toggleFavoriteListMenu($event)&quot;&gt;
                &lt;template v-if=&quot;showFavoriteIcon&quot;&gt;
                    &lt;span class=&quot; productlist-grid-favorite&quot;&gt;&lt;span class=&quot;icon-favorite-added&quot;&gt;&lt;/span&gt;&lt;/span&gt;
                &lt;/template&gt;
                &lt;template v-else&gt;
                    &lt;span class=&quot; productlist-grid-favorite&quot;&gt;&lt;span class=&quot;icon-favorite&quot;&gt;&lt;/span&gt;&lt;/span&gt;
                &lt;/template&gt;
            &lt;/button&gt;
        &lt;/template&gt;
    &lt;/div&gt;
&lt;/script&gt;
&lt;script type=&quot;text/x-template&quot; id=&quot;favorite-list-menu-template&quot; v-pre=&quot;&quot;&gt;
    &lt;div v-bind:class=&quot;{ active: showMenu }&quot; id=&quot;basic_favoritelist&quot; v-autoClose=&quot;closeFoldOut&quot;&gt;
        &lt;div class=&quot;fav-inwrap&quot;&gt;
            &lt;template v-if=&quot;loading&quot;&gt;
                &lt;div class=&quot;loading&quot;&gt;
                    &lt;span class=&quot;spinner-xl-default&quot;&gt;&lt;/span&gt;
                &lt;/div&gt;
            &lt;/template&gt;
            &lt;template v-if=&quot;!loading&quot;&gt;
                &lt;h5&gt;@Translate(favoriteListPrefix + &quot;menu_Header&quot;, &quot;Bestillingslister&quot;)&lt;/h5&gt;
                &lt;p class=&quot;desc&quot;&gt;
                    @Translate(favoriteListPrefix + &quot;menu_addRemove_text&quot;, &quot;Tilf&#248;j eller fjern varen fra:&quot;)
                &lt;/p&gt;
                &lt;template v-for=&quot;favoriteList in allFavoriteLists&quot;&gt;
                    &lt;div class=&quot;form-check&quot;&gt;
                        &lt;input type=&quot;checkbox&quot; :id=&quot;&#39;fav-&#39; + favoriteList.id&quot; :value=&quot;favoriteList.id&quot; :checked=&quot;favoriteList.isActive&quot; v-on:change=&quot;toggleItem($event, favoriteList.id)&quot; class=&quot;form-check-input&quot; /&gt;
                        &lt;label :for=&quot;&#39;fav-&#39; + favoriteList.id&quot; class=&quot;form-check-label&quot;&gt;
                            {{favoriteList.name}}
                        &lt;/label&gt;
                    &lt;/div&gt;
                &lt;/template&gt;
                &lt;div class=&quot;form-check&quot;&gt;
                    &lt;input type=&quot;checkbox&quot; id=&quot;addNewListCheckbox&quot; v-model=&quot;addNewList&quot; class=&quot;form-check-input&quot; /&gt;
                    &lt;label for=&quot;addNewListCheckbox&quot; class=&quot;form-check-label&quot;&gt;
                        @Translate(favoriteListPrefix + &quot;newlist_text&quot;, &quot;Ny bestillingsliste&quot;)
                    &lt;/label&gt;
                &lt;/div&gt;
                &lt;div v-if=&quot;addNewList&quot; class=&quot;input-group&quot;&gt;
                    &lt;input type=&quot;text&quot; id=&quot;addNewListNameInput&quot; v-model=&quot;addNewListNameInput&quot; class=&quot;form-control new-list-name-input&quot; v-on:keyup.enter=&quot;saveAsNewList&quot; /&gt;
                    &lt;div class=&quot;input-group-btn&quot;&gt;
                        &lt;button v-on:click=&quot;saveAsNewList&quot; class=&quot;btn btn-default&quot;&gt;@Translate(favoriteListPrefix + &quot;Gem&quot;, &quot;Gem&quot;)&lt;/button&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/template&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/script&gt;
@inherits Dynamicweb.Rendering.RazorTemplateBase&lt;Dynamicweb.Rendering.RazorTemplateModel&lt;Dynamicweb.Rendering.Template&gt;&gt;
@{
    var translateOrderderingList = &quot;Orderinglist_&quot;;

    
}


&lt;span id=&quot;orderinglistCustomerAgreement_confirm_remove&quot; style=&quot;display: none; visibility: hidden&quot;&gt;@Translate(translateOrderderingList + &quot;customeragreement_confirm_remove&quot;, &quot;Er du sikker p&#229; at du vil fjerne kundeaftale produktet. DU kan tilf&#248;je produktet igen fra webshoppen.&quot;)&lt;/span&gt;
&lt;span id=&quot;orderinglist_confirm_delete&quot; style=&quot;display: none; visibility: hidden&quot;&gt;@Translate(translateOrderderingList + &quot;confirm_delete&quot;, &quot;Er du sikker p&#229; at du vil slettet produkt {0} fra din bestillingsliste?&quot;)&lt;/span&gt;

&lt;script type=&quot;text/x-template&quot; id=&quot;ordering-list-item-template&quot;&gt;
    &lt;div class=&quot;basic_favoriteitem&quot; v-if=&quot;loaded&quot;&gt;
        &lt;template v-if=&quot;showIsDeleted&quot;&gt;
            &lt;button v-if=&quot;showDelete&quot; type=&quot;button&quot; class=&quot;btn btn-clear btn-ico&quot; v-bind:class=&quot;{active : !isDeleted, inactive: isDeleted}&quot; v-on:click=&quot;toggleDelete($event)&quot;&gt;
                &lt;template v-if=&quot;!isDeleted&quot;&gt;
                    &lt;span class=&quot;productlist-grid-favorite&quot; title=&quot;@Translate(translateOrderderingList+&quot;ProductIsShown&quot;, &quot;Vises i dit sortiment&quot;)&quot;&gt;&lt;span class=&quot;pe-lg pe-is-e-pencil-4&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
                &lt;/template&gt;
                &lt;template v-else&gt;
                    &lt;span class=&quot;productlist-grid-favorite&quot; title=&quot;@Translate(translateOrderderingList+&quot;ProductIsDeleted&quot;, &quot;Gemt i dit sortement&quot;)&quot;&gt;&lt;span class=&quot;pe-lg pe-is-e-pencil-4&quot; style=&quot;color:red;&quot;&gt;&lt;/span&gt;&lt;/span&gt;
                &lt;/template&gt;
            &lt;/button&gt;
        &lt;/template&gt;
        
        &lt;template v-if=&quot;showIsAvailable&quot;&gt;
            &lt;button v-if=&quot;show&quot; type=&quot;button&quot; class=&quot;btn btn-clear btn-ico&quot; v-bind:class=&quot;{active : isAvailable, inactive: !isAvailable}&quot; v-on:click=&quot;toggleProductForAll($event)&quot;&gt;
                &lt;template v-if=&quot;isAvailable&quot;&gt;
                    &lt;span class=&quot;productlist-grid-favorite&quot; title=&quot;@Translate(translateOrderderingList+&quot;ProductIsAvailable&quot;, &quot;Tilg&#230;ngelig for alle&quot; )&quot;&gt;&lt;span class=&quot;pe-lg pe-is-e-eye-1&quot;&gt;&lt;/span&gt;&lt;/span&gt;
                &lt;/template&gt;
                &lt;template v-else&gt;
                    &lt;span class=&quot;productlist-grid-favorite&quot; title=&quot;@Translate(translateOrderderingList+&quot;ProductIsNotAvailable&quot;, &quot;Skjult for alle&quot; )&quot;&gt;&lt;span class=&quot;pe-lg pe-is-e-eye-slashed&quot;&gt;&lt;/span&gt;&lt;/span&gt;
                &lt;/template&gt;
            &lt;/button&gt;
        &lt;/template&gt;

        @* Deactivate feature &quot;isActive&quot; - as this a to complex model currently*@
        @*&lt;template v-if=&quot;isAvailable&quot;&gt;
            &lt;button v-if=&quot;show&quot; type=&quot;button&quot; class=&quot;btn btn-clear btn-ico active&quot; v-bind:class=&quot;{active : isActive, inactive: !isActive}&quot; v-on:click=&quot;toggleProduct($event)&quot;&gt;
                &lt;template v-if=&quot;isActive&quot;&gt;
                    &lt;span class=&quot;productlist-grid-favorite&quot; title=&quot;@Translate(translateOrderderingList+&quot;ProductIsActivated&quot;, &quot;Aktiveret p&#229; alle bestillingslister&quot;)&quot;&gt;&lt;span class=&quot;pe-lg pe-is-a-clipboard-check-f&quot;&gt;&lt;/span&gt;&lt;/span&gt;
                &lt;/template&gt;
                &lt;template v-else&gt;
                    &lt;span class=&quot;productlist-grid-favorite&quot; title=&quot;@Translate(translateOrderderingList+&quot;ProductIsDeactivated&quot;, &quot;Deaktiveret p&#229; alle bestillingslister&quot;)&quot;&gt;&lt;span class=&quot;pe-lg pe-is-a-clipboard-no-f&quot;&gt;&lt;/span&gt;&lt;/span&gt;
                &lt;/template&gt;
            &lt;/button&gt;
        &lt;/template&gt;*@
    &lt;/div&gt;
&lt;/script&gt;

&lt;script type=&quot;text/x-template&quot; id=&quot;ordering-list-add-remove-item-template&quot;&gt;
    &lt;div class=&quot;basic_favoriteitem&quot; v-if=&quot;loaded &amp;&amp; show&quot;&gt;
        &lt;button type=&quot;button&quot; class=&quot;btn btn-clear btn-ico&quot; v-on:click=&quot;toggleProduct($event)&quot;&gt;
            &lt;template v-if=&quot;canAdd&quot;&gt;
                &lt;span class=&quot;productlist-grid-favorite&quot; title=&quot;@Translate(translateOrderderingList+&quot;AddProduct&quot;, &quot;Tilf&#248;j til dit sortiment&quot;)&quot;&gt;&lt;span class=&quot;pe-lg pe-is-i-plus-circle-f&quot;&gt;&lt;/span&gt;&lt;/span&gt;
            &lt;/template&gt;
            &lt;template v-else&gt;
                &lt;span class=&quot;productlist-grid-favorite&quot; title=&quot;@Translate(translateOrderderingList+&quot;RemoveProduct&quot;, &quot;Fjern fra dit sortiment&quot;)&quot;&gt;&lt;span class=&quot;pe-lg pe-is-e-trash-2-f&quot;&gt;&lt;/span&gt;&lt;/span&gt;
            &lt;/template&gt;
        &lt;/button&gt;
    &lt;/div&gt;
&lt;/script&gt;
@inherits Dynamicweb.Rendering.RazorTemplateBase&lt;Dynamicweb.Rendering.RazorTemplateModel&lt;Dynamicweb.Rendering.Template&gt;&gt;
@{
    var translateCustomerAgreement = &quot;CustomerAgreement_&quot;;
}
&lt;script type=&quot;text/x-template&quot; id=&quot;customer-agreement-item-template&quot;&gt;
    &lt;div class=&quot;basic_favoriteitem&quot; v-if=&quot;loaded&quot;&gt;
        &lt;template v-if=&quot;exists&quot;&gt;
            &lt;span class=&quot;productlist-grid-favorite&quot; title=&quot;@Translate(translateCustomerAgreement+&quot;_existss&quot;, &quot;Kundeaftale&quot; )&quot;&gt;&lt;span class=&quot;pe-is-sp-star-2-f&quot;&gt;&lt;/span&gt;&lt;/span&gt;
        &lt;/template&gt;
    &lt;/div&gt;
&lt;/script&gt;

@inherits Dynamicweb.Rendering.RazorTemplateBase&lt;Dynamicweb.Rendering.RazorTemplateModel&lt;Dynamicweb.Rendering.Template&gt;&gt;
@{

}
&lt;script type=&quot;text/x-template&quot; id=&quot;ordering-list-selector-template&quot; v-pre=&quot;&quot;&gt;
    &lt;div class=&quot;basic_favoriteitem&quot; v-if=&quot;isEmployee &amp;&amp; lists&quot;&gt;
        &lt;h3&gt;@Translate(&quot;orderinglist_selector_header_text&quot;, &quot;V&#230;lg bestillingsliste&quot;)&lt;/h3&gt;
        &lt;template v-if=&quot;loading&quot;&gt;
            &lt;div class=&quot;loading&quot;&gt;
                &lt;span class=&quot;spinner-sm-default&quot;&gt;&lt;/span&gt;
                &lt;span&gt;@Translate(&quot;OrderingList_Selector_loading&quot;, &quot;Indl&#230;ser liste informationer..&quot;)&lt;/span&gt;
            &lt;/div&gt;
        &lt;/template&gt;
        &lt;template v-if=&quot;loadingSetSelected&quot;&gt;
            &lt;div class=&quot;loading&quot;&gt;
                &lt;span class=&quot;spinner-sm-default&quot;&gt;&lt;/span&gt;
                &lt;span&gt;@Translate(&quot;OrderingList_Selector_loadingScope&quot;, &quot;Vent venligst mens vi indl&#230;ser den valgte liste..&quot;)&lt;/span&gt;
            &lt;/div&gt;
        &lt;/template&gt;
        &lt;template v-if=&quot;!loading || !loadingSetSelected&quot;&gt;
            &lt;multiselect v-model=&quot;selected&quot; @@select=&quot;onSelect&quot; :options=&quot;options&quot; :custom-label=&quot;customLabel&quot; placeholder=&quot;Select one&quot; label=&quot;name&quot; track-by=&quot;id&quot;&gt;&lt;/multiselect&gt;
            &lt;slot name=&quot;is-restricted&quot;&gt;
            &lt;/slot&gt;
        &lt;/template&gt;
        &lt;slot  v-bind:selected=&quot;selected&quot; v-if=&quot;!loading &amp;&amp; selected&quot;&gt;&lt;/slot&gt;
        &lt;hr /&gt;
    &lt;/div&gt;
&lt;/script&gt; 


@inherits Dynamicweb.Rendering.RazorTemplateBase&lt;Dynamicweb.Rendering.RazorTemplateModel&lt;Dynamicweb.Rendering.Template&gt;&gt;
@{

}
&lt;script type=&quot;text/x-template&quot; id=&quot;ordering-list-filter-template&quot; v-pre=&quot;&quot;&gt;
    &lt;div class=&quot;orderinglist_filter&quot;&gt;
        &lt;div v-show=&quot;show&quot;&gt;
            &lt;label for=&quot;orderinglistfiltershowfrommasterlist&quot;&gt;
                &lt;input id=&quot;orderinglistfiltershowfrommasterlist&quot; type=&quot;checkbox&quot; v-model=&quot;filter.showFromMasterList&quot; v-on:change=&quot;filterChanged(filter)&quot; /&gt;
                &lt;i class=&quot;pe-is-i-info-circle-f pe-lg text-primary&quot; aria-hidden=&quot;true&quot; title=&quot;@Translate(&quot;Orderinglist_filter_showfrommasterlist_explained&quot;, &quot;Her har du mulighed for at..&quot;)&quot;&gt;&lt;/i&gt;
            &lt;/label&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/script&gt;


@inherits Dynamicweb.Rendering.RazorTemplateBase&lt;Dynamicweb.Rendering.RazorTemplateModel&lt;Dynamicweb.Rendering.Template&gt;&gt;

&lt;span id=&quot;orderinglistrequestsproduct_link_ref_url&quot; style=&quot;display: none; visibility: hidden&quot;&gt;@NORRIQ.Common8.Razor.Navigation.GetUrlByNavigationTag(&quot;product-requests&quot;)&lt;/span&gt;

&lt;script type=&quot;text/x-template&quot; id=&quot;ordering-list-request-product-notification-template&quot; v-pre=&quot;&quot;&gt;
    &lt;div&gt;
        &lt;div ref=&quot;orderingrequestproductnotification&quot; class=&quot;orderinglistrequestproduct-notification&quot;&gt;
            &lt;div v-if=&quot;show&quot; class=&quot;notification-wrapper&quot;&gt;
                @*&lt;svg class=&quot;icon-3x notification-bell&quot; aria-hidden=&quot;true&quot; focusable=&quot;false&quot; data-prefix=&quot;fas&quot; data-icon=&quot;bell&quot; role=&quot;img&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 448 512&quot;&gt;
                        &lt;path fill=&quot;currentColor&quot; d=&quot;M224 512c35.32 0 63.97-28.65 63.97-64H160.03c0 35.35 28.65 64 63.97 64zm215.39-149.71c-19.32-20.76-55.47-51.99-55.47-154.29 0-77.7-54.48-139.9-127.94-155.16V32c0-17.67-14.32-32-31.98-32s-31.98 14.33-31.98 32v20.84C118.56 68.1 64.08 130.3 64.08 208c0 102.3-36.15 133.53-55.47 154.29-6 6.45-8.66 14.16-8.61 21.71.11 16.4 12.98 32 32.1 32h383.8c19.12 0 32-15.6 32.1-32 .05-7.55-2.61-15.27-8.61-21.71z&quot; class=&quot;&quot;&gt;&lt;/path&gt;
                    &lt;/svg&gt;*@
                &lt;span class=&quot;notification-counter&quot;&gt;{{count}}&lt;/span&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/script&gt;


@* https://blog.revathskumar.com/2018/12/vue-using-html5-validations.html
    https://pqina.nl/blog/async-form-posts-with-a-couple-lines-of-vanilla-javascript/
*@
@inherits Dynamicweb.Rendering.RazorTemplateBase&lt;Dynamicweb.Rendering.RazorTemplateModel&lt;Dynamicweb.Rendering.Template&gt;&gt;

&lt;span style=&quot;display: none; visibility: hidden&quot; data-translation-form-is-not-valid=&quot;&quot;&gt;@Translate(&quot;AsyncFormIsNotValid&quot;, &quot;Form is not valid - Please fill required fields.&quot;)&lt;/span&gt;
&lt;span style=&quot;display: none; visibility: hidden&quot; data-translation-form-has-errors=&quot;&quot;&gt;@Translate(&quot;AsyncFormError&quot;, &quot;Error - contact administrator.&quot;)&lt;/span&gt;

&lt;script type=&quot;text/x-template&quot; id=&quot;formula-wrapper-template&quot; v-pre=&quot;&quot;&gt;
    &lt;div class=&quot;formula-wrapper&quot;&gt;
        &lt;template v-if=&quot;loading&quot;&gt;
            &lt;div class=&quot;loading&quot;&gt;
                &lt;span class=&quot;spinner-xl-default&quot;&gt;&lt;/span&gt;
            &lt;/div&gt;
        &lt;/template&gt;
        &lt;div ref=&quot;html&quot;&gt;
            &lt;component :is=&quot;html&quot;&gt;&lt;/component&gt;
        &lt;/div&gt;
        &lt;template v-show=&quot;false&quot;&gt;
            &lt;span ref=&quot;postingspinner&quot; v-show=&quot;isPosting&quot; class=&quot;spinner-sm-default&quot;&gt;&lt;/span&gt;
        &lt;/template&gt;
        &lt;re-captcha v-if=&quot;useReCaptcha&quot; ref=&quot;recaptchacomponent&quot;&gt;&lt;/re-captcha&gt;
    &lt;/div&gt;
&lt;/script&gt;


&lt;script type=&quot;text/x-template&quot; id=&quot;re-captcha-template&quot; v-pre=&quot;&quot;&gt;
    &lt;input type=&quot;hidden&quot; v-model=&quot;recaptchaResponse&quot; name=&quot;g-Recaptcha-Response&quot; required /&gt;
&lt;/script&gt;



&lt;script type=&quot;text/x-template&quot; id=&quot;user-login-template&quot;&gt;
    &lt;div&gt;
        {{isLoggedIn}}
    &lt;/div&gt;
&lt;/script&gt;

&lt;script type=&quot;text/x-template&quot; id=&quot;sheet-field-template&quot;&gt;
    &lt;div&gt;
        &lt;div v-if=&quot;isInput&quot;&gt;
            &lt;input v-show=&quot;isInput&quot; class=&quot;form-control&quot; type=&quot;number&quot; v-model=&quot;syncedValue&quot; :disabled=&quot;isDisabled&quot; /&gt;
        &lt;/div&gt;
        &lt;div v-if=&quot;isLabel&quot;&gt;
            &lt;label v-show=&quot;isLabel&quot;&gt; {{ fixedValue }}&lt;/label&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/script&gt;


&lt;script type=&quot;text/x-template&quot; id=&quot;delivery-address-template&quot;&gt;
    &lt;div class=&quot;form-group&quot;&gt;
        &lt;multiselect ref=&quot;vueSelect&quot; class=&quot;from-control&quot;
                     :searchable=true :custom-label=&quot;getOptionLabel&quot; v-model=&quot;selected&quot; :options=&quot;getOptions()&quot; @@input=&quot;setSelected&quot; @@search:focus=&quot;test&quot; track-by=&quot;id&quot; placeholder=&quot;@Translate(&quot;deliveryAddress_placeholder&quot;, &quot;V&#230;lg levering adresse&quot;)&quot;&gt;
            &lt;template v-slot:caret=&quot;props&quot; :toggle=&quot;toggle&quot;&gt;
                &lt;div class=&quot;custom-vue-select-caret&quot;&gt;
                    &lt;span @@mousedown.prevent.stop=&quot;deselect()&quot; type=&quot;button&quot; title=&quot;Clear selection&quot; class=&quot;vs__clear&quot; style=&quot;&quot;&gt;&lt;svg xmlns=&quot;http://www.w3.org/2000/svg&quot; width=&quot;10&quot; height=&quot;10&quot;&gt;&lt;path d=&quot;M6.895455 5l2.842897-2.842898c.348864-.348863.348864-.914488 0-1.263636L9.106534.261648c-.348864-.348864-.914489-.348864-1.263636 0L5 3.104545 2.157102.261648c-.348863-.348864-.914488-.348864-1.263636 0L.261648.893466c-.348864.348864-.348864.914489 0 1.263636L3.104545 5 .261648 7.842898c-.348864.348863-.348864.914488 0 1.263636l.631818.631818c.348864.348864.914773.348864 1.263636 0L5 6.895455l2.842898 2.842897c.348863.348864.914772.348864 1.263636 0l.631818-.631818c.348864-.348864.348864-.914489 0-1.263636L6.895455 5z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;&lt;/span&gt;
                    &lt;span class=&quot;multiselect__select&quot; @@mousedown.prevent.stop=&quot;props.toggle()&quot;&gt;&lt;/span&gt;
                &lt;/div&gt;
            &lt;/template&gt;
            &lt;template v-slot:option=&quot;props&quot; :option=&quot;option&quot; :search=&quot;search&quot;&gt;
                &lt;a v-if=&quot;showDeleteBtn(props.option)&quot; class=&quot;v-select-custom-href&quot; @@click.prevent=&quot;showModal(props.option)&quot;&gt;&lt;i class=&quot;icon icon-trash&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt;&lt;/a&gt;
                &lt;template v-if=&quot;props.option.id == &#39;standardDeliveryScope&#39;&quot;&gt;
                    @Translate(&quot;deliveryAddress_Standard&quot;, &quot;Gemte addresser&quot;)
                &lt;/template&gt;
                &lt;template v-else-if=&quot;props.option.id == &#39;hierarchyScope&#39;&quot;&gt;
                    @Translate(&quot;deliveryAddress_Extended&quot;, &quot;Debitor addresser&quot;)
                &lt;/template&gt;
                &lt;template v-else&gt;
                    &lt;span class=&quot;v-select-custom-text&quot;&gt;{{ getOptionLabel(props.option) }}&lt;/span&gt;
                &lt;/template&gt;
            &lt;/template&gt;
        &lt;/multiselect&gt;
    &lt;/div&gt;
&lt;/script&gt;


@{
    string orderingListRequestProductModalTranslation = &quot;OrderingListRequestProduct_Modal&quot;;
}
&lt;script type=&quot;text/x-template&quot; id=&quot;modal-text-component-template&quot; v-pre=&quot;&quot;&gt;
    &lt;div&gt;
        &lt;modal-component unique-id=&quot;orderinglist-request-product&quot; @@confirm-accept=&quot;accept&quot; @@confirm-cancel=&quot;cancel&quot;&gt;
            &lt;template v-slot:title=&quot;slotProps&quot;&gt;
                &lt;h4 lass=&quot;modal-title&quot;&gt;@Translate(orderingListRequestProductModalTranslation + &quot;_Header&quot;, &quot;Anmod produkt: &quot;){{slotProps.obj.header}}&lt;/h4&gt;
            &lt;/template&gt;
            &lt;template v-slot:msg&gt;
                &lt;p&gt;@Translate(orderingListRequestProductModalTranslation + &quot;_Message&quot;, &quot;Skriv en kommentar (maks 200 karakter)&quot;)&lt;/p&gt;
                &lt;textarea class=&quot;form-control&quot; row=&quot;5&quot; cols=&quot;50&quot; maxlength=&quot;200&quot; v-model=&quot;comments&quot;&gt;&lt;/textarea&gt;
            &lt;/template&gt;
            &lt;template v-slot:msg-is-accepted&gt;
                &lt;p&gt;@Translate(orderingListRequestProductModalTranslation + &quot;_Accept&quot;, &quot;Anmodet&quot;)&lt;/p&gt;
            &lt;/template&gt;
        &lt;/modal-component&gt;
    &lt;/div&gt;
&lt;/script&gt;

@* Delivery adresss modal view *@
&lt;script type=&quot;text/x-template&quot; id=&quot;deliveryaddress-modal-component-template&quot; v-pre=&quot;&quot;&gt;
    &lt;div&gt;
        &lt;modal-component unique-id=&quot;deliveryaddress-modal-component&quot; @@confirm-accept=&quot;accept&quot; @@confirm-cancel=&quot;cancel&quot;&gt;
            &lt;template v-slot:title=&quot;props&quot;&gt;
                &lt;h4 lass=&quot;modal-title&quot;&gt;@Translate(&quot;deliveryaddress_modal_header&quot;, &quot;Delete delivery addresse&quot;) {{props.obj.header}}&lt;/h4&gt;
            &lt;/template&gt;
            &lt;template v-slot:msg=&quot;props&quot;&gt;
                &lt;p&gt;@Translate(&quot;deliveryaddress_modal_text&quot;, &quot;Are you sure that you wanna delete? med f&#248;lgende tekst&quot;)&lt;/p&gt;
                &lt;p&gt;{{props.obj.message}}&lt;/p&gt;
            &lt;/template&gt;
            &lt;template v-slot:msg-is-accepted&gt;
                &lt;p&gt;@Translate(&quot;deliveryaddress_confirm_delete&quot;, &quot;Delivery address was successfully deleted!&quot;)&lt;/p&gt;
            &lt;/template&gt;
        &lt;/modal-component&gt;
    &lt;/div&gt;
&lt;/script&gt;




    &lt;div id=&quot;problem-scripts&quot;&gt;
    @* use v-pre to ignore the template by vuejs *@
    &lt;script id=&quot;async-price&quot; v-pre=&quot;&quot; type=&quot;text/x-template&quot;&gt;
        &lt;div data-target=&quot;.async-price-unit&quot;&gt;
            @* ADD offline price for &quot;informative-unit&quot; if ANY *@
            &lt;span class=&quot;{{if !isProductInformation}}product-price-before{{/if}}&quot;&gt;
                {{if selectedUnit != null &amp;&amp; selectedUnit.IsInformativePrice}}
                {{&gt;selectedUnit.UnitBeforePrice}}
                {{if isProductInformation}}&lt;span&gt;@Context.Currency.Symbol&lt;/span&gt;{{/if}}
                {{else}}
                {{if NetUnitPrice.PriceWithoutVat != null &amp;&amp; UnitPrice.PriceWithoutVat != null &amp;&amp; NetUnitPrice.PriceWithoutVat.formatMoney(2,&#39;,&#39;,&#39;.&#39;) != UnitPrice.PriceWithoutVat.formatMoney(2,&#39;,&#39;,&#39;.&#39;) }}
                {{&gt;UnitPrice.PriceWithoutVat.formatMoney(2,&#39;,&#39;,&#39;.&#39;)}}
                {{if isProductInformation}}&lt;span&gt;@Context.Currency.Symbol&lt;/span&gt;{{/if}}
                {{/if}}
                {{/if}}
            &lt;/span&gt;
        &lt;/div&gt;
        &lt;div data-target=&quot;.async-price-stock&quot;&gt;
            {{if ExtraInfo &amp;&amp; ExtraInfo.IsProcurementGoods == &quot;yes&quot; &amp;&amp; Inventory == 0}}
            &lt;i class=&quot;icon-stock icon-blue&quot; title=&quot;@Translate(&quot;label_skaffevare&quot;, &quot;Skaffevare&quot;)&quot;&gt;&lt;/i&gt;
            &lt;span class=&quot;stock-label-text&quot;&gt;@Translate(&quot;label_skaffevare&quot;, &quot;Skaffevare&quot;)&lt;/span&gt;
            {{else}}
            {{if Inventory &gt; 0 || (ExtraInfo &amp;&amp; ExtraInfo.Stykliste == &quot;yes&quot; )}}
            {{if !ExtraInfo.isOutlet}}
            &lt;i class=&quot;icon-stock icon-green&quot; title=&quot;{{&gt;Inventory}}&quot;&gt;&lt;/i&gt; &lt;span class=&quot;stock-label-text&quot;&gt;@Translate(&quot;label_in_stock&quot;, &quot;P&#229; lager&quot;)&lt;/span&gt;
            {{else}}
            &lt;i class=&quot;icon-stock icon-green&quot; title=&quot;{{&gt;Inventory}}&quot;&gt;&lt;/i&gt; &lt;span class=&quot;stock-label-text&quot; style=&quot;display: inline;&quot;&gt;{{&gt;Inventory}} @Translate(&quot;label_in_stock&quot;, &quot;P&#229; lager&quot;)&lt;/span&gt;
            {{/if}}
            {{else}}
            &lt;i class=&quot;icon-stock icon-yellow&quot; title=&quot;@Translate(&quot;label_in_stock_in_x_days&quot;, &quot;Forventes p&#229; lager indenfor 4 dage.&quot;)&quot;&gt;&lt;/i&gt;
            &lt;span class=&quot;stock-label-text&quot;&gt;@Translate(&quot;label_in_stock_in_x_days&quot;, &quot;Forventes p&#229; lager indenfor 4 dage.&quot;)&lt;/span&gt;
            {{/if}}
            {{/if}}
        &lt;/div&gt;
        &lt;div data-target=&quot;.async-price-total&quot;&gt;
            {{if (selectedUnit != null &amp;&amp; selectedUnit.IsInformativePrice) || (NetUnitPrice.PriceWithoutVat != null &amp;&amp; UnitPrice.PriceWithoutVat != null &amp;&amp; NetUnitPrice.PriceWithoutVat.formatMoney(2,&#39;,&#39;,&#39;.&#39;) != UnitPrice.PriceWithoutVat.formatMoney(2,&#39;,&#39;,&#39;.&#39;))}}
            &lt;div class=&quot;font-hilite&quot;&gt;
                {{&gt;NetUnitPrice.PriceWithoutVat.formatMoney(2,&#39;,&#39;,&#39;.&#39;)}} {{if Mode != &quot;details&quot;}} @Context.Currency.Symbol {{/if}}
            &lt;/div&gt;
            {{else}}
            {{&gt;NetUnitPrice.PriceWithoutVat.formatMoney(2,&#39;,&#39;,&#39;.&#39;)}} {{if Mode != &quot;details&quot;}} @Context.Currency.Symbol {{/if}}
            {{/if}}
            {{if error != null }}
            &lt;i class=&quot;icon-warning&quot; title=&quot;@Translate(&quot;lwi_showing_retail_prices&quot;, &quot;There was a technical problem so your specific price could not be calculated. The price you see is retail price.&quot;)&quot;&gt;&lt;/i&gt;
            {{/if}}
        &lt;/div&gt;
        &lt;div data-target=&quot;.async-price-discount&quot;&gt;
            {{if ExtraInfo !== undefined &amp;&amp; ExtraInfo.DiscountPct !== undefined &amp;&amp; ExtraInfo.DiscountPct &gt; 0 }}
            {{:ExtraInfo.DiscountPct}}%
            {{/if}}
        &lt;/div&gt;
        &lt;div data-target=&quot;.async-price-volumenpriser&quot;&gt;
            {{if ExtraInfo &amp;&amp; ExtraInfo.qtyPriceTransformed}}
            &lt;table class=&quot;table table-condensed volume-table async-price-volumenpriser&quot;&gt;
                &lt;tbody&gt;
                    {{for ExtraInfo.qtyPriceTransformed}}
                    &lt;tr&gt;
                        {{if TranslatedUnitCaption == BaseUnit }}
                        &lt;td class=&quot;text-left&quot;&gt;{{:#data.MinimumQuantity}} x {{:#data.TranslatedUnitCaption}}&lt;/td&gt;
                        {{else}}
                        &lt;td class=&quot;text-left&quot;&gt;{{:#data.MinimumQuantity}} {{:#data.TranslatedUnitCaption}} ({{:#data.MinimumQuantityInBaseUnit}} {{:#data.BaseUnit}})&lt;/td&gt;
                        {{/if}}
                        &lt;td class=&quot;text-right&quot;&gt;@Translate(&quot;Volume Per&quot;, &quot;pr.&quot;) {{:BaseUnit}}&lt;/td&gt;
                        &lt;td class=&quot;text-right&quot;&gt;{{:#data.ConvertedBOMPrice}} {{:#data.CurrencyCode}}&lt;/td&gt;
                    &lt;/tr&gt;
                    {{else}}
                    &lt;tr&gt;
                        &lt;td colspan=&quot;2&quot;&gt;Ingen volumenpriser&lt;/td&gt;
                    &lt;/tr&gt;
                    {{/for}}
                &lt;/tbody&gt;
            &lt;/table&gt;
            {{/if}}
        &lt;/div&gt;

    &lt;/script&gt;

    @* render template if price is a base unit informative price (fictive) *@
    &lt;script id=&quot;async-price-informative-baseunit&quot; v-pre=&quot;&quot; type=&quot;text/x-template&quot;&gt;
        &lt;div data-target=&quot;.async-price-stock&quot;&gt;
            {{if ExtraInfo &amp;&amp; ExtraInfo.IsProcurementGoods == &quot;yes&quot; &amp;&amp; Inventory == 0}}
            &lt;i class=&quot;icon-stock icon-blue&quot; title=&quot;@Translate(&quot;label_skaffevare&quot;, &quot;Skaffevare&quot;)&quot;&gt;&lt;/i&gt;
            &lt;span class=&quot;stock-label-text&quot;&gt;@Translate(&quot;label_skaffevare&quot;, &quot;Skaffevare&quot;)&lt;/span&gt;
            {{else}}
            {{if Inventory &gt; 0 || (ExtraInfo &amp;&amp; ExtraInfo.Stykliste == &quot;yes&quot; )}}
            {{if !ExtraInfo.isOutlet}}
            &lt;i class=&quot;icon-stock icon-green&quot; title=&quot;{{&gt;Inventory}}&quot;&gt;&lt;/i&gt; &lt;span class=&quot;stock-label-text&quot;&gt;@Translate(&quot;label_in_stock&quot;, &quot;P&#229; lager&quot;)&lt;/span&gt;
            {{else}}
            &lt;i class=&quot;icon-stock icon-green&quot; title=&quot;{{&gt;Inventory}}&quot;&gt;&lt;/i&gt; &lt;span class=&quot;stock-label-text&quot; style=&quot;display: inline;&quot;&gt;{{&gt;Inventory}} @Translate(&quot;label_in_stock&quot;, &quot;P&#229; lager&quot;)&lt;/span&gt;
            {{/if}}
            {{else}}
            &lt;i class=&quot;icon-stock icon-yellow&quot; title=&quot;@Translate(&quot;label_in_stock_in_x_days&quot;, &quot;Forventes p&#229; lager indenfor 4 dage.&quot;)&quot;&gt;&lt;/i&gt;
            &lt;span class=&quot;stock-label-text&quot;&gt;@Translate(&quot;label_in_stock_in_x_days&quot;, &quot;Forventes p&#229; lager indenfor 4 dage.&quot;)&lt;/span&gt;
            {{/if}}
            {{/if}}
        &lt;/div&gt;

        &lt;div data-target=&quot;.async-price-baseunitOUM&quot;&gt;
            {{:ExtraInfo.BaseContentUOM}}
        &lt;/div&gt;

        &lt;div data-target=&quot;.async-price-unit&quot;&gt;
            {{if isProductInformation &amp;&amp; showOfflineSupplementalUnitPrice &amp;&amp; !selectedUnit.SupplementalUnit.AnyInformativePrice}}
            &lt;span&gt;{{:selectedUnit.SupplementalUnit.BaseContentUOMPrice}} @Context.Currency.Symbol&lt;/span&gt;
            {{/if}}
            {{if isProductInformation &amp;&amp; showOfflineSupplementalUnitPrice &amp;&amp; selectedUnit.SupplementalUnit.AnyInformativePrice}}
            &lt;span&gt;{{:selectedUnit.SupplementalUnit.BaseContentUOMBeforePrice}} @Context.Currency.Symbol&lt;/span&gt;
            {{/if}}

            {{if !isProductInformation}}
            &lt;span class=&quot;supplemental-unit-content&quot;&gt;pr. {{:ExtraInfo.BaseContentUOM}} /v {{:ExtraInfo.BaseContentFactor}} {{:ExtraInfo.BaseContentUOM}}&lt;/span&gt;
            {{if showOfflineSupplementalUnitPrice &amp;&amp; !selectedUnit.SupplementalUnit.AnyInformativePrice}}
            &lt;span class=&quot;product-price-before&quot;&gt;{{:selectedUnit.SupplementalUnit.BaseContentUOMPrice}}&lt;/span&gt;
            {{/if}}
            {{if showOfflineSupplementalUnitPrice &amp;&amp; selectedUnit.SupplementalUnit.AnyInformativePrice}}
            &lt;span class=&quot;product-price-before&quot;&gt;{{:selectedUnit.SupplementalUnit.BaseContentUOMBeforePrice}} &lt;/span&gt;
            {{/if}}
            {{/if}}
        &lt;/div&gt;

        &lt;div data-target=&quot;.async-price-total&quot;&gt;
            {{if isProductInformation}}
            {{if showOfflineSupplementalUnitPrice}}
            &lt;span class=&quot;font-hilite&quot;&gt;{{&gt;ExtraInfo.BaseContentOUMPrice.formatMoney(2,&#39;,&#39;,&#39;.&#39;)}} @Context.Currency.Symbol&lt;/span&gt;
            {{else}}
            &lt;span&gt;{{&gt;ExtraInfo.BaseContentOUMPrice.formatMoney(2,&#39;,&#39;,&#39;.&#39;)}} @Context.Currency.Symbol&lt;/span&gt;
            {{/if}}
            {{/if}}

            {{if !isProductInformation}}
            {{if showOfflineSupplementalUnitPrice}}
            &lt;span class=&quot;font-hilite&quot;&gt;{{&gt;ExtraInfo.BaseContentOUMPrice.formatMoney(2,&#39;,&#39;,&#39;.&#39;)}} @Context.Currency.Symbol&lt;/span&gt;
            {{else}}
            &lt;span&gt;{{&gt;ExtraInfo.BaseContentOUMPrice.formatMoney(2,&#39;,&#39;,&#39;.&#39;)}} @Context.Currency.Symbol&lt;/span&gt;
            {{/if}}
            {{/if}}
        &lt;/div&gt;
    &lt;/script&gt;

    @* Offline template *@
    &lt;script id=&quot;price-template-unitchange&quot; v-pre=&quot;&quot; type=&quot;text/x-template&quot;&gt;
        {{if ShowPricePrBaseUnitOUM}}
        &lt;span class=&quot;supplemental-unit-content&quot;&gt;pr. {{:SupplementalUnit.BaseContentUOM}} /v {{:SupplementalUnit.BaseContentFactor}} {{:SupplementalUnit.BaseContentUOM}}&lt;/span&gt;
        {{/if}}

        {{if IsInformativePrice }}
        {{if ShowPricePrBaseUnitOUM}}
        &lt;span class=&quot;product-price-before&quot;&gt;{{:SupplementalUnit.BaseContentUOMBeforePrice}} &lt;/span&gt;
        &lt;span class=&quot;productlist-grid-price-price font-hilite&quot;&gt;
            {{:SupplementalUnit.BaseContentUOMPrice}}
            &lt;span itemprop=&quot;priceCurrency&quot; content=&quot;{{:Currency}}&quot;&gt;@Context.Currency.Symbol&lt;/span&gt;
        &lt;/span&gt;
        {{else}}
        &lt;span class=&quot;product-price-before&quot;&gt;{{:UnitBeforePrice}}&lt;/span&gt;
        &lt;span class=&quot;productlist-grid-price-price font-hilite&quot;&gt;
            {{:Price}}
            &lt;span itemprop=&quot;priceCurrency&quot; content=&quot;{{:Currency}}&quot;&gt;@Context.Currency.Symbol&lt;/span&gt;
        &lt;/span&gt;
        {{/if}}
        {{else}}
        &lt;span class=&quot;productlist-grid-price-price&quot;&gt;
            {{if ShowPricePrBaseUnitOUM}}
            {{:SupplementalUnit.BaseContentUOMPrice}}
            {{else}}
            {{:Price}}
            {{/if}}
            &lt;span itemprop=&quot;priceCurrency&quot; content=&quot;{{:Currency}}&quot;&gt;@Context.Currency.Symbol&lt;/span&gt;
        &lt;/span&gt;
        {{/if}}
    &lt;/script&gt;

    &lt;script v-pre=&quot;&quot; type=&quot;text/x-template&quot; id=&quot;autoaddfeedbackloading&quot;&gt;
        &lt;i class=&quot;spinner-sm-default&quot;&gt;&lt;/i&gt;
    &lt;/script&gt;
    &lt;script v-pre=&quot;&quot; type=&quot;text/x-template&quot; id=&quot;autoaddfeedbacksuccess&quot;&gt;
        &lt;i class=&quot;icon-added&quot; title=&quot;@Translate(&quot;autoadd_added_to_basket&quot;, &quot;Produktet blev tilf&#248;jet til kurven.&quot;)&quot;&gt;&lt;/i&gt;
    &lt;/script&gt;
    &lt;script v-pre=&quot;&quot; type=&quot;text/x-template&quot; id=&quot;autoaddfeedbackerror&quot;&gt;
        {{if error == &quot;badinput&quot;}}
        &lt;i class=&quot;icon-warning&quot; title=&quot;@Translate(&quot;auto_add_bad_input&quot;, &quot;Det indtastede var ikke et tal.&quot;)&quot;&gt;&lt;/i&gt;
        {{else error == &quot;servererror&quot;}}
        &lt;i class=&quot;icon-warning&quot; title=&quot;@Translate(&quot;auto_add_server_error&quot;, &quot;Der skete en serverfejl, din kurv er ikke opdateret.&quot;)&quot;&gt;&lt;/i&gt;
        {{else}}
        &lt;i class=&quot;icon-warning&quot;&gt;&lt;/i&gt;
        {{/if}}
    &lt;/script&gt;
    &lt;script v-pre=&quot;&quot; type=&quot;text/x-template&quot; id=&quot;autoaddfeedbackdefault&quot;&gt;
        &lt;span class=&quot;product-added-text&quot;&gt;&lt;i class=&quot;pe-is-ec-cart-1-f&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt;&lt;/span&gt;
    &lt;/script&gt;

&lt;/div&gt;

    &lt;script src=&#39;@StandardWebshop.CustomCode.Razor.TimestampSource.GetSourceWithTimestamp(@&quot;/Files/dist/scripts/bundle.min.js&quot;)&#39;&gt;&lt;/script&gt;

    &lt;script append=&quot;true&quot;&gt;
        require([&#39;standardwebshop/areas/user/login&#39;], function (AsyncLogin) {
            var login = new AsyncLogin({
                $loginForm: $(&quot;#loginForm&quot;),
                $username: $(&quot;#Username&quot;),
                $password: $(&quot;#Password&quot;),
                redirectLink: &#39;@(GetString(&quot;Item.Area.LoginRedirect&quot;))&#39;
            });
            login.init();
        });
    &lt;/script&gt;
    @using System.Security.Permissions
@if (GetBoolean(&quot;NIQ:JavaScriptDebug&quot;))
{
    &lt;script src=&quot;/scripts/require.js&quot;&gt;&lt;/script&gt;
    @StandardWebshop.CustomCode.Razor.TimestampSource.GetJavaScriptWithTimestamp(&quot;/scripts/standardwebshop/main.js&quot;)
}
else
{
    @StandardWebshop.CustomCode.Razor.TimestampSource.GetJavaScriptWithTimestamp(&quot;/scripts/standardwebshop/main.min.js&quot;)
}
&lt;script&gt;
    //Loads master along with the localized validation messages (read from the template tag &quot;lang&quot;).

    @* Loading the datepicker localizations via the aliasses in main.js failed and caused them to be loaded from the original files instead of from the minified file. *@
    require([&#39;jQueryUI.localization/jquery.ui.datepicker-en-GB&#39;, &#39;jQueryUI.localization/jquery.ui.datepicker-da&#39;], function () { });
    require([&#39;standardwebshop/areas/master&#39;], function (master) { master.init(); });

    @* Fool the minifier to include all validation localizations, but only trigger the one actually needed. *@
    require([],
        function() {
            @if (String.Equals(GetString(&quot;Lang&quot;), &quot;da&quot;, StringComparison.OrdinalIgnoreCase))
        {
            &lt;text&gt;
                require([&quot;jquery.validation-1.13.1/localization/messages_da&quot;], function() {});
            &lt;/text&gt;
        } else if (String.Equals(GetString(&quot;Lang&quot;), &quot;en&quot;, StringComparison.OrdinalIgnoreCase))
        {
            &lt;text&gt;
                require([&quot;jquery.validation-1.13.1/localization/messages_en&quot;], function() {});
            &lt;/text&gt;
        } else if (String.Equals(GetString(&quot;Lang&quot;), &quot;se&quot;, StringComparison.OrdinalIgnoreCase))
        {
            &lt;text&gt;
                require([&quot;jquery.validation-1.13.1/localization/messages_sv&quot;], function() {});
            &lt;/text&gt;
        }
        });

    var dataLayer = dataLayer || [];

    @if(!string.IsNullOrEmpty(GetString(&quot;Ecom:Checkout.CurrentStep.Index&quot;)))
    {
        &lt;text&gt;
        dataLayer.push({
        event:
            &#39;pageview&#39;,
            page:
            {
                path:
                &#39;/indkoebskurv/step@(GetString(&quot;Ecom:Checkout.CurrentStep.Index&quot;))&#39;,
                title:
                &#39;Indk&#248;bskurv - Trin @(@GetString(&quot;Ecom:Checkout.CurrentStep.Index&quot;))&#39;
            }
        });
        &lt;/text&gt;
    }
&lt;/script&gt;
@*@if (!String.IsNullOrEmpty(GetString(&quot;Item.Area.Google&quot;)))
{
&lt;script&gt;
        (function (i, s, o, g, r, a, m) {
            i[&#39;GoogleAnalyticsObject&#39;] = r; i[r] = i[r] || function () {
                (i[r].q = i[r].q || []).push(arguments)
            }, i[r].l = 1 * new Date(); a = s.createElement(o),
            m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
        })(window, document, &#39;script&#39;, &#39;//www.google-analytics.com/analytics.js&#39;, &#39;ga&#39;);

        ga(&#39;create&#39;, &#39;@GetString(&quot;Item.Area.Google&quot;)&#39;, &#39;auto&#39;);

        @if (!string.IsNullOrEmpty(GetString(&quot;Ecom:Checkout.CurrentStep.Index&quot;)))
        {
            &lt;text&gt;ga(&#39;send&#39;, &#39;pageview&#39;, &#39;/indkoebskurv/step&lt;/text&gt;@GetString(&quot;Ecom:Checkout.CurrentStep.Index&quot;);&lt;text&gt;&#39;);&lt;/text&gt;
        }
        else {
            &lt;text&gt;ga(&#39;send&#39;, &#39;pageview&#39;);&lt;/text&gt;
        }

&lt;/script&gt;
}*@
&lt;script append=&quot;replace&quot;&gt;&lt;/script&gt;
    &lt;div class=&quot;footer-scripts&quot;&gt;
        @GetString(&quot;Item.Area.Footer_Scripts&quot;)
    &lt;/div&gt;

    &lt;script type=&quot;text/javascript&quot;&gt;
        AppStart.VueProvider.init({
            webApiUrl: &#39;@System.Web.Configuration.WebConfigurationManager.AppSettings[&quot;WebApiProxyUrl&quot;]&#39;,
            dwApiUrl: location.protocol + &#39;//&#39; + location.hostname + (location.port ? &#39;:&#39; + location.port : &#39;&#39;),
            reCaptchaToken: &#39;@System.Web.Configuration.WebConfigurationManager.AppSettings[&quot;recaptcha-public-key&quot;]&#39;

    });
    &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;</pre>