{config_load file="$language/lang_$language.conf" section="upcoming_products"}

<style>
	
.product-scroll-container {
	max-height: 950px;
	overflow-y: auto;
	padding-right: 10px;
	scroll-behavior: smooth;
}

.product-scroll-container::-webkit-scrollbar {
	width: 6px;
}

.product-scroll-container::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.35);
	border-radius: 3px;
}
	
	
</style>

<div class="product-list">
	<div class="container" style="padding-bottom: 50px;">
		{if $smarty.session.language=='german'}
		  <h2 class="ico ico-3"><span>Bald Erhältlich:</span></h2>
		{else}
		  <h2 class="ico ico-3"><span>Coming Soon:</span></h2>
		{/if}

		<!-- SCROLL CONTAINER -->
		<div class="row product-scroll-container">

			{foreach name=aussen item=module_data from=$module_content}
			  <div class="col-12 col-lg-12 product-item">
				<div class="card h-100 position-relative">

				  <div class="promo-img">
					<img class="w-100"
						 src="images/product_images/info_images/{$module_data.INFO.PRODUCTS_ID}_0.jpg"
						 style="width: 200px; height: 200px; object-fit: contain;">
				  </div>

				  <div class="promo-nav">
					<a href="#"
					   class="btn btn-secondary d-inline-block w-20 favorite"
					   data-fav-id="{$module_data.INFO.PRODUCTS_ID}"
					   data-fav="{$module_data.PRODUCTS_NAME},{$module_data.PRODUCTS_LINK},images/product_images/info_images/{$module_data.INFO.PRODUCTS_ID}_1.jpg#+#">
					   <i class="fas fa-heart"></i>
					</a>

					{if $smarty.session.language=='german'}
					  <a class="btn btn-primary btn-block w-40 float-end"
						 href="{$module_data.PRODUCTS_LINK}">
						 Zum Produkt
					  </a>
					{else}
					  <a class="btn btn-primary btn-block w-40 float-end"
						 href="{$module_data.PRODUCTS_LINK}">
						 View Product
					  </a>
					{/if}

					<div class="clearfix"></div>
				  </div>

				  <div class="promo-date">
					{$module_data.PRODUCTS_DATE}
				  </div>

				  <div class="promo-body">
					<h6>{$module_data.PRODUCTS_NAME}</h6>
					<div class="price">
					  {$module_data.INFO.PRODUCTS_PRICE_CLEAN}
					</div>
				  </div>

				</div>
			  </div>
			{/foreach}

		</div>
	</div>
</div>