{**
 * 2007-2021 PrestaShop
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License 3.0 (AFL-3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * https://opensource.org/licenses/AFL-3.0
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@prestashop.com so we can send you a copy immediately.
 *
 * 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 refer to http://www.prestashop.com for more information.
 *
 * @author    PrestaShop SA <contact@prestashop.com>
 * @copyright 2007-2021 PrestaShop SA
 * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
 * International Registered Trademark & Property of PrestaShop SA
 *}

{assign var="wd_cnt" value="1"}
{assign var="wd_total" value="0"}
{foreach from=$products item='product'}
	{$wd_total = $wd_total+1}
{/foreach}
<section class="special-products clearfix mt-3 {if $page.page_name == 'index'}bottom-to-top hb-animate-element{/if}">
  <h1 class="h1 products-section-title wdtext">{l s='Special products' d='Shop.Theme.Catalog'}</h1>
  <div class="title clearfix hidden-md-up" data-target="#special-product" data-toggle="collapse">
    <span class="h3 wdtext">{l s='Special products' d='Shop.Theme.Catalog'}</span>
    <span class="float-xs-right">
      <span class="navbar-toggler collapse-icons">
        <i class="material-icons add">&#xE145;</i>
        <i class="material-icons remove">&#xE15B;</i>
      </span>
    </span>
  </div>
  <div id="special-product" class="collapse toggle special_product">
  	{if $wd_total > 3}
	<div class="customNavigation">
		<a class="btn wdleftspecial_prev"><i class="material-icons">navigate_before</i></a>
		<a class="btn wdleftspecial_next"><i class="material-icons">navigate_next</i></a>
	</div>
	{/if}

  <div class="products">
    {foreach from=$products item="product"}
			{if $wd_total >= 3}
				<!-- Start WebDigify 2 product slide code -->
				{if $wd_cnt % 3 == 1}
				<ul>
					<li class="new">
						<ul>
						<li>
					{/if}
				{/if}
				<!-- End WebDigify 2 product slide code -->
				  {include file="catalog/_partials/miniatures/leftproduct.tpl" product=$product}
				  <!-- Start WebDigify 2 product slide code -->
				{if $wd_total >= 3}
					{if $wd_cnt % 3 == 0}
							</li>
							</ul>
						</li>
						</ul>
					{/if}
					{/if}
	
					{$wd_cnt = $wd_cnt+1}
			<!-- End WebDigify 2 product slide code -->
		{/foreach}
		{if $wd_total >= 3}
			{if $wd_cnt % 3 == 0}
					</li>
					</ul>
				</li>
				</ul>
			{/if}
		{/if}
  </div>
  <a class="all-product-link float-xs-left float-md-right h4" href="{$allSpecialProductsLink}">
  {l s='All new products' d='Shop.Theme.Catalog'}<i class="material-icons">&#xE315;</i>
  </a>
  </div>
</section>