Error executing template "/Designs/Swift/Paragraph/Swift_ProductVariantSelector_Mennt.cshtml"
System.InvalidCastException: Unable to cast object of type 'Dynamicweb.Ecommerce.ProductCatalog.ProductViewModel' to type 'Mennt.ThreeXWorkWear.Custom.ViewModels.CustomProductViewmodel'.
   at CompiledRazorTemplates.Dynamic.RazorEngine_ff2f44a682af420593759ba2333a093b.Execute() in D:\dynamicweb.net\Solutions\Mennt\bekken3x.cloud.dynamicweb-cms.com\files\Templates\Designs\Swift\Paragraph\Swift_ProductVariantSelector_Mennt.cshtml:line 113
   at RazorEngine.Templating.TemplateBase.RazorEngine.Templating.ITemplate.Run(ExecuteContext context, TextWriter reader)
   at RazorEngine.Templating.RazorEngineService.RunCompile(ITemplateKey key, TextWriter writer, Type modelType, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.RazorEngineServiceExtensions.<>c__DisplayClass16_0.<RunCompile>b__0(TextWriter writer)
   at RazorEngine.Templating.RazorEngineServiceExtensions.WithWriter(Action`1 withWriter)
   at Dynamicweb.Rendering.RazorTemplateRenderingProvider.Render(Template template)
   at Dynamicweb.Rendering.TemplateRenderingService.Render(Template template)
   at Dynamicweb.Rendering.Template.RenderRazorTemplate()


  1     @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.ParagraphViewModel>
  2     @using System.Collections.Generic
  3     @using System.Linq
  4     @using Dynamicweb.Ecommerce.ProductCatalog
  5     @using Dynamicweb.Ecommerce.Variants
  6     @using Mennt.ThreeXWorkWear.Custom.ViewModels
  7     
  8     @functions {
  9     	//Find contrast color (white, black)
 10     	public static string GetContrastColor(string hexString)
 11     	{
 12     		System.Drawing.Color bg = System.Drawing.ColorTranslator.FromHtml(hexString);
 13     
 14     		int nThreshold = 105;
 15     		int bgDelta = Convert.ToInt32((bg.R * 0.299) + (bg.G * 0.587) +
 16     									(bg.B * 0.114));
 17     
 18     		string foreColor = (255 - bgDelta < nThreshold) ? "#333" : "#fff";
 19     		return foreColor;
 20     	}
 21     
 22     	public string GetLayoutForVariantGroup(string variantGroupId)
 23     	{
 24     		string showVariantGroups = !string.IsNullOrEmpty(Model.Item.GetString("ShowVariantGroupOptions")) ? Model.Item.GetString("ShowVariantGroupOptions") : "all";
 25     		string defaultVariantGroupLayout = Model.Item.GetRawValueString("DefaultVariantGroupLayout", "button");
 26     		var selectedVariantGroupsList = !string.IsNullOrEmpty(Model.Item.GetRawValueString("VariantGroups")) ? Model.Item.GetItems("VariantGroups") : new List<Dynamicweb.Frontend.ItemViewModel>();
 27     
 28     		if (showVariantGroups == "all" || selectedVariantGroupsList == null || !selectedVariantGroupsList.Any()) return defaultVariantGroupLayout;
 29     
 30     		foreach (var selectedVariantGroupListItem in selectedVariantGroupsList)
 31     		{
 32     			var variantGroups = selectedVariantGroupListItem.GetRawValueString("VariantGroups").Split(',');
 33     			if (variantGroups.Any(s => s.Equals(variantGroupId))) return selectedVariantGroupListItem.GetRawValueString("VariantGroupLayout");
 34     		}
 35     
 36     		return defaultVariantGroupLayout;
 37     	}
 38     
 39     	//Collect all variant images
 40     	public static Dictionary<string, string> GetVariantImages(List<VariantInfoViewModel> variantInfo, Dictionary<string, string> list)
 41     	{
 42     		foreach (var variantGroup in variantInfo)
 43     		{
 44     			if (variantGroup.Image?.Value != null && !list.ContainsKey(variantGroup.OptionID))
 45     			{
 46     				list.Add(variantGroup.OptionID, variantGroup.Image.Value);
 47     			}
 48     
 49     			if (variantGroup.VariantInfo != null)
 50     			{
 51     				GetVariantImages(variantGroup.VariantInfo, list);
 52     			}
 53     		}
 54     
 55     		return list;
 56     	}
 57     
 58     	private string GetDefaultOrVariantGroupValue(string variantGroupId, string itemField, string itemFieldDefaultValue, Dictionary<string, string> fieldValueMapping)
 59     	{
 60     		string itemFieldValue = Model.Item.GetRawValueString(itemField, itemFieldDefaultValue);
 61     		itemFieldValue = fieldValueMapping.ContainsKey(itemFieldValue) ? fieldValueMapping[itemFieldValue] : itemFieldValue;
 62     
 63     		// If no variantGroup (i.e. Visual Editor), return default value
 64     		if (string.IsNullOrEmpty(variantGroupId)) return itemFieldValue;
 65     
 66     		string showVariantGroups = Model.Item.GetString("ShowVariantGroupOptions", "all");
 67     		var selectedVariantGroupsList = !string.IsNullOrEmpty(Model.Item.GetRawValueString("VariantGroups")) ? Model.Item.GetItems("VariantGroups") : new List<Dynamicweb.Frontend.ItemViewModel>();
 68     		// If no exceptions or settings are all the same, return default value
 69     		if (showVariantGroups == "all" || selectedVariantGroupsList == null || !selectedVariantGroupsList.Any()) return itemFieldValue;
 70     
 71     		// Get specific value for variant group
 72     		foreach (var selectedVariantGroupListItem in selectedVariantGroupsList)
 73     		{
 74     			var variantGroups = selectedVariantGroupListItem.GetRawValueString("VariantGroups").Split(',');
 75     			if (!variantGroups.Any(s => s.Equals(variantGroupId))) continue;
 76     
 77     			itemFieldValue = selectedVariantGroupListItem.GetRawValueString(itemField, itemFieldDefaultValue);
 78     			itemFieldValue = fieldValueMapping.ContainsKey(itemFieldValue) ? fieldValueMapping[itemFieldValue] : itemFieldValue;
 79     		}
 80     
 81     		return itemFieldValue;
 82     	}
 83     	
 84     	private bool GetDefaultOrVariantGroupValue(string variantGroupId, string itemField)
 85     	{
 86     		bool itemFieldValue = Model.Item.GetBoolean(itemField);
 87     
 88     		// If no variantGroup (i.e. Visual Editor), return default value
 89     		if (string.IsNullOrEmpty(variantGroupId)) return itemFieldValue;
 90     
 91     		string showVariantGroups = Model.Item.GetString("ShowVariantGroupOptions", "all");
 92     		var selectedVariantGroupsList = !string.IsNullOrEmpty(Model.Item.GetRawValueString("VariantGroups")) ? Model.Item.GetItems("VariantGroups") : new List<Dynamicweb.Frontend.ItemViewModel>();
 93     		// If no exceptions or settings are all the same, return default value
 94     		if (showVariantGroups == "all" || selectedVariantGroupsList == null || !selectedVariantGroupsList.Any()) return itemFieldValue;
 95     
 96     		// Get specific value for variant group
 97     		foreach (var selectedVariantGroupListItem in selectedVariantGroupsList)
 98     		{
 99     			var variantGroups = selectedVariantGroupListItem.GetRawValueString("VariantGroups").Split(',');
100     			if (!variantGroups.Any(s => s.Equals(variantGroupId))) continue;
101     
102     			itemFieldValue = selectedVariantGroupListItem.GetBoolean(itemField);
103     		}
104     
105     		return itemFieldValue;
106     	}
107     }
108     
109     @{
110     	CustomProductViewmodel product = null;
111     	if (Dynamicweb.Context.Current.Items.Contains("ProductDetails"))
112     	{
113     		product = (CustomProductViewmodel)Dynamicweb.Context.Current.Items["ProductDetails"];
114     	}
115     	else if (Pageview.Page.Item["DummyProduct"] != null && Pageview.IsVisualEditorMode)
116     	{
117     		var pageViewModel = Dynamicweb.Frontend.ContentViewModelFactory.CreatePageInfoViewModel(Pageview.Page);
118     		ProductListViewModel productList = pageViewModel.Item.GetValue("DummyProduct") != null ? pageViewModel.Item.GetValue("DummyProduct") as ProductListViewModel : new ProductListViewModel();
119     
120     		if (productList?.Products is object)
121     		{
122     			product = (CustomProductViewmodel)productList.Products[0];
123     		}
124     	}
125     }
126     
127     @if ((product is object))
128     {
129     	bool hideGroupHeaders = Model.Item.GetBoolean("HideGroupHeaders");
130     	var productVariantGroups = product.VariantGroups();
131     
132     	if (productVariantGroups.Any())
133     	{
134     		string[] variantId = product.VariantId.Split('.');
135     		int groupNumber = 1;
136     
137     		string baseUrl = $"Default.aspx?ID={GetPageIdByNavigationTag("Shop")}&GroupID={product.PrimaryOrDefaultGroup.Id}&ProductID={product.Id}";
138     		string variantUrl = "";
139     		if (!string.IsNullOrEmpty(product.VariantId))
140     		{
141     			variantUrl = Dynamicweb.Frontend.SearchEngineFriendlyURLs.GetFriendlyUrl($"Default.aspx?ID={GetPageIdByNavigationTag("Shop")}&GroupID={product.PrimaryOrDefaultGroup.Id}&ProductID={product.Id}&VariantID={product.VariantId}");
142     		}
143     
144     		Dictionary<string, string> variantImages = new Dictionary<string, string>();
145     		variantImages = GetVariantImages(product.VariantInfo.VariantInfo, variantImages);
146     
147     if (product.ColorVariants != null && product.ColorVariants.Any())
148     {
149         var selectedColorOptions = product.ColorVariants.FirstOrDefault(x => x.Active)?.ColorVariantOptions;
150     
151         if (selectedColorOptions != null)
152         {
153             var colorName = String.Join("/", selectedColorOptions.Select(x => x.Name));
154             string selectedColors = String.Join(",", selectedColorOptions.Select(x => x.Color));
155             string[] colorArray = selectedColors.Split(',');
156     @*<div>HasVariants: @product.HasVariants</div>
157     <div>TotalVariantStock: @product.TotalVariantStock</div>*@
158             <div class="mb-3">
159                 <h3 class="h6">Farge - @colorName</h3>
160                 <div class="d-flex gap-2 flex-wrap">
161                     @foreach (var option in product.ColorVariants.OrderBy(x => x.ProductId).ToList())
162                     {
163                   		var active = option.Active ? "active" : string.Empty;
164                   		var variantLinkPart = !string.IsNullOrEmpty(product.VariantId) ? $"&VariantID={product.VariantId}" : string.Empty;
165                   		var link = Dynamicweb.Frontend.SearchEngineFriendlyURLs.GetFriendlyUrl($"Default.aspx?ID={GetPageIdByNavigationTag("Shop")}&GroupID={product.PrimaryOrDefaultGroup.Id}&ProductID={option.ProductId}{variantLinkPart}");
166                         
167                   		if (selectedColorOptions.Count() == 2 && option.ColorVariantOptions.Count() == 2) {
168                   			var colorVariantOptionPrimary = option.ColorVariantOptions[0];
169                   			var colorVariantOptionSecondary = option.ColorVariantOptions[1];
170               				var contrastColorPrimary = GetContrastColor(colorVariantOptionPrimary.Color);
171                   			var contrastColorSecondary = GetContrastColor(colorVariantOptionSecondary.Color);
172                   
173                   			<button type="button" class="btn colorbox rounded-circle variant-option border js-variant-option split-button @active" style="background: linear-gradient(135deg, @colorVariantOptionPrimary.Color 50%, @colorVariantOptionSecondary.Color 50%);" onclick="swift.PageUpdater.AddPreloaders(null, document.querySelector('#content')); window.location = '@link';">
174                   				<span class="visually-hidden">@(colorVariantOptionPrimary.Color)/@(colorVariantOptionSecondary.Color)</span>
175                             </button>
176                   		}
177                         else 
178     					{
179                         var colorVariantOption = option.ColorVariantOptions[0];
180                         var contrastColor = GetContrastColor(colorVariantOption.Color);
181     
182                           if(option.ColorVariantOptions.Count() == 2){
183     						var colorVariantOptionPrimary = option.ColorVariantOptions[0];
184                   			var colorVariantOptionSecondary = option.ColorVariantOptions[1];
185     						<button type="button" class="btn colorbox rounded-circle variant-option border js-variant-option split-button @active" style="background: linear-gradient(135deg, @colorVariantOptionPrimary.Color 50%, @colorVariantOptionSecondary.Color 50%);" onclick="swift.PageUpdater.AddPreloaders(null, document.querySelector('#content')); window.location = '@link';">
186                   				<span class="visually-hidden">@(colorVariantOptionPrimary.Color)/@(colorVariantOptionSecondary.Color)</span>
187                             </button>
188                           }
189                           else{
190                           <button type="button" class="btn colorbox rounded-circle variant-option border js-variant-option @active" style="background-color: @colorVariantOption.Color; --variantoption-check-color: @contrastColor" onclick="swift.PageUpdater.AddPreloaders(null, document.querySelector('#content')); window.location = '@link';">
191                           <span class="visually-hidden">@colorVariantOption.Color</span>
192                           </button>
193                           }
194                         
195                         }
196                     }
197                 </div>
198             </div>
199         }
200     }
201     
202     
203     		@*<form class="d-flex flex-column gap-2 js-variant-selector item_@Model.Item.SystemName.ToLower()" data-combinations="@string.Join(",", product.VariantCombinations())" data-base-url="@baseUrl" data-friendly-url="@variantUrl">
204     			@foreach (var variantGroup in productVariantGroups)
205     			{
206     				VariantGroupViewModel group = variantGroup;
207     				string variantGroupLayout = GetLayoutForVariantGroup(variantGroup.Id);
208     				string horizontalAlign = GetDefaultOrVariantGroupValue(variantGroup.Id, "HorizontalAlignment", "", new Dictionary<string, string> { { "center", "justify-content-center" }, { "end", "justify-content-end" } });
209     				string horizontalTextAlign = GetDefaultOrVariantGroupValue(variantGroup.Id, "HorizontalAlignment", "", new Dictionary<string, string> { { "center", "text-center" }, { "end", "text-end" } });
210     				bool showSelectedOptionName = GetDefaultOrVariantGroupValue(variantGroup.Id, "ShowSelectedOptionName");
211     				
212     				<div>
213     					@if (!hideGroupHeaders)
214     					{
215     						if (@variantGroup.Id != "VARGRP4") {
216     						<h3 class="h6 @horizontalTextAlign">
217     							@group.Name
218     							
219     							@if (showSelectedOptionName)
220     		                    {
221     								string selectedOptionName = group.Options.FirstOrDefault(opt => variantId.Contains(opt.Id))?.Name ?? string.Empty;
222     			                    <span class="fw-light px-1 swift-selected-option-name">- @selectedOptionName</span>    
223     		                    }
224     						</h3>
225     						}
226     					}
227     					<div class="d-flex gap-2 @horizontalAlign flex-wrap js-variant-group" data-group-id="@groupNumber">
228     						@if (variantGroupLayout == "button")
229     						{
230     							foreach (var option in group.Options)
231     							{
232     								string active = variantId != null && variantId.Contains(option.Id) ? "active" : "";
233     								string buttonId = $"{product.Id}_{option.Id}_{Pageview.CurrentParagraph.ID}";
234     								string contrastColor = string.Empty;
235     								string optionLayout = optionLayout = GetDefaultOrVariantGroupValue(variantGroup.Id, "ButtonLayout", "rounded-circle", new Dictionary<string, string> { { "round", "rounded-circle" }, { "square", "" } });
236     								var displayType = group.DisplayType;
237     
238     								switch (displayType)
239     								{
240     									case VariantGroupDisplayType.VariantColor:
241     										contrastColor = GetContrastColor(option.Color);
242     										<button type="button" class="btn colorbox @optionLayout d-inline-block variant-option border js-variant-option @active" style="background-color: @option.Color;  --variantoption-check-color: @contrastColor" onclick="swift.VariantSelector.OptionClick(event)" data-variant-id="@option.Id" id="@buttonId">
243     											<span class="visually-hidden">@option.Color</span>
244     										</button>
245     										break;
246     									case VariantGroupDisplayType.VariantImage:
247     										string variantImage = string.Empty;
248     										if (variantImages.TryGetValue(option.Id, out variantImage))
249     										{
250     											<button type="button" class="btn p-0 d-inline-block @optionLayout variant-option js-variant-option @active" onclick="swift.VariantSelector.OptionClick(event)" data-variant-id="@option.Id" id="@(product.Id)_@(option.Id)_@Pageview.CurrentParagraph.ID">
251     												<img class="@optionLayout" src="/Admin/Public/GetImage.ashx?image=@(variantImage)&width=42&format=webp">
252     											</button>
253     										}
254     										else
255     										{
256     											<button type="button" class="btn btn-secondary d-inline-block variant-option js-variant-option @active" onclick="swift.VariantSelector.OptionClick(event)" data-variant-id="@option.Id" id="@(product.Id)_@(option.Id)_@Pageview.CurrentParagraph.ID">
257     												@option.Name
258     											</button>
259     										}
260     
261     										break;
262     									case VariantGroupDisplayType.VariantName:
263     										if (@variantGroup.Id != "VARGRP4") {
264     										<button type="button" class="btn btn-secondary d-inline-block variant-option js-variant-option @active" onclick="swift.VariantSelector.OptionClick(event)" data-variant-id="@option.Id" id="@buttonId">
265     											@option.Name
266     										</button>
267     										}
268     										break;
269     									case VariantGroupDisplayType.VariantOptionImage:
270     										<button type="button" class="btn p-0 d-inline-block @optionLayout variant-option js-variant-option @active" onclick="swift.VariantSelector.OptionClick(event)" data-variant-id="@option.Id" id="@(product.Id)_@(option.Id)_@Pageview.CurrentParagraph.ID">
271     											<img class="@optionLayout" src="/Admin/Public/GetImage.ashx?image=@(option.OptionImage.Value)&width=42&format=webp">
272     										</button>
273     										break;
274     									default:
275     										if (!string.IsNullOrEmpty(option.Color))
276     										{
277     											contrastColor = GetContrastColor(option.Color);
278     											<button type="button" class="btn colorbox @optionLayout d-inline-block variant-option border js-variant-option @active" style="background-color: @option.Color;  --variantoption-check-color: @contrastColor" onclick="swift.VariantSelector.OptionClick(event)" data-variant-id="@option.Id" id="@buttonId">
279     												<span class="visually-hidden">@option.Color</span>
280     											</button>
281     										}
282     										else if (!string.IsNullOrEmpty(option.Color) && !string.IsNullOrEmpty(option.Image.Value))
283     										{
284     											<button type="button" class="btn p-0 d-inline-block @optionLayout variant-option js-variant-option @active" onclick="swift.VariantSelector.OptionClick(event)" data-variant-id="@option.Id" id="@buttonId">
285     												<img src="/Admin/Public/GetImage.ashx?image=@(option.Image.Value)&width=42&format=webp">
286     											</button>
287     										}
288     										else
289     										{
290     											<button type="button" class="btn btn-secondary d-inline-block variant-option js-variant-option @active" onclick="swift.VariantSelector.OptionClick(event)" data-variant-id="@option.Id" id="@buttonId">
291     												@option.Name
292     											</button>
293     										}
294     										break;
295     								}
296     							}
297     						}
298     						else
299     						{
300     							<select class="form-select" id="VariantDropdown_@variantGroup.Id" aria-label="@variantGroup.Name" onchange="swift.VariantSelector.OptionClick(event)">
301     								@if (string.IsNullOrEmpty(product.VariantId))
302     								{
303     									<option value="" class="variant-option js-variant-option" data-variant-id="">@Translate("Nothing selected")</option>
304     								}
305     
306     								@foreach (var option in variantGroup.Options)
307     								{
308     									string active = variantId != null && variantId.Contains(option.Id) ? "active" : "";
309     									var selected = variantId != null && variantId.Contains(option.Id) ? "selected" : "";
310     									var value = $"{product.Id}_{option.Id}";
311     
312     									<option value="@(value)" class="variant-option js-variant-option @active" data-variant-id="@option.Id" id="@(value)_@(Pageview.CurrentParagraph.ID)" @selected>@option.Name</option>
313     								}
314     							</select>
315     						}
316     					</div>
317     				</div>
318     				
319     				groupNumber++;
320     			}
321     		</form>*@
322     
323     		<script type="module">
324     			swift.VariantSelector.init();
325     		</script>
326     	}
327     	else if (Pageview.IsVisualEditorMode)
328     	{
329     		string horizontalAlign = GetDefaultOrVariantGroupValue("", "HorizontalAlignment", "", new Dictionary<string, string> { { "center", "justify-content-center" }, { "end", "justify-content-end" } });
330     		string horizontalTextAlign = GetDefaultOrVariantGroupValue("", "HorizontalAlignment", "", new Dictionary<string, string> { { "center", "text-center" }, { "end", "text-end" } });
331     
332     		<form class="d-flex flex-column js-variant-selector item_@Model.Item.SystemName.ToLower()" data-combinations="VO1,VO2,VO3,VO4">
333     			<div>
334     				@if (!hideGroupHeaders)
335     				{
336     					<h3 class="h6 @horizontalTextAlign">@Translate("Sizes")test</h3>
337     				}
338     				<div class="mb-3 @horizontalAlign js-variant-group" data-group-id="0">
339     					<button type="button" class="btn btn-secondary d-inline-block mb-2 variant-option js-variant-option" onclick="swift.VariantSelector.OptionClick(event)" data-variant-id="VO1" id="@(product.Id)_VO1_@Pageview.CurrentParagraph.ID">S</button>
340     					<button type="button" class="btn btn-secondary d-inline-block mb-2 variant-option js-variant-option" onclick="swift.VariantSelector.OptionClick(event)" data-variant-id="VO2" id="@(product.Id)_VO2_@Pageview.CurrentParagraph.ID">M</button>
341     					<button type="button" class="btn btn-secondary d-inline-block mb-2 variant-option js-variant-option" onclick="swift.VariantSelector.OptionClick(event)" data-variant-id="VO3" id="@(product.Id)_VO3_@Pageview.CurrentParagraph.ID">L</button>
342     					<button type="button" class="btn btn-secondary d-inline-block mb-2 variant-option js-variant-option" onclick="swift.VariantSelector.OptionClick(event)" data-variant-id="VO4" id="@(product.Id)_VO4_@Pageview.CurrentParagraph.ID">XL</button>
343     				</div>
344     			</div>
345     		</form>
346     
347     		<script type="module">
348     			swift.VariantSelector.init();
349     		</script>
350     	}
351     }
352     else if (Pageview.IsVisualEditorMode)
353     {
354     	<div class="alert alert-dark m-0" role="alert">
355     		<span>@Translate("No products available")</span>
356     	</div>
357     }
358     
359     
360     

Error executing template "/Designs/Swift/Paragraph/Swift_ProductStock_Mennt.cshtml"
System.InvalidCastException: Unable to cast object of type 'Dynamicweb.Ecommerce.ProductCatalog.ProductViewModel' to type 'Mennt.ThreeXWorkWear.Custom.ViewModels.CustomProductViewmodel'.
   at CompiledRazorTemplates.Dynamic.RazorEngine_0b39ea4982a84a96aa4b7c157796f586.Execute() in D:\dynamicweb.net\Solutions\Mennt\bekken3x.cloud.dynamicweb-cms.com\files\Templates\Designs\Swift\Paragraph\Swift_ProductStock_Mennt.cshtml:line 9
   at RazorEngine.Templating.TemplateBase.RazorEngine.Templating.ITemplate.Run(ExecuteContext context, TextWriter reader)
   at RazorEngine.Templating.RazorEngineService.RunCompile(ITemplateKey key, TextWriter writer, Type modelType, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.RazorEngineServiceExtensions.<>c__DisplayClass16_0.<RunCompile>b__0(TextWriter writer)
   at RazorEngine.Templating.RazorEngineServiceExtensions.WithWriter(Action`1 withWriter)
   at Dynamicweb.Rendering.RazorTemplateRenderingProvider.Render(Template template)
   at Dynamicweb.Rendering.TemplateRenderingService.Render(Template template)
   at Dynamicweb.Rendering.Template.RenderRazorTemplate()


  1     @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.ParagraphViewModel>
  2     @using Dynamicweb.Ecommerce.ProductCatalog
  3     @using Mennt.ThreeXWorkWear.Custom.ViewModels
  4     
  5     @{
  6     	CustomProductViewmodel product = null;
  7     	if (Dynamicweb.Context.Current.Items.Contains("ProductDetails"))
  8     	{
  9     		product = (CustomProductViewmodel)Dynamicweb.Context.Current.Items["ProductDetails"];
 10     	}
 11     	else if (Pageview.Page.Item["DummyProduct"] != null && Pageview.IsVisualEditorMode)
 12     	{
 13     		var pageViewModel = Dynamicweb.Frontend.ContentViewModelFactory.CreatePageInfoViewModel(Pageview.Page);
 14     		ProductListViewModel productList = pageViewModel.Item.GetValue("DummyProduct") != null ? pageViewModel.Item.GetValue("DummyProduct") as ProductListViewModel : new ProductListViewModel();
 15     
 16     		if (productList?.Products is object)
 17     		{
 18     			product = (CustomProductViewmodel)productList.Products[0];
 19     		}
 20     	}
 21     
 22     	bool isErpConnectionDown = !Dynamicweb.Core.Converter.ToBoolean(Dynamicweb.Context.Current.Items["IsWebServiceConnectionAvailable"]);
 23     	bool hideStock = Model.Item.GetBoolean("HideStockState") || (Pageview.AreaSettings.GetBoolean("ErpDownHideStock") && isErpConnectionDown);
 24     }
 25     
 26     @if (product is object && !hideStock)
 27     {
 28     	bool IsNeverOutOfStock = product.NeverOutOfstock;
 29     
 30     	string horizontalAlign = Model.Item.GetRawValueString("HorizontalAlignment", "");
 31     	horizontalAlign = horizontalAlign == "center" ? "text-center" : horizontalAlign;
 32     	horizontalAlign = horizontalAlign == "end" ? "text-end" : horizontalAlign;
 33     	bool hasExpectedDelivery = product.ExpectedDelivery != null && product.ExpectedDelivery > DateTime.Now;
 34     	string expectedDeliveryDate = product.ExpectedDelivery?.ToShortDateString() ?? "";
 35     
 36     	string liveInfoClass = "";
 37     	string productInfoFeed = "";
 38     	bool isLazyLoadingForProductInfoEnabled = Dynamicweb.Core.Converter.ToBoolean(Dynamicweb.Context.Current.Items["IsLazyLoadingForProductInfoEnabled"]);
 39     	if (isLazyLoadingForProductInfoEnabled)
 40     	{
 41     		if (Dynamicweb.Context.Current.Items.Contains("ProductInfoFeed"))
 42     		{
 43     			productInfoFeed = Dynamicweb.Context.Current.Items["ProductInfoFeed"]?.ToString();
 44     			if (!string.IsNullOrEmpty(productInfoFeed))
 45     			{
 46     				productInfoFeed = $"data-product-info-feed=\"{productInfoFeed}\"";
 47     			}
 48     		}
 49     		liveInfoClass = "js-live-info";
 50     	}
 51     
 52     	var orderItemModel = product.ProductFields.Values.FirstOrDefault(x => x.SystemName == "orderItem");
 53     	var orderItemValue = orderItemModel.Value.ToString();
 54     	var orderItemTextModel = product.ProductFields.Values.FirstOrDefault(x => x.SystemName == "orderItemText");
 55     	var orderItemTextValue = orderItemTextModel.Value.ToString();
 56     
 57     	if (!Pageview.IsVisualEditorMode)
 58     	{
 59     		string deliveryLabel = !string.IsNullOrEmpty(product.StockDeliveryText) ? $"{product.StockDeliveryText}" : "";
 60     		deliveryLabel += !string.IsNullOrEmpty(product.StockDeliveryValue) ? $" {product.StockDeliveryValue}" : "";
 61     
 62     		if (isLazyLoadingForProductInfoEnabled)
 63     		{
 64     			string inStockStateLabel = !string.IsNullOrEmpty(product.StockStatus) ? product.StockStatus : Translate("In stock");
 65     			string noStockStateLabel = !string.IsNullOrEmpty(product.StockStatus) ? product.StockStatus : Translate("Out of Stock");
 66     
 67     			<div class="js-stock-state @horizontalAlign item_@Model.Item.SystemName.ToLower() @liveInfoClass" data-product-id="@product.Id" data-variant-id="@product.VariantId" @productInfoFeed>
 68     				<div class="js-stock-state spinner-border">
 69                       	
 70     					<div class="small d-none" data-show-if="LiveProductInfo.product.StockLevel > 0">
 71     						@if (!Model.Item.GetBoolean("HideInventory"))
 72     						{
 73     							<span class="text-success test js-text-stock"></span>
 74     						}
 75     						<span class="text-success">@inStockStateLabel</span>
 76     						<span class="opacity-75">@deliveryLabel</span>
 77     					</div>
 78     
 79     					<div class="small text-danger d-none" data-show-if="LiveProductInfo.product.StockLevel <= 0">@noStockStateLabel</div>
 80     
 81     					<div class="d-none" data-show-if="LiveProductInfo.product.ExpectedDelivery != null && new Date(LiveProductInfo.product.ExpectedDelivery) > new Date()">
 82     						<span>@Translate("Expected back in stock"): </span>
 83     						<span class="js-text-expected-delivery"></span>
 84     					</div>
 85                       	}
 86                       	else
 87                       	{
 88                       		<span>test</span>
 89                       	}
 90     				</div>
 91     			</div>
 92     		}
 93     		else
 94     		{
 95     			string firstUnitId = product?.UnitOptions?.FirstOrDefault() != null ? product.UnitOptions.FirstOrDefault().Id : "";
 96     			string defaultUnitId = !string.IsNullOrEmpty(product.DefaultUnitId) ? product.DefaultUnitId : firstUnitId;
 97     			string unitId = !string.IsNullOrEmpty(Dynamicweb.Context.Current.Request.Form.Get("UnitId")) ? Dynamicweb.Context.Current.Request.Form.Get("UnitId") : defaultUnitId;
 98     
 99     			var reserveMode = Dynamicweb.Ecommerce.Frontend.Cart.ProductReserve.Mode;
100     			double? reservedAmount = 0;
101     			if (reserveMode == Dynamicweb.Ecommerce.Frontend.Cart.ProductReserveMode.AddToCart)
102     			{
103     				reservedAmount = Dynamicweb.Ecommerce.Frontend.Cart.ProductReserve.GetReservedAmount(product.Id, product.VariantId, 0, unitId);
104     			}
105     			double? currentStockLevel = product.StockLevel - reservedAmount;
106     
107     			string stockStateLabel = currentStockLevel > 0 ? Translate("In stock") : Translate("Out of stock");
108     			stockStateLabel = !string.IsNullOrEmpty(product.StockStatus) ? product.StockStatus : stockStateLabel;
109     
110     			string stockStateCss = currentStockLevel > 0 ? "text-success" : "text-danger";
111     			string stockStateIconCss = currentStockLevel > 0 ? "bg-success" : "bg-danger";
112     
113     			string iconPath = "/Files/Templates/Designs/Swift/Assets/icons/";
114     			
115     			string stockIcon = currentStockLevel > 0 ? "check-circle.svg" : "check-circle.svg";
116     
117     			var variantsInStock = "False";
118     
119     			if (product.VariantInfo.VariantInfo != null)
120     			{
121                   foreach (var variant in product.VariantInfo.VariantInfo)
122                   {
123                       if (variant.Stock > 0)
124                       {
125                           variantsInStock = "True";
126     
127                           break;
128                       }
129                   }
130     			}
131     
132     			
133     			<div class="js-stock-state @horizontalAlign item_@Model.Item.SystemName.ToLower()">
134     				
135     				@if (product.TotalVariantStock <= 0 && variantsInStock == "False")
136                     {
137                        
138     					<div class="d-flex align-items-center justify-content-sm-start" style="color: #ff7400;">
139                           	<span class="icon-3 me-2">
140                         		@ReadFile(iconPath + "alert-triangle.svg")
141                         	</span>
142                           	@if (hasExpectedDelivery)
143                         	{
144                           		<span>@Translate("Forventet inn") @expectedDeliveryDate</span>
145                           	}
146                           	else
147                           	{
148                           		if (!string.IsNullOrEmpty(orderItemTextValue))
149                           		{
150                           			<span>@orderItemTextValue</span>
151                           		}
152                           		else
153                           		{
154                           			<span>@Translate("Bestillingsvare: 5-7 virkedager")</span>
155                           		}
156                           		
157                           	}
158                     		
159     					</div>
160                     }
161                     else
162                     {
163                          <div class="d-flex align-items-center">
164                           	<span class="icon-3 me-2 bg-succes text-success">
165     							@ReadFile(iconPath + @stockIcon)
166     						</span>
167                          
168                            @if (product.VariantInfo.VariantInfo == null)
169                            {
170                            		<span class="text-success">@product.StockLevel stk. på lager</span>
171                            }
172                            else
173                            {
174                            		<span class="text-success">På lager</span>
175                            } 
176                            
177                         </div>
178     					
179                     }
180     			</div>
181     		}
182     	}
183     	else if (Pageview.IsVisualEditorMode)
184     	{
185     		<div class="alert alert-info">@Translate("No products available")</div>
186     	}
187     }
188