<div class="container">
	<div class="product_item" id="products_detail">
		<h1>{{@page_data.title}}</h1>
		<div class="images images280">
			<check if="{{is_array(@product['img']) && count(@product['img'])>0}}">
				<true>
			<a href="//{{@api_data['domen']}}/upload/{{@api_data['subdomen']}}/{{@product['img'][0]}}" data-lightbox="roadtrip">
				<img src="//{{@api_data['domen']}}/upload/{{@api_data['subdomen']}}/250_250/{{@product['img'][0]}}" class="small_img">
			</a>
				</true>
				<false>
			<div class="no_img"></div>
				</false>
			</check>
			<check if="{{is_array(@product['img']) && count(@product['img'])>4}}">
			<div id="slider_nav">
				<a id="js-prev"></a>
				<a id="js-next"></a>
			</div>
			</check>
			<div id="carousel" class="d-flex img_prev_slider">
				<repeat group="{{@product['img']}}" key="{{@n}}" value="{{@img}}">
					{~if(@n==0) continue;~}
				<div class="carousel-element images d-flex images70">
					<a href="//{{@api_data['domen']}}/upload/{{@api_data['subdomen']}}/{{@img}}" data-lightbox="roadtrip">
						<img src="//{{@api_data['domen']}}/upload/{{@api_data['subdomen']}}/60_60/{{@img}}" class="small_img">
					</a>
				</div>
				</repeat>
			</div>
		</div>
		<div>
			{{nl2br(@product['product_description'])}}
		</div>
	</div>
</div>
<link href="/ui/css/lightbox.css" rel="stylesheet">
<script src="/ui/scripts/lightbox.js"></script>
<link rel="stylesheet" href="/ui/css/owl.carousel.css"/>
<script src="/ui/scripts/owl.carousel.js"></script>
<script type="text/javascript">
	carousel_img();
	show_close_button();
</script>