{config_load file="$language/lang_$language.conf" section="index"}
{yes_vars assign="YES" contents=1}  

<div class="uberuns pt-5">
<div class="container bg-light border border-secondary border-2 p-3 rounded-3 shadow mb-5">
{if $smarty.server.REQUEST_URI|strstr:"advanced_search_result.php"}

				<h1 class="ico ico-3">Search results</h1>
				<div class="table-responsive">
				<table class="table bg-white rounded-2 rounded">
					{foreach from=$module_content item=product}	
					<tr>						
						<td style="width:15%"><a href="{$product.PRODUCTS_LINK}">
							{if $product.PRODUCTS_IMAGE}
							<img src="{$product.PRODUCTS_IMAGE|replace:"thumbnail":"info"}" class="card-img-top w-100" alt='{$product.PRODUCTS_NAME}' style="min-height: 330px;">
							{else}
							<img src="/files/logo/Bild-fehlt_500px.jpg" class="card-img-top w-100" alt="kein Bild vorhanden" />
							{/if}
							</a></td>
						<td><h5>{$product.PRODUCTS_NAME|truncate:80:"...":true}</h5>
							{$product.PRODUCTS_PRICE|replace:'EUR':'&euro;'}
						</td>						
						<td style="width:20%"><a href="{$product.PRODUCTS_LINK}" class="btn btn-primary text-light fw-bold w-100">learn more</a></td>
					</tr>
					{/foreach}
				</table>
				</div>

				{else}
				<div class="d-flex p-1 mb-4 w-100 justify-content-start">
					{if $CATEGORIES_IMAGE}
					<img class="w-100 mb-2 rounded rounded-2 me-2" style="max-width:100px;" src="{$CATEGORIES_IMAGE}" class="w-100">
					{/if}
					{if $CATEGORIES_NAME}
					<h1 class="ico ico-5">{$CATEGORIES_NAME}</h1>
					{/if}
				</div>
				<!--<div class="text-end">			{$FILTER_FORM}{$FILTER_DROPDOWN}{$FORM_END}</div>				-->
				<hr>							
		{$NAVIGATION|replace:"Zeige":"Show"|replace:"bis":"to"|replace:"von insgesamt":"from a total of"|replace:"Artikeln":"Items"|replace:"Seiten":"Page"}
		<hr>
		{products_groups_filter categories_id=$CATEGORIES_ID}
		<div class="products-list">
			<div class="row">
				{foreach from=$module_content item=product}	
				<div class="col-xl-3 col-lg-6 col-12 mb-3">
				  <div class="card h-100 position-relative m-1">
					<a href="{$product.PRODUCTS_LINK}">
					{if $product.PRODUCTS_IMAGE}
					<img src="{$product.PRODUCTS_IMAGE|replace:"thumbnail":"info"}" class="card-img-top" alt='{$product.PRODUCTS_NAME}'>
					{else}
					<img src="/files/logo/Bild-fehlt_500px.jpg" class="card-img-top" alt="kein Bild vorhanden" />
					{/if}
					</a>
					<div class="card-body">
					  <h5 class="card-title">{$product.PRODUCTS_NAME|truncate:80:"...":true}</h5>
					  <p class="card-text">{$product.PRODUCTS_PRICE|replace:'EUR':'&euro;'}</p>
					  <a href="{$product.PRODUCTS_LINK}" class="btn btn-primary w-100 text-light fw-bold list-button">learn more</a>
					</div>
				  </div>
				</div>
				{/foreach} 
			  </div>
		</div>
<hr>
{$NAVIGATION|replace:"Zeige":"Show"|replace:"bis":"to"|replace:"von insgesamt":"from a total of"|replace:"Artikeln":"Items"|replace:"Seiten":"Page"}
<hr>
{if $CATEGORIES_DESCRIPTION}
<div class="cat-details">			
	{$CATEGORIES_DESCRIPTION}
</div>				
{/if}
{/if}
</div>	
</div>