{if $items}

{if !$nodialog}
{capture name=dialog}
{/if}

{if $title && !$nosubheader}
{include file="customer/subheader.tpl" title=$title heading=$heading align=$align icon=$icon}
{/if}

{if $carousel eq "Y"}
{capture name=carousel}
{else}
<div class="row">
{/if}

{if $items eq $rtestimonials}
  {assign var="cols" value="col-12 col-sm-6 col-md-6 col-lg-6 col-xl-{if $config.Reboot.reboot_main_container eq 'fluid'}{if $has_sidebar}6{else}6{/if}{else}{if $has_sidebar}6{else}6{/if}{/if}"}
{else}
  {if $descr eq "Y"}
    {assign var="cols" value="col-12 col-sm-6 col-md-6 col-lg-6 col-xl-{if $config.Reboot.reboot_main_container eq 'fluid'}{if $has_sidebar}6{else}6{/if}{else}{if $has_sidebar}6{else}6{/if}{/if}"}
  {else}
    {assign var="cols" value="col-12 col-sm-6 col-md-4 col-lg-4 col-xl-{if $config.Reboot.reboot_main_container eq 'fluid'}{if $has_sidebar}3{else}3{/if}{else}{if $has_sidebar}3{else}3{/if}{/if}"}
  {/if}
{/if}

{foreach from=$items item=i}
{if $carousel eq "Y"}
<div class="carousel-cell {$cols}">
{else}
{if $descr ne "Y"}
<div class="col-12 col-sm-6 col-md-6 col-lg-6 col-xl-{if $has_sidebar}4{else}3{/if} mb-4">
{else}
<div class="col-12 col-sm-6 col-md-6 col-lg-6 col-xl-{if $has_sidebar}4{else}3{/if} mb-4">
{/if}
{/if}

{if !$nocards}
<div class="card card-hover p-3 shadow-sm mb-{if $carousel}3{else}0{/if} h-100">
{/if}

{*--------------*}
{if $descr eq "Y"}
{*--------------*}

<div class="row">
<div class="col-md-{$col_left|default:'4'} text-center{if !$col_left} pr-3 pr-md-0{/if}">

{if $items eq $featured_categories}
<p><a href="home.php?cat={$i.categoryid}"><img class="lazyload img-fluid featured-item-icon" src="{$AltImagesDir}/spacer.gif" data-sizes="auto" data-src="{$i.image_path|default:'./default_logo.gif'}" alt="{$i.category|amp}" title="{$i.category|amp}" width="{$i.image_x|default:'150'}" height="{$i.image_y|default:'150'}"></a></p>

{elseif $items eq $featured_manufacturers}
<p><a href="manufacturers.php?manufacturerid={$i.manufacturerid}"><img class="lazyload img-fluid featured-item-icon" src="{$AltImagesDir}/spacer.gif" data-sizes="auto" data-src="{$i.image_path|default:'./default_logo.gif'}" alt="{$i.manufacturer|amp}" title="{$i.manufacturer|amp}" width="{$i.image_x|default:'150'}" height="{$i.image_y|default:'150'}"></a></p>

{elseif $items eq $blog_latest}
<p><a href="product.php?productid={$i.productid}"><img class="lazyload img-fluid{if !$autosize} featured-item-icon{/if} auto-height" src="{$AltImagesDir}/spacer.gif" data-sizes="auto" data-src="{$i.image_path|default:'./default_logo.gif'}" alt="{$i.product|amp}" title="{$i.product|amp}"></a></p>

{elseif $items eq $wp_blog_latest}
<p><a href="blog/{if $post.slug}{$post.slug|replace:'-':' '|lower}/{/if}{$i.post_name}"><img class="lazyload img-fluid{if !$autosize} featured-item-icon{/if} auto-height" src="{$AltImagesDir}/spacer.gif" data-sizes="auto" data-src="{if $i.meta_value}./blog/wp-content/uploads/{$i.meta_value}{else}./default_logo.gif{/if}" alt="{$i.post_title|amp}" title="{$i.post_title|amp}"{if !$autosize} style="max-height:125px"{/if}></a></p>
{/if}

{if $descr && $items eq $blog_latest}
<p class="text-center">{include file="custom/date.tpl" date=$i.add_date class="text-sm mt-2"}</p>
{/if}

{if $descr && $items eq $wp_blog_latest}
<p class="text-center">{include file="custom/date.tpl" date=$i.post_date class="text-sm mt-2"}</p>
{/if}

</div>
<div class="col-md-{$col_right|default:'8'} text-center text-sm-left">

{if $items eq $featured_categories}
<a href="home.php?cat={$i.categoryid}"><h3 class="h4 ignore-font text-truncate mb-1 pb-2" title="{$i.category|amp}">{$i.category|amp}</h3></a>

{elseif $items eq $featured_manufacturers}
<a href="manufacturers.php?manufacturerid={$i.manufacturerid}"><h3 class="h4 ignore-font text-truncate mb-1 pb-2" title="{$i.manufacturer|amp}">{$i.manufacturer|amp}</h3></a>

{elseif $items eq $blog_latest}
<a href="product.php?productid={$i.productid}" title="{$i.product|amp}"><h3 class="h5 ignore-font blog-text-truncate mb-1 pb-2" title="{$i.product|amp}">{$i.product|amp}</h3></a>
<p><small><a href="{$blog_link}">{$blog_category}</a> <i class="fa fa-angle-right mx-1"></i> <a href="home.php?cat={$i.categoryid}">{$lng.lbl_featured_blog_category}</a></small></p>

