{strip}

{if waRequest::isXMLHttpRequest()}
    <div class="html-title" style="display: none;">{if $category.meta_title}{$category.meta_title|escape}{else}{$category.name|escape}{/if}</div>
{/if}

<!-- Catalog type -->
{if !empty($theme_settings.catalog_type)}{if $theme_settings.catalog_type == 'text'}{$catalog_show = 'text'}{else if $theme_settings.catalog_type == 'list'}{$catalog_show = 'list'}{else}{$catalog_show = 'thumbs'}{/if}{/if}
{$shop_view = waRequest::cookie('show', '', waRequest::TYPE_STRING)}
{if $shop_view}{$catalog_show = $shop_view}{/if}

<script src="{$wa_active_theme_url}lazyloading.js?v{$wa_theme_version}"></script>

<div class="category">

    <div class="row">

        {if !empty($filters) || $category.subcategories && $theme_settings.catalog_list || $theme_settings.home_view == 'split' || $theme_settings.catalog_news && $wa->blog}
        <div class="col-lg-3 col-md-3 col-sm-12">

            {if $theme_settings.home_view == 'split'}

                {$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 $category.id == $item.id} 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-sm-down">
                    {shop_catalog_tree items=$categories_shop}
                </ul>

                {/if}

            {else}

                {if $theme_settings.catalog_list}

                    {if $category.subcategories}
                        <ul class="subcategory hidden-xs-down">
                            {foreach $category.subcategories as $sc}
                            <li><a href="{$sc.url}">{$sc.name|escape} {if !empty($sc.params.badge)}<span class="category-badge hidden-md-down">{$sc.params.badge}</span>{/if}</a>
                            </li>
                            {/foreach}
                        </ul>
                    {/if}

                {/if}

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

            {if !empty($filters)}

            <div class="hidden-xs-down container filter">
                <div class="filters-background filters ajax">
                    <form method="get" action="{$wa->currentUrl(0,1)}" data-loading="{$wa_active_theme_url}img/loading.gif" class="filterform">
                        {foreach $filters as $fid => $filter}
                        {if $fid == 'price'}
                        {$c = $wa->shop->currency(true)}
                        <div class="filtergroup">
                            <div class="panel-body panel-price">[`Price`]: <div class="icon"><i class="fa fa-angle-down"></i></div></div>

                            <div class="filtergroup slider slideblock rangefilter">
                                <input type="text" class="min" name="price_min" {if $wa->get('price_min')}value="{(int)$wa->get('price_min')}"{/if} placeholder="{floor($filter.min)}">
                                &nbsp;&nbsp;&#8212;&nbsp;&nbsp;
                                <input type="text" class="max" name="price_max" {if $wa->get('price_max')}value="{(int)$wa->get('price_max')}"{/if} placeholder="{ceil($filter.max)}">

                                <div class="pricehint">
                                    <div class="row">
                                        <div class="col-lg-6">{floor($filter.min)} {$c.sign}</div>
                                        <div class="col-lg-6 text-right">{ceil($filter.max)} {$c.sign}</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        {else}
                        <div class="filtergroup">
                            <div class="panel-body"{if $filter@iteration == 1} style="border-top:0px;"{/if}>{$filter.name|escape}: <div class="icon"><i class="fa fa-angle-down"></i></div></div>

                            {if $filter.type == 'boolean'}
                            <div class="slideblock" {if $theme_settings.catalog_filter == 1}style="display:none;"{/if}>
                                <div class="checkboxfilter"><label class="radio"><input type="radio" name="{$filter.code}" {if $wa->get($filter.code)}checked{/if} value="1"> [`Yes`]</label></div>
                                <div class="checkboxfilter"><label class="radio"><input type="radio" name="{$filter.code}" {if $wa->get($filter.code) === '0'} checked{/if} value="0"> [`No`]</label></div>
                                <div class="checkboxfilter"><label class="radio"><input type="radio" class="any" name="{$filter.code}"{if $wa->get($filter.code, '') === ''} checked{/if} value=""> [`Any`]</label></div>
                            </div>
                            {elseif isset($filter.min)}

                            {$_v = $wa->get($filter.code)}

                            <div class="slider slideblock" {if $theme_settings.catalog_filter == 1}style="display:none;"{/if}>
                                <div class="rangefilter diaposon">
                                    <input type="text" class="min" name="{$filter.code}[min]" placeholder="{$filter.min}" {if !empty($_v.min)}value="{$_v.min}"{/if}>
                                    &nbsp;&nbsp;&#8212;&nbsp;&nbsp;
                                    <input type="text" class="max" name="{$filter.code}[max]" placeholder="{$filter.max}" {if !empty($_v.max)}value="{$_v.max}"{/if}>
                                    {if !empty($filter.unit)}<span class="unit">{$filter.unit.title}</span>{if $filter.unit.value != $filter.base_unit.value}<input type="hidden" name="{$filter.code}[unit]" value="{$filter.unit.value}">{/if}{/if}
                                </div>
                            </div>

                            {else}

                            <div class="group-filter slideblock" {if $theme_settings.catalog_filter == 1}style="display:none;"{/if}>
                                {foreach $filter.values as $v_id => $v}
                                <div class="checkboxfilter" {if $v@iteration > 5} style="display:none;"{/if}>
                                    <label class="checkbox"><input type="checkbox" name="{$filter.code}[]" {if in_array($v_id, (array)$wa->get($filter.code, array()))}checked{/if} value="{$v_id}"> {$v}</label>
                                </div>
                                {/foreach}
                                <!-- Show more filters -->
                                {if $filter.values|@count > 5}
                                    <a href="#" class="show-more">[`more`]</a>
                                {/if}
                            </div>

                            {/if}

                        </div>
                        {/if}
                        {/foreach}
                        {if $wa->get('sort')}<input type="hidden" name="sort" value="{$wa->get('sort')|escape}">{/if}
                        {if $wa->get('order')}<input type="hidden" name="order" value="{$wa->get('order')|escape}">{/if}
                        <div class="filtersubmit">
                            <div class="text-center">
                                <div class="clearfilter"><a href="#" class="btn">[`Clear filter`]</a></div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            {else}
            <div class="filters ajax"><form method="get" action="{$wa->currentUrl(0,1)}" data-loading="{$wa_theme_url}img/loading.gif" class="filterform"></form></div>
            {/if}

        {if $theme_settings.catalog_news && $wa->blog}
        <!-- null = blog id, 3 - qty -->
        {$latest_posts = $wa->blog->posts(null, 3)}
        {if $latest_posts}
        <div class="about-shop split hidden-md-down">
            <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><!-- hidden-xs -->
        {else}
        <div class="filters ajax"><form method="get" action="{$wa->currentUrl(0,1)}" data-loading="{$wa_theme_url}img/loading.gif" class="filterform"></form></div>
        {/if}

        {if !empty($filters) || $category.subcategories && $theme_settings.catalog_list || $theme_settings.home_view == 'split' || $theme_settings.catalog_news && $wa->blog}
        <div class="col-lg-9 col-md-8 col-sm-12">
            {$filter_fix = 1}
        {else}
        <div class="col-lg-12 col-md-12 col-sm-12">
            {$filter_fix = NULL}
         {/if}
                <!-- Breadcrumbs -->
                {if isset($breadcrumbs)}
                    {include file="breadcrumb.html" inline}
                {else}
                    <div class="breadcrumbs">
                        <ul>
                            <li><a href="{$wa_app_url}">[`Home`]</a></li>
                            <li>{$category.name|escape}</li>
                        </ul>
                    </div>
                {/if}
                <h1 class="category-name">
                    {if !empty($category.image) && isset($category.image)}
                        <img src="{$wa_url}wa-data/public/shop/categories/{$category.id}/{$category.id}.96{$category.image}">
                    {/if}
                    {$category.name|escape}</h1>
            {if !empty($filters)} <a href="#" class="show-filter hidden-sm-up">[`Filter products`]</a>{/if}

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

                <!-- subcategories -->
               {if $theme_settings.catalog_image && $category.subcategories}
                <div class="row subcategory-images">
                    {foreach $category.subcategories as $sc}
                        <div class="{if isset($filter_fix)}adaptive-filter col-lg-3 col-md-4 col-sm-6 col-xs-12{else}adaptive col-lg-5 col-md-4 col-sm-6 col-xs-12{/if}">

                            <div class="image">
                                <a href="{$sc.url}">
                                {if !empty($sc.image) && isset($sc.image)}
                                        <img src="{$wa_url}wa-data/public/shop/categories/{$sc.id}/{$sc.id}{$sc.image}">
                                    {else}

                                        {if !empty($sc.params.img)}
                                        <img src="{$sc.params.img}" alt="{$sc.name}"/>
                                        {else}
                                        <img src="{$wa_theme_url}img/no-foto-catalog.gif">
                                        {/if}

                                {/if}
                                </a>
                                {if isset($sc.params.badge)}<span class="category-badge hidden-md-down">{$sc.params.badge}</span>{/if}
                            </div>

                            <a href="{$sc.url}" class="link">{$sc.name|escape}</a>
                        </div>
                    {/foreach}
                </div>
                {/if}

                <!-- description -->
                {if $theme_settings.catalog_description == 'top' && $category.description && $wa->get('page', 1) == 1}
                <div class="category_description category-desc">
                    {$category.description}
                    <div class="read-more" {if $theme_settings.catalog_height}data-height="250"{/if}><a href="#"><i class="fa fa-plus"></i>  [`Show more`]</a></div>
                </div>
                {/if}

                <div id="product-list">
                    {if !$products}
                        {if !empty($filters)}
                            <p>[`No products were found.`]</p>
                                 <div class="clearfilter"><a href="#" class="btn">[`Clear filter`]</a></div>
                        </div>
                        {else}
                            {if !$theme_settings.no_product}<p>[`This category does not contain any products.`]</p>{/if}
                            </div>
                        {/if}

                    {else}

                        {$sorting=!empty($category.params.enable_sorting)}
                        {if !empty($sorting)}
                            {$sort_fields = ['name' => '[`Name`]', 'price' => '[`Price`]', 'total_sales' => '[`Bestsellers`]',
                            'rating' => '[`Customer rating`]',
                            'create_datetime'=>'[`Date added`]',
                            'stock' => '[`In stock`]']}
                            {if !isset($active_sort)}
                            {$active_sort = $wa->get('sort', 'create_datetime')}
                        {/if}

                    {/if}

                    <div class="sorting">

                        {if !empty($sorting)}
                        <ul class="nav-pills">
                            <li>
                                <a href="#" class="toggle-dropdown">{if !$wa->get('sort')}[`Sort by`]:{/if}{foreach $sort_fields as $sort => $name}{if $wa->get('sort') == $sort}{$name} {if $wa->get('order') == 'asc'}&darr;{else}&uarr;{/if}{else}{/if}{/foreach}</a>
                                <ul class="dropdown-second">
                                    {foreach $sort_fields as $sort => $name}
                                    <li{if $active_sort == $sort} class="selected"{/if}>{$wa->shop->sortUrl($sort, $name)}{if $active_sort == $sort}<span>{if $wa->get('order') == 'asc'}&darr;{else}&uarr;{/if}</span>{/if}</li>
                                    {if $wa->get('sort') == $sort}{$wa->title($wa->title()|cat:' — '|cat:$name)}{/if}
                                    {/foreach}
                                </ul>
                            </li>
                        </ul>
                        {/if}

                        {$product_count = $wa->shop->productsCount('category/'|cat:$category.id)}

                        {$first_page = explode(',', $theme_settings.catalog_per_page)}

                        {if $product_count > $first_page[0]}
                        {$products_per_page = waRequest::cookie('products_per_page', '', waRequest::TYPE_STRING)}
                        {if $first_page[0]}
                        <ul class="nav-pills product-per-page">
                            <li>
                                <a href="#" class="toggle-dropdown">[`Show by`]: {if $products_per_page}{$products_per_page}{/if}</a>
                                <ul class="dropdown-second">
                                    {foreach explode(',', $theme_settings.catalog_per_page) as $a}
                                    <li {if $products_per_page == $a}class="selected"{/if}><a href="#" data-page="{$a}">{$a}</a></li>
                                    {/foreach}
                                </ul>
                            </li>
                        </ul>
                        {/if}
                        {/if}

                        <div class="showtype hidden-xs-down">
                            <a href="#" class="{if $catalog_show != 'list' and $catalog_show != 'text'} active{/if}" data-list="thumbs"><i class="fa fa-th-large"></i></a>
                            <a href="#" class="{if $catalog_show == 'list'} active{/if}" data-list="list"><i class="fa fa-th-list"></i></a>
                            <a href="#" class="{if $catalog_show == 'text'} active{/if}" data-list="text"><i class="fa fa-align-justify"></i></a>
                        </div>
                    </div>

                    {if isset($pages_count) && $pages_count > 1}
                        {if !$theme_settings.catalog_lazy}{wa_pagination total=$pages_count attrs=['class' => "pagination"]}{/if}
                    {/if}


                    {$shop_desktop = waRequest::cookie('shop_desktop')}
                    {if $wa->isMobile() && $shop_desktop != '1'}

                        <!-- Thumbs -->
                        <div class="row lazy-wrapper container-catalog">
                            {include file="`$wa_active_theme_path`/list-thumbs.html" products=$products filter=$filter_fix type=$catalog_show}
                        </div>

                    {else}

                        {if $catalog_show == 'list'}
                        <!-- List -->
                        <div class="row lazy-wrapper">
                            {include file="`$wa_active_theme_path`/list-list.html" products=$products filter=$filter_fix type=$catalog_show}
                        </div>

                        {else if $catalog_show == 'text'}
                        <!-- Text -->
                        <div class="row lazy-wrapper margin-top">
                            {include file="`$wa_active_theme_path`/list-text.html" products=$products filter=$filter_fix type=$catalog_show}
                        </div>

                        {else if $catalog_show == 'thumbs'}
                        <!-- Thumbs -->
                        <div class="row lazy-wrapper container-catalog">
                            {include file="`$wa_active_theme_path`/list-thumbs.html" products=$products filter=$filter_fix type=$catalog_show}
                        </div>
                        {/if}

                    {/if}

                        {if isset($pages_count) && $pages_count > 1}
                        <div {if $theme_settings.catalog_lazy}class="lazyloading-paging"{/if}>
                            {wa_pagination total=$pages_count attrs=['class' => "pagination"]}
                        </div>
                        {/if}

                    </div>
                    {/if}

                    <!-- description -->
                    {if $theme_settings.catalog_description == 'bottom' && $category.description && $wa->get('page', 1) == 1}
                    <div class="category_description category_bottom category-desc">
                        {$category.description}
                        <div class="read-more" {if $theme_settings.catalog_height}data-height="250"{/if}><a href="#"><i class="fa fa-plus"></i>  [`Show more`]</a></div>
                    </div>
                    {/if}

                </div>
            </div>
        </div>

{/strip}