{* 
* @Module Name: Leo Bootstrap Menu
* @Website: leotheme.com.com - prestashop template provider
* @author Leotheme <leotheme@gmail.com>
* @copyright  2007-2018 Leotheme
*}

{if isset($product)}
<div class="widget-product">
	{if isset($widget_heading)&&!empty($widget_heading)}
	<div class="menu-title">
		{$widget_heading}
	</div>
	{/if}
	<div class="widget-inner">
		<div class="product_block"> 
 			<div class="product-miniature js-product-miniature" data-id-product="{$product.id_product}" data-id-product-attribute="{$product.id_product_attribute}" itemscope itemtype="http://schema.org/Product">
			  	<div class="thumbnail-container clearfix">
			    	<div class="product-image">
				      	{block name='product_thumbnail'}
					        <a href="{$product.url}" class="thumbnail product-thumbnail">
					          	<img
						            class="img-fluid"
						            src = "{$product.cover.bySize.cart_default.url}"
						            alt = "{$product.cover.legend}"
						            data-full-size-image-url = "{$product.cover.large.url}"
					          	>
					        </a>
				      	{/block}
			    	</div>
				    <div class="product-meta">
				      	<div class="product-description">
					        {block name='product_name'}
					          	<h4 class="h3 product-title" itemprop="name"><a href="{$product.url}">{$product.name|truncate:30:'...'}</a></h4>
					        {/block}

					        {block name='product_price_and_shipping'}
					          	{if $product.show_price}
						            <div class="product-price-and-shipping">
						              	{if $product.has_discount}
						                	{hook h='displayProductPriceBlock' product=$product type="old_price"}
						                	<span class="regular-price">{$product.regular_price}</span>
							                {if $product.discount_type === 'percentage'}
							                  	<span class="discount-percentage">{$product.discount_percentage}</span>
							                {/if}
						              	{/if}
										{hook h='displayProductPriceBlock' product=$product type="before_price"}

						              	<span class="price" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
							                <span itemprop="priceCurrency" content="{$currency.iso_code}"></span><span itemprop="price" content="{$product.price_amount}">{$product.price}</span>
							            </span>

						              	{hook h='displayProductPriceBlock' product=$product type='unit_price'}

						              	{hook h='displayProductPriceBlock' product=$product type='weight'}
						            </div>
					          	{/if}
					        {/block}
				      	</div>
				    </div>
			  	</div>
			</div>	
		</div>	
	</div>
</div>
{/if}