{strip}

<div class="row split">
    <div class="col-lg-3 col-xs-3 col-sm-12 col-xs-12">

        {$categories_shop = $wa->shop->categories(0, null, true)}

        {if $theme_settings.menu_type == 'split-menu'}

            {wa_print_tree tree=$categories_shop collapsible_class='tree' class='split-catalog hidden-md-down' unfolded=true elem ='<a href=":url" title=":name" class=":hidden">:name</a>'}

        {else}

            {function shop_catalog_tree}
            {foreach $items as $item}
            {if empty($item.hide)}
            <li class="{if !empty($item.childs)}tree{/if}{if $wa->currentUrl() == $item.url} selected{/if}">
                <a href="{$item.url}" title="{$item.name}">
                    {$item.name}
                    {if !empty($item.childs)}<i class="fa fa-chevron-down"></i>{/if}
                </a>
                {if !empty($item.childs)}
                <ul>
                    {shop_catalog_tree items=$item.childs}
                </ul>
                {/if}
            </li>
            {/if}
            {/foreach}
            {/function}
            <ul class="split-catalog-slide hidden-md-down">
            {shop_catalog_tree items=$categories_shop}
            </ul>

        {/if}

        {if method_exists(shopProductbrandsPlugin, 'getBrands')}
        <div class="brands-shop hidden-md-down">
            <div class="h5">[`Brands`]</div>
            <div class="row">
                {foreach shopProductbrandsPlugin::getBrands() as $b}
                <div class="col-lg-6 col-md-6">
                    <a title="{$b.name}" href="{$b.url}">{$b.name}</a>
                </div>
                {/foreach}
            </div>
        </div>
        {/if}

        <!-- Promos block left -->
        {if $theme_settings.promo_side == 'left'}
        {$promocards = $wa->shop->promos()}
        {if $promocards}
        <div class="promos-block split row hidden-md-down">
            {foreach $promocards as $promo}
            <div class="promos col-lg-12 col-md-4 col-xs-6">
                <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}

        {if $wa->blog}
        {$latest_posts = $wa->blog->posts(null, 3)}
            {if $latest_posts}
            <div class="about-shop split hidden-md-down">
            <!-- null = blog id, 3 - qty -->
            <div class="newsblock leftside">
                {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>
            </div>
            {/if}
        {/if}

    </div>
    <div class="col-lg-9 col-xs-12 col-sm-12">

        {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>

        {/if}

        {/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-split" style="visibility: hidden;">

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

        </div>
        {/if}

        <!-- Promos block center -->
        {if $theme_settings.promo_side == 'center'}
        {$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}
            {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" filter_fix=1 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}
            </div>
            {/if}
        {/if}


        <!-- Shop description -->
        {if $wa->block("main_block")}
        <div class="about-shop">
            {$wa->block("main_block")}
        </div>
        {/if}

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

    </div>
</div>

{/strip}