{strip}

{if $theme_settings.slider_type == 'two'}
<!-- Slider image -->
{if $wa->photos}
{$slider_photo = $wa->photos->photos($theme_settings.slider_photo)}
{if $slider_photo}

<div id="main-slider" class="main-slider-count" data-slide-count="{$slider_photo|count}" data-slide-time="{$theme_settings.slider_time}000" style="visibility: hidden;">
    <div class="slider-fade">
        <ul class="main-slider">
            {foreach $slider_photo as $photo}
            {if $photo.description}
            <li><a href="{$photo.description}">{$wa->photos->getImgHtml($photo, "1250x0", false, false)}</a></li>
            {else}
            <li>{$wa->photos->getImgHtml($photo, "1250x0", false, false)}</li>
            {/if}
            {/foreach}
        </ul>
        {if $slider_photo|count > 1}
        <div class="arrow-control">
            <div class="right"><a href="#"><i class="fa fa-angle-right"></i></a></div>
            <div class="left"><a href="#"><i class="fa fa-angle-left"></i></a></div>
        </div>
        {/if}
    </div>

    {if $theme_settings.slider_tabs}
    <ul class="slider-tabs">
        {foreach $slider_photo as $photo}
        <li {if $photo@first}class="active"{/if} data-slide-num="{$photo@iteration-1}">{$photo.name}</li>
        {/foreach}
    </ul>
    {/if}

</div>
{else}

<div class="spacer"></div>

{/if}

{else}

<div class="spacer"></div>

{/if}

{else}
<!-- Slider product -->
{$slider_product = $wa->shop->productSet("sliderproduct")}
{if $slider_product}
<div id="main-slider-product" class="main-slider-count" data-slide-count="{$slider_product|count}" data-slide-time="{$theme_settings.slider_time}000" style="visibility: hidden;">
    <div class="slider-fade">
        <div class="slider-background">
            <ul class="main-slider-product">
                {foreach $slider_product as $slider}
                <li>
                    <div class="slider-image">
                        {$wa->shop->productImgHtml($slider, '400', ['alt' => $slider.name, 'default' => "`$wa_theme_url`img/no-foto-catalog.gif"])}

                        {$badge_html = $wa->shop->badgeHtml($slider.badge)}
                        {if $badge_html}
                        <div class="badge-block">
                            {$badge_html}
                            {if $slider.compare_price > 0}
                            <div class="badge discount">{$percent = 100-($slider.price/$slider.compare_price)*100}-{$percent|round:0}%</div>
                            {/if}
                        </div>
                        {else}
                        <div class="badge-block">
                            {if $slider.compare_price > 0}
                            <div class="badge discount">{$percent = 100-($slider.price/$slider.compare_price)*100}-{$percent|round:0}%</div>
                            {/if}
                        </div>
                        {/if}
                    </div>
                    <div class="one slider-text">
                        <div class="h4">{strip_tags($slider.name)|truncate:300}</div>
                        {$rating = $wa->shop->ratingHtml($slider.rating, 16)}
                        {if $rating}
                        {$rating}
                        {else}
                        <i class="icon16 star-empty"></i>
                        <i class="icon16 star-empty"></i>
                        <i class="icon16 star-empty"></i>
                        <i class="icon16 star-empty"></i>
                        <i class="icon16 star-empty"></i>
                        {/if}
                        <div class="desciprtion hidden-sm-down">{strip_tags($slider.summary)|escape|truncate:100}</div>
                        <div class="price">{shop_currency($slider.price)}</div>
                        <div class="button"><a href="{$slider.frontend_url}">[`Buy`]</a></div>
                    </div>
                </li>
                {/foreach}
            </ul>
        </div>
        {if $slider_product|count > 1}
        <div class="arrow-control">
            <div class="right"><a href="#"><i class="fa fa-angle-right"></i></a></div>
            <div class="left"><a href="#"><i class="fa fa-angle-left"></i></a></div>
        </div>
        {/if}
    </div>

    {if $theme_settings.slider_tabs}
    <ul class="slider-tabs">
        {foreach $slider_product as $slider}
        <li {if $slider@first}class="active"{/if} data-slide-num="{$slider@iteration-1}">

        {if $slider_product|count > 6}
        {strip_tags($slider.name)|truncate:55}
        {else}
        {strip_tags($slider.name)|truncate:85}
        {/if}

        </li>
        {/foreach}
    </ul>
    {/if}

