{strip}

{* Тип навигационного меню *}
{if $theme_settings.navigation_type == 'tree'}
    {$menu_type = 'menu-h-tree'}
{else}
    {$menu_type = 'menu-h'}
{/if}


<div class="{if !$theme_settings.navigation_width}container{/if}{if $theme_settings.navigation_invert} invert-menu{/if}  hidden-md-down">
{if $theme_settings.navigation_links == 'wa-apps'}
    <!-- wa-apps links -->
    {if $wa->apps()}
        <div class="container-menu-h">
            <ul class="{$menu_type}">
                {foreach $wa->apps() as $pages}
                <li><a href="{$pages.url}">{$pages.name}</a></li>
                {/foreach}
            </ul>
        </div>
    {/if}


{else if $theme_settings.navigation_links == 'catalog-site-pages'}
    {if $wa->shop}
        {if $categories_shop = $wa->shop->categories(0, null, true, true)}
        <div class="container-menu-h">
            {function shop_catalog_tree_nav}
            {foreach $items as $item}
            {if empty($item.hide)}
            <li class="{if !empty($item.childs)}tree{/if}">
                <a href="{$item.url}" title="{$item.name}">{$item.name}</a>
                {if !empty($item.childs)}
                <ul>
                    {shop_catalog_tree_nav items=$item.childs}
                </ul>
                {/if}
            </li>
            {/if}
            {/foreach}
            {/function}
            <ul class="menu-h-tree">
                <li class="tree"><a href="#" onclick="return false;"><i class="fa fa-bars" style="margin-right: 8px;"></i> [`Product list`]</a>
                    <ul>
                    {shop_catalog_tree_nav items=$categories_shop}
                    </ul>
                </li>
                {if $pages = $wa->site->pages()}
                    {function pages_tree}
                    {foreach $items as $item}
                    {if empty($item.hide)}
                    <li class="{if !empty($item.childs)}tree{/if}">
                        <a href="{$item.url}" title="{$item.name}">{$item.name}</a>
                        {if !empty($item.childs)}
                        <ul>
                            {pages_tree items=$item.childs}
                        </ul>
                        {/if}
                    </li>
                    {/if}
                    {/foreach}
                    {/function}
                    {pages_tree items=$pages}
                {/if}
            </ul>
        </div>
        {/if}
    {/if}

{else if $theme_settings.navigation_links == 'catalog-shop-pages'}
    {if $wa->shop}
        {if $categories_shop = $wa->shop->categories(0, null, true, true)}
        <div class="container-menu-h">
            {function shop_catalog_tree_nav}
            {foreach $items as $item}
            {if empty($item.hide)}
            <li class="{if !empty($item.childs)}tree{/if}">
                <a href="{$item.url}" title="{$item.name}">{$item.name}</a>
                {if !empty($item.childs)}
                <ul>
                    {shop_catalog_tree_nav items=$item.childs}
                </ul>
                {/if}
            </li>
            {/if}
            {/foreach}
            {/function}
            <ul class="menu-h-tree">
                <li class="tree"><a href="#" onclick="return false;"><i class="fa fa-bars" style="margin-right: 8px;"></i> [`Product list`]</a>
                    <ul>
                    {shop_catalog_tree_nav items=$categories_shop}
                    </ul>
                </li>
                {if $pages = $wa->shop->pages()}
                    {function pages_tree}
                    {foreach $items as $item}
                    {if empty($item.hide)}
                    <li class="{if !empty($item.childs)}tree{/if}">
                        <a href="{$item.url}" title="{$item.name}">{$item.name}</a>
                        {if !empty($item.childs)}
                        <ul>
                            {pages_tree items=$item.childs}
                        </ul>
                        {/if}
                    </li>
                    {/if}
                    {/foreach}
                    {/function}
                    {pages_tree items=$pages}
                {/if}
            </ul>
        </div>
        {/if}
    {/if}

{else if $theme_settings.navigation_links == 'catalog-waapps'}
    {if $wa->shop}
        {if $categories_shop = $wa->shop->categories(0, null, true, true)}
        <div class="container-menu-h">
            {function shop_catalog_tree_nav}
            {foreach $items as $item}
            {if empty($item.hide)}
            <li class="{if !empty($item.childs)}tree{/if}">
                <a href="{$item.url}" title="{$item.name}">{$item.name}</a>
                {if !empty($item.childs)}
                <ul>
                    {shop_catalog_tree_nav items=$item.childs}
                </ul>
                {/if}
            </li>
            {/if}
            {/foreach}
            {/function}
            <ul class="menu-h-tree">
                <li class="tree"><a href="#" onclick="return false;"><i class="fa fa-bars" style="margin-right: 8px;"></i> [`Product list`]</a>
                    <ul>
                    {shop_catalog_tree_nav items=$categories_shop}
                    </ul>
                </li>
                {foreach $wa->apps() as $pages}
                <li><a href="{$pages.url}">{$pages.name}</a></li>
                {/foreach}
            </ul>
        </div>
        {/if}
    {/if}

