{extends Layout}

{block content}
<!-- Start Banner Area -->
<section class="banner-area organic-breadcrumb">
	<div class="container">
		<div class="breadcrumb-banner d-flex flex-wrap align-items-center justify-content-end">
			<div class="col-first">
				<h1>{$currentPage['title']}</h1>
			</div>
		</div>
	</div>
</section>
<!-- End Banner Area -->

{include Flash}

<section>
	<div class="container">
		<section class="lattest-product-area pb-40 category-list">
			<div class="row">
				{loop $products as $product}
				<!-- single product -->
				<div class="col-lg-4 col-md-6">
					<div class="single-product">
						{if $product["mainphoto_file"] !== null}
						<img class="img-fluid" src="{url photo $product['mainphoto_file'],'crphoto','350x257'}" alt="{$product['name']}">
						{else}
						<img class="img-fluid" src="/gfx/no-image.png" alt="{$product['name']}">
						{/if}
						<div class="product-details">
							<h6>{$product['name']}</h6>
							<div class="price">
								<h6>{$product->getPrice($withVat, 1, $wholesale)|number:2} €</h6>
							</div>
							<div class="prd-bottom">
								<a href="{url eshopAddToCart $product['id']}?return={$fullUrl|urlencode}" class="social-info">
									<span class="ti-bag"></span>
									<p class="hover-text">{% Pridať do košíka}</p>
								</a>
								<a href="{url eshopProduct $product['id'],$product['name']}" class="social-info">
									<span class="lnr lnr-move"></span>
									<p class="hover-text">{% Viac}</p>
								</a>
							</div>
						</div>
					</div>
				</div>
				{/loop}
			</div>
		</section>
	</div>
</section>
{/block}