</div>
{else}

<div class="spacer"></div>

{/if}

{/if}
<!-- Promo product -->
{if $theme_settings.homepage_productset_promo}
{$promos = $wa->shop->productSet( $theme_settings.homepage_productset_promo )}
{else}
{$promos = $wa->shop->productSet("promo")}
{/if}
{if $promos && count($promos)}
<div class="h3 text-center home-header">{if $theme_settings.homepage_promo_title}{str_replace('{$date}', $smarty.now|wa_datetime:"humandate", $theme_settings.homepage_promo_title)}{/if}
    <span class="arrow">
        <a href="#" class="slider-product-next"><i class="fa fa-angle-left"></i></a>
        <a href="#" class="slider-product-prev"><i class="fa fa-angle-right"></i></a>
    </span>
</div>

<div class="row container-catalog main-slider-product-home" style="visibility: hidden;">

    {include file="`$wa_active_theme_path`/list-thumbs.html" products=$promos}

</div>
{/if}

<!-- Promos block -->
{$promocards = $wa->shop->promos()}
{if $promocards}
<div class="promos-block row">
    {foreach $promocards as $promo}
    {if $theme_settings.promo_count == 2}
        <div class="promos col-lg-6 col-md-6 col-xs-6">
    {else if $theme_settings.promo_count == 3}
        <div class="promos col-lg-4 col-md-4 col-xs-6">
    {else}
        <div class="promos col-lg-3 col-md-4 col-xs-6">
    {/if}
        <a href="{$promo.link}" style="background-image: url('{$promo.image}');">
            {if !empty($promo.countdown_datetime) && time() <= strtotime($promo.countdown_datetime)}
            <div class="countdown">
                [`Time left`]: <span class="js-promo-countdown" data-start="{date('Y-m-d H:i:s')}" data-end="{$promo.countdown_datetime}"></span>
            </div>
            {/if}
        </a>
        {if !empty($theme_settings.promo_text)}
        <div class="title"{if $promo.background_color} style="background: {$promo.background_color};"{/if}>
            <div class="promo-title" style="color: {$promo.color};">{$promo.title|escape}</div>
            <div class="promo-text" style="color: {$promo.color};">{$promo.body|escape}</div>
        </div>
        {/if}
    </div>
    {/foreach}
</div>
{/if}
{if !empty($theme_settings.promo_height)}<style>.promos-block .promos a  { height: {$theme_settings.promo_height}px }</style>{/if}
<!-- Bestsellers block -->
{if $theme_settings.homepage_productset_bestsellers}
{$bestsellers = $wa->shop->productSet( $theme_settings.homepage_productset_bestsellers )}
{else}
{$bestsellers = $wa->shop->productSet("bestsellers")}
{/if}
{if $bestsellers && count($bestsellers)}
<div class="h3 text-center home-header">{if $theme_settings.homepage_bestseller_title}{str_replace('{$date}', $smarty.now|wa_datetime:"humandate", $theme_settings.homepage_bestseller_title)}{/if}</div>
<div class="row container-catalog">
    {include file="`$wa_active_theme_path`/list-thumbs.html" products=$bestsellers}
</div>
{/if}


<!-- Brands block -->
{if $wa->photos}
{$slider_brands = $wa->photos->photos($theme_settings.slider_brands)}
{if $slider_brands}

