{*
* 2007-2022 ETS-Soft
*
* NOTICE OF LICENSE
*
* This file is not open source! Each license that you purchased is only available for 1 wesite only.
* If you want to use this file on more websites (or projects), you need to purchase additional licenses. 
* You are not allowed to redistribute, resell, lease, license, sub-license or offer our resources to any third party.
* 
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs, please contact us for extra customization service at an affordable price
*
*  @author ETS-Soft <etssoft.jsc@gmail.com>
*  @copyright  2007-2022 ETS-Soft
*  @license    Valid for 1 website (or project) for each purchase of license
*  International Registered Trademark & Property of ETS-Soft
*}
<article class="product-miniature js-product-miniature{if isset($tc_config.YBC_TC_FLOAT_CSS3) && $tc_config.YBC_TC_FLOAT_CSS3 == 1 && $page.page_name == 'index'} wow zoomIn{/if}" data-id-product="{$product.id_product|escape:'html':'UTF-8'}" data-id-product-attribute="{$product.id_product_attribute|escape:'html':'UTF-8'}" itemscope itemtype="http://schema.org/Product">
    <div class="thumbnail-container">
        <div class="image_item_product">
            {if $product.has_discount}
                {if $product.discount_type === 'percentage'}
                    <span class="discount-percentage">{$product.discount_percentage|escape:'html':'UTF-8'}</span>
                {/if}
            {/if}
            {block name='product_thumbnail'}
                <a href="{$product.url|escape:'html':'UTF-8'}" class="thumbnail product-thumbnail">
                    <img src = "{$product.cover.bySize.home_default.url|escape:'html':'UTF-8'}" alt = "{$product.cover.legend|escape:'html':'UTF-8'}"
                         data-full-size-image-url = "{$product.cover.large.url|escape:'html':'UTF-8'}" />
                </a>
            {/block}
            <div class="button-container-product highlighted-informations">
                <a href="#" class="quick-view" data-link-action="quickview">
                    <i class="icon-first material-icons material-icons-search"></i>
                    <i class="icon-second material-icons material-icons-search"></i> {*l s='Quick view' d='Shop.Theme.Actions'*}
                </a>
            </div>
        </div>
        <div class="product-description">
            {block name='product_name'}
                <h4 class="h3 product-title" itemprop="name"><a href="{$product.url|escape:'html':'UTF-8'}">{$product.name|truncate:30:'...'}</a></h4>
            {/block}
            {*if isset($product.description_short) && $product.description_short !=''}
                <div class="short_description">{$product.description_short|escape:'html':'UTF-8'|truncate:100:'...' nofilter}</div>
            {/if*}
            {*if isset($tc_config.YBC_TC_LISTING_REVIEW) && $tc_config.YBC_TC_LISTING_REVIEW == 1}
                <div class="hook-reviews">
                    {hook h='displayProductListReviews' product=$product}
                </div>
            {/if*}
            {block name='product_price_and_shipping'}
                {if $product.show_price}
                    <div class="product-price-and-shipping">
                        {hook h='displayProductPriceBlock' product=$product type="before_price"}
                        <span itemprop="price" class="price">{$product.price|escape:'html':'UTF-8'}</span>
                        {if $product.has_discount}
                            {hook h='displayProductPriceBlock' product=$product type="old_price"}

                            <span class="regular-price">{$product.regular_price|escape:'html':'UTF-8'}</span>
                            {*if $product.discount_type === 'percentage'}
                              <span class="discount-percentage">{$product.discount_percentage|escape:'html':'UTF-8'}</span>
                            {/if*}
                        {/if}

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

                        {hook h='displayProductPriceBlock' product=$product type='weight'}
                    </div>
                {/if}
            {/block}
            <div class="highlighted-informations{if !$product.main_variants} no-variants{/if}">
                {*<div class="add_to_cart_button">
                    <form action="{$urls.pages.cart|escape:'html':'UTF-8'}" method="post">
                          <input type="hidden" name="token" value="{$static_token|escape:'html':'UTF-8'}" />
                          <input type="hidden" value="{$product.id_product|escape:'html':'UTF-8'}" name="id_product" />
                          <input type="hidden" class="input-group form-control" name="qty" min="1" value="1">
                          <button data-button-action="add-to-cart" class="btn btn-primary">

                              <i class="fa fa-shopping-cart">{l s='Add to cart' d='Shop.Theme.Actions'}</i>
                          </button>
                   </form>
               </div>*}
                {hook h='displayProductListFunctionalButtons' product=$product}
                <div class="atc_div">
                    <form action="{$urls.pages.cart}" method="post" id="add-to-cart-or-refresh">
                        <input type="hidden" name="token" value="{$static_token}">
                        <input type="hidden" name="id_product" value="{$product.id}" id="product_page_product_id">
                        <button class="btn btn-primary btn-sm add-to-cart add_to_cart {if $product.quantity < 1}out-of-stock{/if}" data-button-action="add-to-cart" type="submit">
                            <span class="shopping-cart">
                              <i class="icon-first fa fa-shopping-cart"></i>
                                <i class="icon-second fa fa-shopping-cart"></i>
                              {l s='Add to cart' d='Shop.Theme.Actions'}
                          </span>
                        </button>
                    </form>
                </div>
                <a class="view_product" href="{$product.url|escape:'html':'UTF-8'}" title="{l s='View product' d='Shop.Theme.Actions'}">
                    <i class="icon-first material-icons material-icons-visibility"></i>
                    <i class="icon-second material-icons material-icons-visibility"></i>
                </a>
            </div>
        </div>
        {block name='product_flags'}
            <ul class="product-flags">
                {foreach from=$product.flags item=flag}
                    {if $flag.type != 'discount'}
                        {if $flag.type == 'new'}
                            <li class="{$flag.type|escape:'html':'UTF-8'}">
                                <span>{l s='New' d='Shop.Theme.Catalog'}</span>
                            </li>
                        {else}
                            <li class="{$flag.type|escape:'html':'UTF-8'}">
                                <span>{$flag.label|escape:'html':'UTF-8'}</span>
                            </li>
                        {/if}
                    {/if}
                {/foreach}
                {if $product.show_price}
                    {if $product.has_discount}
                        {if $product.discount_type === 'percentage'}
                            <li class="product-discount">
                                <span class="discount-percen">{$product.discount_percentage|escape:'html':'UTF-8'}</span>
                            </li>
                        {/if}
                    {/if}
                {/if}
            </ul>
        {/block}
        {*block name='product_variants'}
            {if $product.main_variants}
              {include file='catalog/_partials/variant-links.tpl' variants=$product.main_variants}
            {/if}
          {/block*}
    </div>
</article>