{extends BaseLayout}

{block content}
	{include EshopInfo}

	<div class="eshop-product-details">
		<div class="panel">
			<h1>{$product['name']}</h1>

			{if empty($app->arguments['category']) === FALSE}
			<a href="{url eshop_category $language['code'],'e-shop',$category_url}/#eshop-product-{$product['id']}" class="return">{% Späť}</a>
			{else}
			<a href="{url eshop_category $language['code'],'e-shop',''}/#eshop-product-{$product['id']}" class="return">{% Späť}</a>
			{/if}

			<p class="description">{$product['description']}</p>

			<p class="price">
				{$product['discount_price']|number} EUR
				{if $product['discount_price'] !== $product['price']}
					(<em>{$product['price']|number} EUR</em>)
				{/if}
			</p>

			<form action="{url eshop_add_to_cart $language['code'],'e-shop',$product['id']}" method="get" id="add-to-cart">
				<input type="text" name="amount" value="1" />

				<button type="submit" data-bind="click: add_to_cart">
					{% Pridať do košíka}
				</button>
			</form>

			<p>{% v košíku:} <span data-bind="text: in_cart" id="in-cart">{$in_cart}</span> {% ks} <span data-bind="visible: in_cart">| <a href="{url eshop_remove_from_cart $language['code'],'e-shop',$product['id']}" data-bind="click: remove_from_cart">{% odobrať}</a></span></p>

			<div class="social">
				<iframe src="http://www.facebook.com/plugins/like.php?href={$share_url|urlencode}&amp;send=false&amp;layout=button_count&amp;width=80&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:21px; margin-top: 5px;" allowTransparency="true"></iframe>

				<a href="https://twitter.com/share" class="twitter-share-button" data-url="{$share_url}">Tweet</a>
				<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
			</div>

			<div class="long-description">
				<h2>{% Popis produktu}</h2>
				{!$product['long_description']|format:3}
			</div>
		</div>

		<div class="mini-gallery">
			<div class="thumbs">
				{loop $product['photos']}
				<a href="{url photo 'thumb',$value['file'],'475x380'}" class="thumb" title="{$value['description']}" data-native_width="{$value['width']}" data-native_height="{$value['height']}" data-file="{$value['file']}">
					<img src="{url photo 'thumb',$value['file'],'95x65'}" width="95" height="65" alt="{$value['description']}" />
				</a>
				{/loop}
			</div>
		</div>

		<div class="hotspots-hidden">
		{loop $product['photos']}
			{if $value['hotspots']->length > 0}
			<div id="{$value['file']}">
			{loop $value['hotspots'] as $h}
			{$h->get_html($this->value)}
			{/loop}
			</div>
			{/if}
		{/loop}
		</div>

		<div class="cleaner"><!-- ### --></div>

		{include EshopRecommended}
	</div>

	{include Footer}
{/block}