<div class="brands">
    <div class="h3 text-center home-header">{$theme_settings.slider_brands_name}
        <span class="arrow">
                <a href="#" class="slider-brands-next"><i class="fa fa-angle-left"></i></a>
                <a href="#" class="slider-brands-prev"><i class="fa fa-angle-right"></i></a>
            </span>
    </div>
    <div class="row main-slider-brands-home">
        {foreach $slider_brands as $brands}
        <div class="brand-slide">
            {if $brands.description}
            <a href="{$brands.description}">{$wa->photos->getImgHtml($brands, "200x0", false)}</a>
            {else}
            {$wa->photos->getImgHtml($brands, "200x0", false)}
            {/if}
            {if $brands.name && $theme_settings.brands_name}<div class="text-center">{$brands.name}</div>{/if}
        </div>

        {/foreach}
    </div>
</div>
{/if}
{/if}

{if $theme_settings.homereview}
{$reviews = $wa->shop->reviews(8)}
{if $reviews}
<div class="reviews reviews-home">
    <div class="h3 text-center home-header">[`Last reviews`]</div>
    <div class="row">
        {foreach $reviews as $review}
        <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12"{if $review@iteration > 2} style="display:none;"{/if}>
            <div class="review">
                <div class="media">
                    <a href="{$review.product_url}">
                    {if $review.product_url_crop_small}
                        <img src="{$review.product_url_crop_small|replace:'48x48':'400'}" alt="{$review.product_name|escape}" title="{$review.product_name|escape}">
                    {else}
                        <img src="{$wa_theme_url}img/no-foto.gif" alt="{$review.product_name|escape}" title="{$review.product_name|escape}">
                    {/if}
                    </a>
                </div>
                <div class="media-body">
                    <span class="username">{$review.author.name}</span>
                    <span class="date">{$review.datetime|wa_datetime:"humandatetime"}</span>
                    <a href="{$review.product_url}">{$review.product_name|escape}</a>
                    <div class="h6">
                        <span>{if $review.title}{$review.title}{/if}</span>
                        {if !$review.parent_id && !empty($review.rate)}
                        {$rate = round($review.rate)}
                        {$wa->shop->ratingHtml($rate, 16)}
                        {/if}
                    </div>
                    {if $review.text}<p>{$review.text}</p>{/if}
                </div>
            </div>
        </div>
        {/foreach}
    </div>
    {if count($reviews) > 2}<div class="text-center"><a href="" class="btn">[`Show more`]</a></div>{/if}
    {/if}
</div>
{/if}

<!-- Shop description -->
{if $wa->block("main_block")}
<div class="about-shop">
    <div class="row">
        {if $wa->blog}
        <div class="col-lg-8 col-xs-8 col-xs-12 col-sm-7">
            {$wa->block("main_block")}
        </div>
        <div class="col-lg-4 col-xs-4 col-xs-12 col-sm-5">
            <!-- null = blog id, 3 - qty -->
            {$latest_posts = $wa->blog->posts(null, 3)}
            {if $latest_posts}
            <div class="newsblock">
                {foreach $latest_posts as $post}
                <div class="media">
                    {if isset($post.img)}
                    <div class="media-left">
                        <a href="{$post.link}"><img src="{$post.img}" alt="{$post.title|strip_tags|truncate:400}"></a>
                    </div>
                    {/if}
                    <div class="media-body">
                        <div class="date">{$post.datetime|wa_date:"humandate"} / {$post.datetime|date_format:"%H:%M"}</div>
                        <div class="title"><a href="{$post.link}">{$post.title|strip_tags|truncate:400}</a></div>
                    </div>
                </div>
                {/foreach}
            </div>
            {/if}
        </div>
        {else}
        <div class="col-lg-12 col-xs-12 col-sm-12">
            {$wa->block("main_block")}
        </div>
        {/if}
    </div>
</div>
{/if}

<!-- plugin hook: 'frontend_homepage' -->
{* @event frontend_homepage.%plugin_id% *}
{foreach $frontend_homepage as $_}{$_}{/foreach}


{/strip}