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

<div class="uberuns pb-5 pt-5">

<div class="container bg-light border border-secondary border-2 p-3 shadow mb-5">
{if $smarty.server.REQUEST_URI|strstr:"advanced_search_result.php"}
				
				{if $smarty.session.language=='german'}
				<h1 class="ico ico-3">Suchergebnisse</h1>
				{else}
				<h1 class="ico ico-3">Search Results</h1>
				{/if}
				<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}'>
							{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>
						{if $smarty.session.language=='german'}
						<td style="width:20%"><a href="{$product.PRODUCTS_LINK}" class="btn btn-primary text-light fw-bold w-100">mehr erfahren</a></td>
						{else}
						<td style="width:20%"><a href="{$product.PRODUCTS_LINK}" class="btn btn-primary text-light fw-bold w-100">learn more</a></td>
						{/if}
					</tr>
					{/foreach}
				</table>
				</div>

				{else}

					{if $CATEGORIES_IMAGE}
					<img src="{$CATEGORIES_IMAGE}" style="height: 40vh; object-fit: cover; width: 100%;" />
					{/if}
					{if $CATEGORIES_NAME}
					<h1 class="ico ico-5">{$CATEGORIES_NAME}</h1>
					{/if}
					{if $CATEGORIES_DESCRIPTION}
					<div class="cat-details">			
						{$CATEGORIES_DESCRIPTION}
					</div>				
					{/if}


			<div class="bg-light text-end border-bottom border-primary mb-4 filter-container" style="padding-top: 16px; padding-bottom: 16px;">
			  {$FILTER_FORM}{$FILTER_DROPDOWN}{$FORM_END}
			</div>

			<style>
			.filter-container {
			  border-radius: 0; /* remove rounding */
			}

			.filter-container select,
			.filter-container input[type="submit"] {
			  border-radius: 0;
			  padding: 0.5rem 0.75rem;
			}

			.filter-container select:focus,
			.filter-container input[type="submit"]:focus {
			  box-shadow: 0 0 0 0.2rem rgba(13,110,253,.25);
			  border-radius: 0;
			}
</style>
		{$NAVIGATION}
		<hr>
		{products_groups_filter categories_id=$CATEGORIES_ID}
		<hr>
		<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>
					  {if $smarty.session.language=='german'}
					  <a href="{$product.PRODUCTS_LINK}" class="btn btn-primary w-100 text-light fw-bold list-button">mehr erfahren</a>
					  {else}
					  <a href="{$product.PRODUCTS_LINK}" class="btn btn-primary w-100 text-light fw-bold list-button">learn more</a>
					  {/if}
					</div>
				  </div>
				</div>
				{/foreach} 
			  </div>
		</div>
<hr>
{$NAVIGATION}
<hr>

{/if}
</div>	
</div>