{elseif $items eq $wp_blog_latest}
<a href="blog/{if $post.slug}{$post.slug|replace:'-':' '|lower}/{/if}{$i.post_name}" title="{$i.post_title|amp}"><h3 class="h5 ignore-font blog-text-truncate mb-1 pb-2" title="{$i.post_title|amp}">{$i.post_title|amp}</h3></a>
<p><small><a href="blog">Blog</a> <i class="fa fa-angle-right mx-1"></i> <a href="./blog/category/{$i.slug}">{$i.slug|replace:"-":" "|capitalize}</a></small></p>
{/if}

{if $i.descr}
{$i.descr|strip|truncate:150:"...":true}
{/if}

{if $i.post_content}
{$i.post_content|strip|truncate:150:"...":true}
{/if}

{if $descr && $items eq $blog_latest}
<div class="mt-2 text-right"><a class="btn btn-sm btn-primary" href="product.php?productid={$i.productid}">{$lng.lbl_continue_reading} <i class="fa fa-angle-right"></i></a></div>
{/if}

{if $descr && $items eq $wp_blog_latest}
<div class="mt-2 text-right"><a class="btn btn-sm btn-primary" href="blog/{if $post.slug}{$post.slug|replace:'-':' '|lower}/{/if}{$i.post_name}">{$lng.lbl_continue_reading} <i class="fa fa-angle-right"></i></a></div>
{/if}

</div>
</div>

{*--------------*}
{else}
{*--------------*}

{if $items eq $featured_categories}
<p class="text-center"><a href="home.php?cat={$i.categoryid}"><img class="lazyload img-fluid featured-item-icon" src="{$AltImagesDir}/spacer.gif" data-sizes="auto" data-src="{$i.image_path|default:'./default_logo.gif'}" alt="{$i.category|amp}" title="{$i.category|amp}" width="{$i.image_x|default:'150'}" height="{$i.image_y|default:'150'}"></a></p>
<a class="text-center d-inline mx-auto" href="home.php?cat={$i.categoryid}"><h3 class="h6 ignore-font text-truncate mb-0 pb-2" title="{$i.category|amp}">{$i.category|amp}</h3></a>

{elseif $items eq $featured_manufacturers}
<p class="text-center"><a href="manufacturers.php?manufacturerid={$i.manufacturerid}"><img class="lazyload img-fluid featured-item-icon" src="{$AltImagesDir}/spacer.gif" data-sizes="auto" data-src="{$i.image_path|default:'./default_logo.gif'}" alt="{$i.manufacturer|amp}" title="{$i.manufacturer|amp}" width="{$i.image_x|default:'150'}" height="{$i.image_y|default:'150'}"></a></p>
<a class="text-center d-inline mx-auto" href="manufacturers.php?manufacturerid={$i.manufacturerid}"><h3 class="h6 ignore-font text-truncate mb-0 pb-2" title="{$i.manufacturer|amp}">{$i.manufacturer|amp}</h3></a>

{elseif $items eq $blog_latest}
<p class="text-center"><a href="product.php?productid={$i.productid}"><img class="lazyload img-fluid{if !$autosize} featured-item-icon{/if} auto-height" src="{$AltImagesDir}/spacer.gif" data-sizes="auto" data-src="{$i.image_path|default:'./default_logo.gif'}" alt="{$i.product|amp}" title="{$i.product|amp}"></a></p>
<a class="text-center d-inline mx-auto" href="product.php?productid={$i.productid}"><h3 class="h6 ignore-font text-truncate mb-0 pb-2" title="{$i.product|amp}">{$i.product|amp}</h3></a>

{elseif $items eq $wp_blog_latest}
<p><a href="blog/{$i.post_name}"><img class="lazyload img-fluid{if !$autosize} featured-item-icon{/if} auto-height" src="{$AltImagesDir}/spacer.gif" data-sizes="auto" data-src="{if $i.meta_value}./blog/wp-content/uploads/{$i.meta_value}{else}./default_logo.gif{/if}" alt="{$i.post_title|amp}" title="{$i.post_title|amp}"{if !$autosize} style="max-height:125px"{/if}></a></p>
{/if}

{if $descr && $items eq $blog_latest}
<p class="text-center">{include file="custom/date.tpl" date=$i.add_date class="text-sm mt-2"}</p>
{/if}

{if $descr && $items eq $wp_blog_latest}
<p class="text-center">{include file="custom/date.tpl" date=$i.post_date class="text-sm mt-2"}</p>
{/if}

{if $items eq $rtestimonials}
<div class="mx-0">
{include file="custom/widgets/widget_testimonial.tpl" style="1" testimonial=$i.testimonial|strip name=$i.name|strip avatar=$i.avatar|strip company=$i.company|strip website=false location=$i.location|strip rating=$i.rating added=$i.added|date_format:$config.Appearance.date_format comments=false no_avatar=$no_avatar truncate=100}
</div>
{/if}

{*--------------*}
{/if}
{*--------------*}

{if !$nocards}
</div>
{/if}

</div>
{/foreach}

{if $carousel eq "Y"}
{/capture}
{include file="custom/carousel.tpl" content=$smarty.capture.carousel wraparound=$wraparound|default:false prevnext=$prevnext|default:true pagedots=$pagedots|default:true autoplay=$autoplay|default:false}
{else}
</div>
{/if}

{if !$nodialog}
{/capture}
{include file="customer/dialog.tpl" content=$smarty.capture.dialog title=$title|capitalize icon=$icon heading=$heading size=$size}
{/if}

{if $nodialog && $br}
<br>
{/if}

{/if}