Race Face Deus XC Glove

Error executing template "Designs/Swift/ItemPublisher/List/List.cshtml"
System.InvalidCastException: Unable to cast object of type 'System.String' to type 'System.Boolean'.
   at CompiledRazorTemplates.Dynamic.RazorEngine_6bc6bb8940b5471db40be742306bcf34.ExecuteAsync()
   at RazorEngine.Templating.TemplateBase.Run(ExecuteContext context, TextWriter reader)
   at RazorEngine.Templating.RazorEngineCore.RunTemplate(ICompiledTemplate template, TextWriter writer, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.RazorEngineService.Run(ITemplateKey key, TextWriter writer, Type modelType, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.DynamicWrapperService.Run(ITemplateKey key, TextWriter writer, Type modelType, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.RazorEngineServiceExtensions.Run(IRazorEngineService service, String name, TextWriter writer, Type modelType, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.RazorEngineServiceExtensions.<>c__DisplayClass23_0.<Run>b__0(TextWriter writer)
   at RazorEngine.Templating.RazorEngineServiceExtensions.WithWriter(Action`1 withWriter)
   at RazorEngine.Templating.RazorEngineServiceExtensions.Run(IRazorEngineService service, String name, Type modelType, Object model, DynamicViewBag viewBag)
   at Dynamicweb.Rendering.RazorTemplateRenderingProvider.Render(Template template) in /_/src/Application/Providers/Dynamicweb.Rendering.Providers.NetCore/Razor/RazorTemplateRenderingProvider.cs:line 99
   at Dynamicweb.Rendering.TemplateRenderingService.Render(Template template) in C:\dwxa1\_w\1\s\src\Core\Dynamicweb.Core\Rendering\TemplateRenderingService.cs:line 21
   at Dynamicweb.Rendering.Template.RenderRazorTemplate() in C:\dwxa1\_w\1\s\src\Core\Dynamicweb.Core\Rendering\Template.cs:line 749


  1     @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>>
@using System.IO
@functions {
	private List<string> GetTags(LoopItem item)
	{
		var tags = new List<string>();
		foreach (var tag in item.GetLoop("ItemPublisher:Item.Tags.Options"))
		{
			if (tag.GetBoolean("ItemPublisher:Item.Tags.Option.IsSelected"))
			{
				tags.Add(tag.GetString("ItemPublisher:Item.Tags.Option.Label"));
			}
		}
		return tags;
	}
	private string CreateCategory(string label, string theme)
	{
		var border = string.IsNullOrEmpty(theme) ? "--swift-border-color: rgba(var(--swift-foreground-color-rgb), .2);" : null;
		var sticker = $"<span class=\"badge {theme}\" style=\"color: var(--swift-foreground-color); background-color: rgba(var(--swift-background-color-rgb), 1); {border} \">{label}</span>";
		return sticker;
	}
	private string CreateSticker(string label)
	{
		string shape = Pageview.CurrentParagraph.Item["ArticleItemShape"] != null ? Pageview.CurrentParagraph.Item["ArticleItemShape"].ToString() : "boxed";
		var sticker = $"<span class=\"badge fw-normal shadow-none\" style=\"border: 1px solid rgba(var(--swift-foreground-color-rgb), 0.2);\">{label}</span>";
		return sticker;
	}
	private string GetTagStickers(LoopItem item)
	{
		var stickers = string.Empty;
		if (item.GetString("ItemPublisher:Item.SystemName") == "Swift_Article")
		{
			var showTags = Pageview.CurrentParagraph.Item["ShowTags"] != null ? (Boolean)Pageview.CurrentParagraph.Item["ShowTags"] : false;
			if (showTags && GetTags(item).Count >= 1)
			{
				stickers += "<div class=\"d-inline-flex flex-wrap gap-1\">";
				foreach (var tag in GetTags(item))
				{
					stickers += CreateSticker(tag);
				}
				stickers += "</div>";
			}
		}
		return stickers;
	}
	private string GetCategorySticker(LoopItem item)
	{
		var sticker = string.Empty;
		if (item.GetString("ItemPublisher:Item.SystemName") == "Swift_Article")
		{
			var showListCategory = Pageview.CurrentParagraph.Item["ShowListCategory"] != null ? (Boolean)Pageview.CurrentParagraph.Item["ShowListCategory"] : false;
            if (showListCategory)
            {
                sticker += "<div class=\"d-inline-flex flex-wrap gap-1\">";
                sticker += CreateCategorySticker(GetCategory(Dynamicweb.Content.Services.Pages.GetPage(item.GetInteger("ItemPublisher:Item.Field.PageId")).ParentPageId), GetCategoryTheme(GetCategory(Dynamicweb.Content.Services.Pages.GetPage(item.GetInteger("ItemPublisher:Item.Field.PageId")).ParentPageId)));
                sticker += "</div>";
            }
        }
		return sticker;
	}
    private Dynamicweb.Frontend.PageInfoViewModel GetCategory(int categoryId)
    {
        var categoryParagraph = categoryId != 0 ? Dynamicweb.Content.Services.Pages.GetPage(categoryId) : null;
        var category = categoryParagraph != null ? Dynamicweb.Frontend.ContentViewModelFactory.CreatePageInfoViewModel(categoryParagraph) : null;
		return category;
	}
	private string CreateCategorySticker(Dynamicweb.Frontend.PageInfoViewModel category, string theme)
	{
		var sticker = category != null ? CreateCategory(category.Item?.GetString("Title"), theme) : null;
		return sticker;
	}
	private string GetCategoryTheme(Dynamicweb.Frontend.PageInfoViewModel category)
	{
		var theme = category != null ? category.Item?.GetRawValueString("CoverTheme").ToString().Replace(" ", "").Trim().ToLower() : null;
		return theme;
	}
	private string LiftOnHover()
	{
		bool liftOnHover = Pageview.CurrentParagraph.Item["LiftOnHover"] != null ? (Boolean)Pageview.CurrentParagraph.Item["LiftOnHover"] : false;
		var lift = liftOnHover ? "lift" : null;
		return lift;
	}
	private string ShadowOnHover()
	{
		bool shadowOnHover = Pageview.CurrentParagraph.Item["ShadowOnHover"] != null ? (Boolean)Pageview.CurrentParagraph.Item["ShadowOnHover"] : false;
		var shadow = shadowOnHover ? "shadow-hover" : null;
		return shadow;
	}
	private string GetPadding(string theme)
	{
		var padding = !string.IsNullOrEmpty(theme) ? "p-3" : null;
		return padding;
	}
	private string GetGap(string theme)
	{
		var padding = string.IsNullOrEmpty(theme) ? "gap-3" : null;
		return padding;
	}
}
@{
	bool showLoadMore = Pageview.CurrentParagraph.Item["ShowLoadMore"] != null ? (Boolean)Pageview.CurrentParagraph.Item["ShowLoadMore"] : false;
	int maxItemsInList = !string.IsNullOrEmpty(Pageview.CurrentParagraph.Item["MaxItemsInList"].ToString()) ? Dynamicweb.Core.Converter.ToInt32(Pageview.CurrentParagraph.Item["MaxItemsInList"]) : 10;
	var totalItems = GetInteger("ItemPublisher:Items.TotalCount");
	var count = GetInteger("ItemPublisher:Items.Count");
	var percent = count > 0 ? Convert.ToInt32(Math.Round(((double)count / totalItems) * 100, 0)) : 0;
	var disableLoadMoreButton = count == totalItems ? true : false;
	var loadMore = !disableLoadMoreButton ? $"onclick=\"document.querySelector('#PageSize_{Pageview.CurrentParagraph.ID}').value='{count + maxItemsInList}'; this.dispatchEvent(new window.Event('change', {{ bubbles: true }}))\"" : null;
	var disabled = disableLoadMoreButton ? "disabled" : null;
	var hasItems = GetBoolean("ItemPublisher:Items.Any");
	string articleListLayout = Pageview.CurrentParagraph.Item["ArticleListLayout"] != null ? Pageview.CurrentParagraph.Item["ArticleListLayout"].ToString() : "grid";
	string articleItemLayout = Pageview.CurrentParagraph.Item["ArticleItemLayout"] != null ? Pageview.CurrentParagraph.Item["ArticleItemLayout"].ToString() : string.Empty;
	string orderReverseClass = articleItemLayout == "image-right" ? " order-first order-lg-last" : string.Empty;
	string articleItemLayoutClass = string.Empty;
	string titleFontSize = Pageview.CurrentParagraph.Item["TitleFontSize"] != null ? Pageview.CurrentParagraph.Item["TitleFontSize"].ToString() : string.Empty;
	string gridSettings = Pageview.CurrentParagraph.Item["GridSettings"] != null ? Pageview.CurrentParagraph.Item["GridSettings"].ToString() : "4";
	string carouselSettings = Pageview.CurrentParagraph.Item["CarouselSettings"] != null ? Pageview.CurrentParagraph.Item["CarouselSettings"].ToString() : "4";
	bool showButton = Pageview.CurrentParagraph.Item["ShowButton"] != null ? (Boolean)Pageview.CurrentParagraph.Item["ShowButton"] : false;
	string ratio = Pageview.CurrentParagraph.Item["ImageAspectRatio"] != null ? Pageview.CurrentParagraph.Item["ImageAspectRatio"].ToString() : string.Empty;
	ratio = ratio != "0" ? ratio : string.Empty;
	string ratioCssClass = ratio != string.Empty ? " ratio" : string.Empty;
	string ratioVariable = ratio != string.Empty ? "style=\"--bs-aspect-ratio: " + ratio + "\"" : string.Empty;
	string articleItemTheme = Pageview.CurrentParagraph.Item["ArticleItemTheme"] != null ? Pageview.CurrentParagraph.Item["ArticleItemTheme"].ToString().Replace(" ", "").Trim().ToLower() : string.Empty;
	string articleItemShape = Pageview.CurrentParagraph.Item["ArticleItemShape"] != null ? Pageview.CurrentParagraph.Item["ArticleItemShape"].ToString() : "boxed";
	string shapeClass = " rounded-0";
	if (articleItemShape == "rounded")
	{
		shapeClass = " rounded-4";
	}
	string settingsClassGrid = string.Empty;
	switch (gridSettings)
	{
		case "2":
			settingsClassGrid = " grid-md-2";
			break;
		case "3":
			settingsClassGrid = " grid-md-3";
			break;
		case "4":
			settingsClassGrid = " grid-md-2 grid-lg-3 grid-xl-4";
			break;
		case "5":
			settingsClassGrid = " grid-md-2 grid-lg-3 grid-xl-5";
			break;
	}
	string gridWrapperStart = articleListLayout == "grid" ? $"<div class=\"article-list grid gap-4 grid-1{settingsClassGrid}\">" : null;
	string gridWrapperEnd = articleListLayout == "grid" ? "</div>" : null;
	bool hasListContext = Pageview.CurrentParagraph.Item["ListContext"] is object;
}
@if (hasItems || count > 0)
{
	@(gridWrapperStart)
	foreach (LoopItem item in GetLoop("ItemPublisher:Items.List"))
	{
		string title = !string.IsNullOrEmpty(item.GetString("ItemPublisher:Item.Title")) && !item.GetBoolean("ItemPublisher:Item.HideTitle") ? item.GetString("ItemPublisher:Item.Title") : string.Empty;
		string coverTitle = !string.IsNullOrEmpty(item.GetString("ItemPublisher:Item.CoverTitle")) ? item.GetString("ItemPublisher:Item.CoverTitle") : string.Empty;
		string coverImagePath = !string.IsNullOrEmpty(item.GetString("ItemPublisher:Item.CoverImage")) ? item.GetString("ItemPublisher:Item.CoverImage") : string.Empty;
		bool hasFocalPoint = item.GetBoolean("ItemPublisher:Item.CoverImage.ImageHasFocalPoint");
		int focalX = hasFocalPoint ? item.GetInteger("ItemPublisher:Item.CoverImage.FocalX") : 0;
		int focalY = hasFocalPoint ? item.GetInteger("ItemPublisher:Item.CoverImage.FocalY") : 0;
		int xPos = 100 - ((100 - focalX) / 2);
		int yPos = ((100 - focalY) / 2);
		string cssPosition = $"{xPos}% {yPos}%";
		string summary = !string.IsNullOrEmpty(item.GetString("ItemPublisher:Item.Summary")) ? item.GetString("ItemPublisher:Item.Summary") : string.Empty;
		string publishedDate = !string.IsNullOrEmpty(item.GetString("ItemPublisher:Item.PublishedDate")) && !item.GetBoolean("ItemPublisher:Item.HidePublishedDate") ? item.GetDate("ItemPublisher:Item.PublishedDate").ToShortDateString() : string.Empty;
		string link = !string.IsNullOrEmpty(item.GetString("ItemPublisher:Item.Url")) ? item.GetString("ItemPublisher:Item.Url") : string.Empty;
		string buttonLabel = !string.IsNullOrEmpty(item.GetString("ItemPublisher:Item.ButtonLabel")) ? item.GetString("ItemPublisher:Item.ButtonLabel") : string.Empty;
		string iconPath = "/Files/Templates/Designs/Swift/Assets/icons/";
		bool renderContentWrapper = true;
		bool renderArticleInfoWrapper = true;
		if (string.IsNullOrEmpty(title) && string.IsNullOrEmpty(summary) && string.IsNullOrEmpty(publishedDate) && item.GetInteger("ItemPublisher:Item.Author") == 0 && !showButton)
		{
			renderContentWrapper = false;
		}
		if (string.IsNullOrEmpty(publishedDate) && item.GetInteger("ItemPublisher:Item.Author") == 0)
		{
			renderArticleInfoWrapper = false;
		}
		switch (articleItemLayout)
		{
			case "image-left":
			case "image-right":
				articleItemLayoutClass = !string.IsNullOrEmpty(coverImagePath) && renderContentWrapper ? "flex-lg-row" : articleItemLayoutClass;
				break;
		}
		string imageObjectFit = ratio != string.Empty ? "object-fit: cover;" : "object-fit: contain;";
		string coverTheme = !string.IsNullOrEmpty(item.GetString("ItemPublisher:Item.CoverTheme")) ? item.GetString("ItemPublisher:Item.CoverTheme").Replace(" ", "").Trim().ToLower() : string.Empty;
		string themeClass = string.Empty;
		string coverImageWrapperClass = string.Empty;
		if (!string.IsNullOrEmpty(coverTheme))
		{
			articleItemTheme = coverTheme;
		}
		if (articleItemTheme != string.Empty)
		{
			themeClass = " theme " + articleItemTheme;
		}
		// Exclude self from list - if list has context (Tags) and if is on same page
		bool excludeSelf = item.GetInteger("ItemPublisher:Item.Field.PageId") == item.GetInteger("ItemPublisher:Global.PageId");
		bool renderItem = true;
		renderItem = hasListContext && excludeSelf ? renderItem = false : !hasListContext && !excludeSelf ? renderItem : renderItem;
		if (renderItem)
		{
			<article class="card border-0 @(string.IsNullOrEmpty(themeClass) ? "gap-3" : null) @articleItemLayoutClass@(themeClass)@(shapeClass) overflow-hidden @LiftOnHover() @ShadowOnHover()" itemscope itemtype="https://schema.org/CreativeWork" style="background-color: var(--swift-background-color)">
				@if (!string.IsNullOrEmpty(coverImagePath))
				{
					if (Path.GetExtension(coverImagePath).ToLower() == ".svg")
					{
						coverImageWrapperClass = !renderContentWrapper ? "d-flex justify-content-center align-items-center h-100 w-100 " : "w-100 ";
						<a class="@(coverImageWrapperClass)@(orderReverseClass)" title="@title" href="@link" tabindex="-1">
							<div class="d-flex justify-content-center align-items-center overflow-hidden@(ratioCssClass)" @ratioVariable>
								@ReadFile(coverImagePath)
							</div>
						</a>
					}
					else
					{
						coverImageWrapperClass = articleItemLayout == "image-top" ? "position-relative" : $"col {orderReverseClass}";
						coverImageWrapperClass += renderContentWrapper && articleItemLayout != "image-top" ? " col-lg-5" : string.Empty;
						string figureClass = articleItemLayout == "image-top" ? ratioCssClass : "h-lg-100 ratio ratio-16x9";
						ratioVariable = articleItemLayout == "image-top" ? ratioVariable : string.Empty; 
						<a class="@coverImageWrapperClass" title="@title" href="@link" tabindex="-1">
							<figure class="overflow-hidden m-0 mx-auto @(figureClass)" @ratioVariable>
								@{
									coverImagePath = Dynamicweb.Context.Current.Server.UrlEncode(coverImagePath);
									imageObjectFit = articleItemLayout != "image-top" ? "object-fit: cover" : imageObjectFit;
									string imgSizeSelector = "50vw";
									imgSizeSelector = gridSettings == "1" || carouselSettings == "1" ? "100vw" : imgSizeSelector;
									imgSizeSelector = gridSettings == "2" || carouselSettings == "2" ? "50vw" : imgSizeSelector;
									imgSizeSelector = gridSettings == "3" || carouselSettings == "3" ? "33vw" : imgSizeSelector;
									imgSizeSelector = gridSettings == "4" || carouselSettings == "4" ? "25vw" : imgSizeSelector;
									imgSizeSelector = gridSettings == "5" || carouselSettings == "5" ? "17vw" : imgSizeSelector;
									string coverImagePathM = $"/Admin/Public/GetImage.ashx?image={coverImagePath}&width=640&format=webp";
									string coverImagePathL = $"/Admin/Public/GetImage.ashx?image={coverImagePath}&width=960&format=webp";
									string imagePathFallBack = coverImagePathM;
									<img srcset="
											@coverImagePathM   640w,
											@coverImagePathL   960w"
										src="@imagePathFallBack"
										sizes="(min-width: 992px) @imgSizeSelector, 100vw"
										loading="lazy"
										decoding="async"
										class="img-fluid image-zoom-lg-1-hover"
										style="@imageObjectFit; object-position: @cssPosition;"
										alt="@title">
								}
							</figure>
						</a>
					}
				}
				@if (renderContentWrapper)
				{
					<div class="col d-flex flex-column @GetPadding(themeClass)">
						<div class="card-body p-0 d-flex flex-column gap-2">
							@*Show tag stickers*@
							@GetCategorySticker(item)
							@if (!string.IsNullOrEmpty(title))
							{
								<a class="text-decoration-none text-decoration-underline-hover" href="@link">
									<h3 class="@titleFontSize mb-0" itemprop="headline">@title</h3>
								</a>
							}
							@if (!string.IsNullOrEmpty(summary))
							{
								<p class="m-0 opacity-75">@summary</p>
							}
							@*Show tag stickers*@
							@GetTagStickers(item)
							@if (showButton)
							{
								<div class="mt-auto">
									@if (!string.IsNullOrEmpty(buttonLabel))
									{
										<a href="@link" class="text-start btn btn-link p-0">
											@buttonLabel
											<span class="icon-auto">
												@ReadFile(iconPath + "arrow-right.svg")
											</span>
										</a>
									}
									else
									{
										<a href="@link" class="btn btn-link p-0 lh-1 text-start">
											<span class="icon-auto">
												@ReadFile(iconPath + "arrow-right.svg")
											</span>
										</a>
									}
								</div>
							}
						</div>
						@if (renderArticleInfoWrapper)
						{
							<div class="card-footer p-0 pt-3 border-top-0">
								<div class="d-flex align-items-center justify-content-between gap-3">
									@if (item.GetInteger("ItemPublisher:Item.Author") != 0)
									{
										int authorID = item.GetInteger("ItemPublisher:Item.Author");
										var author = Dynamicweb.Security.UserManagement.User.GetUserByID(authorID);
										string authorImage = !string.IsNullOrEmpty(author?.Image) ? author.Image : string.Empty;
										string authorImagePath = !string.IsNullOrEmpty(author?.Image) ? $"/Admin/Public/GetImage.ashx?image={author.Image}&width=24&height=24&Crop=0&format=webp" : string.Empty;
										string authorName = !string.IsNullOrEmpty(author?.Name) ? authorName = author.Name : string.Empty;
										string authorJobTitle = !string.IsNullOrEmpty(author?.JobTitle) ? authorJobTitle = author.JobTitle : string.Empty;
										<div class="d-flex align-items-center gap-2 fs-8 opacity-75">
											@if (!string.IsNullOrEmpty(authorImage))
											{
												<img class="img-fluid rounded-circle" src="@authorImagePath" loading="lazy" alt="@authorName" width="24" height="24">
											}
											else
											{
												<div class="d-flex align-items-center justify-content-center rounded-circle" style="background-color: rgba(var(--swift-foreground-color-rgb),.25)">
													<div class="icon-2 p-1">
														@ReadFile(iconPath + "user.svg")
													</div>
												</div>
											}
											<div class="d-flex flex-column lh-1">
												@if (!string.IsNullOrEmpty(authorName))
												{
													<span itemprop="author">@authorName</span>
												}
												@if (!string.IsNullOrEmpty(authorJobTitle))
												{
													<span class="opacity-75">@authorJobTitle</span>
												}
											</div>
										</div>
									}
									@if (!string.IsNullOrEmpty(publishedDate))
									{
										string articleDateTime = item.GetDate("ItemPublisher:Item.PublishedDate").Year + "-" + item.GetDate("ItemPublisher:Item.PublishedDate").Month + "-" + item.GetDate("ItemPublisher:Item.PublishedDate").Day;
										<div class="d-flex align-items-center gap-1 fs-8 opacity-75">
											<div class="icon-1">
												@ReadFile(iconPath + "calendar.svg")
											</div>
											<time datetime="@articleDateTime" itemprop="datePublished">@publishedDate</time>
										</div>
									}
								</div>
							</div>
						}
					</div>
				}
			</article>
		}
	}
	@* Placeholders (skeleton) *@
	for (int i = 0; i < count; i++)
	{
		string imageWrapper = string.Empty;
		string ratioString = ratioCssClass;
		switch (articleItemLayout)
		{
			case "image-left":
			case "image-right":
				articleItemLayoutClass = " flex-lg-row";
				imageWrapper = "col col-lg-5";
				ratioString = string.Empty;
				break;
		}
		<div class="htmx-indicator" aria-hidden="true" aria-disabled="true" aria-label="loading">
			<div class="card placeholder-glow@(shapeClass) overflow-hidden@(articleItemLayoutClass)" style="background-color: var(--swift-background-color); border: 1px solid rgba(var(--swift-foreground-color-rgb), 0.2);">
				<div class="@(imageWrapper) placeholder@(orderReverseClass)">
					<div class="@(ratioString)" @ratioVariable></div>
				</div>
				<div class="col d-flex flex-column">
					<div class="card-body">
						<div class="mb-2">
							<span class="placeholder col-2"></span>
						</div>
						<div class="h5 card-title">
							<span class="placeholder col-6"></span>
							<span class="placeholder col-2"></span>
						</div>
						<p class="card-text">
							<span class="placeholder placeholder-sm col-2"></span>
							<span class="placeholder placeholder-sm col-4"></span>
							<span class="placeholder placeholder-sm col-4"></span>
							<span class="placeholder placeholder-sm col-3"></span>
							<span class="placeholder placeholder-sm col-6"></span>
							<span class="placeholder placeholder-sm col-3"></span>
						</p>
					</div>
					<div class="card-footer">
						<div class="d-flex justify-content-between">
							<span class="placeholder placeholder-sm col-2"></span>
							<span class="placeholder placeholder-sm col-2"></span>
						</div>
					</div>
				</div>
			</div>
		</div>
	}
	@(gridWrapperEnd)
	@* Load more *@
	if (Pageview.Page.Item.SystemName == "Swift_ArticleListPage" && showLoadMore && articleListLayout == "grid")
	{
		<div class="text-center pt-5">
			<p class="fs-7 mb-3 opacity-75">@Translate("Showing") <span>@count</span> of <span>@totalItems</span> @Translate("items")</p>
			<div class="progress mb-4 mx-auto" style="height:3px;max-width:300px; background-color:rgba(var(--swift-foreground-color-rgb), 0.2);">
				<div class="progress-bar" role="progressbar" aria-label="Showing" style="width:@(percent)%;background-color:rgba(var(--swift-foreground-color-rgb), 1);" aria-valuenow="@(percent)" aria-valuemin="0" aria-valuemax="100"></div>
			</div>
			@if (!disableLoadMoreButton)
			{
				<div>
					<input type="hidden" id="PageSize_@(Pageview.CurrentParagraph.ID)" name="PageSize" />
					<label class="btn btn-primary @disabled" for="PageSize_@(Pageview.CurrentParagraph.ID)" @loadMore>@Translate("Load more")</label>
				</div>
			}
		</div>
	}
}
@if(!hasItems || count == 0)
{
	string iconPath = "/Files/Templates/Designs/Swift/Assets/icons/";
	<div class="grid grid-1" style="place-items: center;">
		<span class="icon-7">
			@ReadFile(iconPath + "filter.svg")
		</span>
		<h3 class="m-0">@Translate("No items found")</h3>
		<p class="m-0 fs-7 text-center">@Translate("Sorry, that filter combination has no results.") <br> @Translate("Please try different criteria")</p>
		<button type="button" aria-label="Clear filters" onclick="clearFilters(event)" class="mt-2 btn btn-secondary btn-sm d-flex align-items-center">
			@Translate("Clear filters")
			<span class="icon-2 ms-2">
				@ReadFile(iconPath + "refresh-ccw.svg")
			</span>
		</button>
	</div>
	<script>
		var clearFilters = (event) => {
			const form = event.target.closest('form');
			form.reset();
			let elements = form.elements;
			for (var i = 0, element; element = elements[i++];) {
				switch (element.type) {
					case "textarea":
					case "hidden":
						element.value = '';
						break;
					case "radio":
					case "checkbox":
						if (element.checked) {
							element.checked = false;
						}
						break;
					case "select-one":
						element.selectedIndex = -1;
						break;
					default:
						break;
				}
			}
			form.dispatchEvent(new window.Event('change', { bubbles: true }))
		}
	</script>
}