{else if $theme_settings.navigation_links == 'shop-pages'}
    <!-- shop pages -->
    {if $pages = $wa->shop->pages()}
        <div class="container-menu-h"{if $theme_settings.navigation_width} style="padding-bottom: 0;"{/if}>
        {wa_print_tree tree=$pages collapsible_class='tree' class={$menu_type} unfolded=true elem ='<a href=":url" title=":name" class=":hidden">:name</a>'}
        </div>
    {/if}

{else if $theme_settings.navigation_links == 'site-pages'}
    <!-- site pages -->
    {if $pages = $wa->site->pages()}
        <div class="container-menu-h"{if $theme_settings.navigation_width} style="padding-bottom: 0;"{/if}>
        {wa_print_tree tree=$pages collapsible_class='tree' class={$menu_type} unfolded=true elem ='<a href=":url" title=":name" class=":hidden">:name</a>'}
        </div>
    {/if}

{else if $theme_settings.navigation_links == 'shop-catalog'}

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

            <!-- shop categories -->

                {if $categories_shop}
                        <div class="container-menu-h"{if $theme_settings.navigation_width} style="padding-bottom: 0;"{/if}>
                            <ul class="{$menu_type}">


                                {if $theme_settings.navigation_type == 'smart'}

                                    {function shop_smart_nav}

                                        {foreach $item as $lvl2}
                                            {if isset($lvl2.params.col)}
                                                {if $lvl2.params.col == $col}
                                                    <div class="lvl2{if isset($lvl2.childs)}{if count($lvl2.childs) > 0} tree{/if}{/if}">
                                                        <a href="{$lvl2.url}">{$lvl2.name}</a>
                                                        {if isset($lvl2.childs)}
                                                            {if isset($lvl2.params.sub)}{$_sub = $lvl2.params.sub}{else}{$_sub = 1000}{/if}
                                                            {foreach $lvl2.childs as $lvl3}
                                                                <div class="lvl3-inner"{if $lvl3@iteration > $_sub} style="display: none;"{/if}>
                                                                    <a href="{$lvl3.url}">{$lvl3.name}</a>
                                                                </div>
                                                            {/foreach}
                                                        {/if}
                                                    </div>
                                                {/if}
                                            {/if}
                                        {/foreach}

                                    {/function}

                                    {foreach $categories_shop as $lvl1}
                                        <li class="smart-menu{if $lvl1.childs} tree{/if}"><a href="{$lvl1.url}">{$lvl1.name}</a>
                                            {if $lvl1.childs}
                                                <ul>
                                                    <li class="smart-menu-header hidden-md-down">{$lvl1.name}</li>
                                                        <li>
                                                            <div class="row">
                                                                <div class="col-lg-4 col-md-12 col-sm-12 col-xs-12">
                                                                    {shop_smart_nav item=$lvl1.childs col=1}
                                                                </div>
                                                                <div class="col-lg-4 col-md-12 col-sm-12 col-xs-12">
                                                                    {shop_smart_nav item=$lvl1.childs col=2}
                                                                </div>
                                                                <div class="col-lg-4 col-md-12 col-sm-12 col-xs-12">

                                                                    {if isset($lvl1.params.product)}

                                                                        <div class="product-menu  hidden-md-down">
                                                                            {$products_menu = $wa->shop->productSet($lvl1.params.product)}

                                                                            {foreach $products_menu as $a}
                                                                                {$products_item[] = $a.id}
                                                                            {/foreach}

                                                                            {assign var=randomindex value=$products_item|@array_rand}
                                                                            {$product_id = $products_item.$randomindex}
                                                                            {$p = $wa->shop->product($product_id)}
                                                                            {if isset($lvl1.params.title)}<div class="special">{$lvl1.params.title}</div>{/if}
                                                                            <div class="thumbnail-catalog one-product">
                                                                                {$badge_html = $wa->shop->badgeHtml($p.badge)}
                                                                                {if $badge_html}
                                                                                    <div class="badge-block">
                                                                                        {$badge_html}
                                                                                        {if $p.compare_price > 0}
                                                                                            <div class="badge discount">{$percent = 100-($p.price/$p.compare_price)*100}-{$percent|round:0}%</div>
                                                                                        {/if}
                                                                                    </div>
                                                                                {else}
                                                                                    <div class="badge-block">
                                                                                        {if $p.compare_price > 0}
                                                                                            <div class="badge discount">{$percent = 100-($p.price/$p.compare_price)*100}-{$percent|round:0}%</div>
                                                                                        {/if}
                                                                                    </div>
                                                                                {/if}
                                                                                <div class="image"><a href="{$p->getProductUrl($p.url)}">{$wa->shop->productImgHtml($p, '0x400', ['itemprop' => 'image',  'default' => "`$wa_theme_url`img/no-foto-catalog.gif"])}</a></div>
                                                                                <div class="name">
                                                                                    <a href="{$p->getProductUrl($p.url)}">{$p.name}</a>
                                                                                </div>
                                                                                <div class="summary">{strip_tags($p.summary)|truncate:100:"...":true|escape}</div>
                                                                                <div class="price">{if $p.compare_price > 0}<s>{wa_currency($p.compare_price, $p.currency)}</s>{/if}{wa_currency($p.price, $p.currency)}</div>
                                                                            </div>
                                                                            {$products_item = null}
                                                                        </div>
                                                                    {else}

                                                                        {shop_smart_nav item=$lvl1.childs col=3}

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

                                {else}

                                    {foreach $categories_shop as $lvl1}
                                        <li{if $lvl1.childs} class="tree"{/if}><a href="{$lvl1.url}">{$lvl1.name}</a>
                                            {if $lvl1.childs}
                                                <ul>
                                                    {foreach $lvl1.childs as $lvl2}
                                                        <li{if $lvl2.childs && !$theme_settings.navigation_menu} class="tree"{/if}><a href="{$lvl2.url}">{$lvl2.name} {if !empty($lvl2.params.badge)}<span class="category-badge hidden-md-down">{$lvl2.params.badge}</span>{/if}</a>
                                                            {if !$theme_settings.navigation_menu}
                                                                {if $lvl2.childs}
                                                                    <ul>
                                                                        {foreach $lvl2.childs as $lvl3}
                                                                            <li{if $lvl3.childs} class="tree"{/if}><a href="{$lvl3.url}">{$lvl3.name} {if !empty($lvl3.params.badge)}<span class="category-badge hidden-md-down">{$lvl3.params.badge}</span>{/if}</a>

                                                                                {if $lvl3.childs}
                                                                                    <ul>
                                                                                        {foreach $lvl3.childs as $lvl4}
                                                                                            <li><a href="{$lvl4.url}">{$lvl4.name} {if !empty($lvl4.params.badge)}<span class="category-badge hidden-md-down">{$lvl4.params.badge}</span>{/if}</a></li>
                                                                                        {/foreach}
                                                                                    </ul>
                                                                                {/if}

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

                                {/if}

                                <!-- plugin hook: 'frontend_nav' -->
                                {if isset($frontend_nav) and !empty($frontend_nav)}
                                {foreach $frontend_nav as $_key => $_}
                                <li class="tree plugin">
                                    <a href="javascript:void(0);" onClick="return false">
                                        {if substr($_key, -7) == '-plugin'}{$wa->pluginName(substr($_key, 0, -7))}{else}[`More`]{/if}
                                    </a>
                                    {$_}
                                </li>
                                {/foreach}
                                {/if}

                                {if isset($frontend_nav_aux) and !empty($frontend_nav_aux)}
                                {foreach $frontend_nav_aux as $_key => $_}
                                <li class="tree plugin">
                                    <a href="javascript:void(0);" onClick="return false">
                                        {if substr($_key, -7) == '-plugin'}{$wa->pluginName(substr($_key, 0, -7))}{else}[`More`]{/if}
                                    </a>
                                    {$_}
                                </li>
                                {/foreach}
                                {/if}

                                {if $theme_settings.navigation_type != 'smart'}
                                {if $theme_settings.navigation_tags}
                                    {$cloud = $wa->shop->tags()}
                                    {if $cloud}
                                    <li class="tree plugin tags">
                                        <a href="javascript:void(0);" onClick="return false">[`Tags`]</a>
                                        <ul>
                                        {foreach $cloud as $tag}
                                        <li><a href="{$wa_app_url}tag/{$tag.uri_name}/">{$tag.name|escape}</a></li>
                                        {/foreach}
                                        </ul>
                                    </li>
                                    {/if}
                                {/if}
                                {/if}

                            </ul>
                        </div>
                {/if}
            {/if}
        {/if}
{/if}

</div>
{if $theme_settings.navigation_overlay}
<div class="menu-overlay"></div>
{/if}

{* Дополнительное отображение каталога для мобильной версии *}
{if $theme_settings.navigation_links != 'shop-catalog'}
<div class="hidden-xs-up shop-catalog">
    <noindex>
    {wa_print_tree tree=$wa->shop->categories(0, null, true, true) collapsible_class='tree' class="menu-h" unfolded=true elem ='<a rel="nofollow" href=":url" title=":name" class=":hidden">:name</a>'}
    </noindex>
</div>
{/if}

<div class="container hidden-lg-up">
    <div class="container-menu-h">
        <div class="xs-menu">
            <ul>
                <li><a href="#" class="show-xs-menu"><i class="fa fa-bars"></i> [`Product list`]</a></li>
                {if $wa->shop}
                <li class="search hidden-sm-up"><a href="#"><i class="fa fa-search"></i></a></li>
                {/if}
            </ul>
        </div>
    </div>
    <div class="xs-menu-overlay">
        <ul class="clone-xs-menu">
            <li><div class="title">[`Product list`]</div><div class="close-block"><a href="#" class="dialog-close">&times;</a></div></li>
        </ul>
    </div>
</div>

{/strip}