{*  ========================================================================== 
    index.html
    - append overlay menu (TODO)
    - add categories and secondary-navigation to inside area of header (TODO)
    ========================================================================== *}

{assign var="hideLogo" value={template_setting name="gx-hide-logo-col"}}
{assign var="hideSearch" value={template_setting name="gx-hide-search-col"}}
{assign var="hideCustom" value={template_setting name="gx-hide-custom-1-col"}}
{assign var="hideCart" value={template_setting name="gx-hide-cart-col"}}
{assign var="showTopSearch" value={template_setting name="gx-show-search-top-nav"}}
{assign var="offcanvasCart" value=true}


{block name="index_outer_wrapper_header" append}
    <button id="meco-overlay-menu-toggle" data-toggle="menu" class="c-hamburger c-hamburger--htx visible-xs-block">
        <span></span> Menü
    </button>
    <div id="meco-overlay-menu">
        {block name="index_outer_wrapper_header_inside_top_search_if"}
            {assign var="hideSearch" value={template_setting name="gx-hide-search-col"}}
            {if !$hideSearch}
                <div class="meco-overlay-menu-search">
                    {block name="index_outer_wrapper_header_inside_top_search"}{$TOP_SEARCH|replace:"navbar-search":""|replace:"input-group":""}{/block}
                </div>
            {/if}
        {/block}
{*         {block name="index_outer_wrapper_header_categories_top_if"}
            {block name="layout_header_categories"}
                <div id="meco-categories" class="meco-overlay-categories">
                    {block name="layout_header_categories_nav"}
                        <nav class="navbar-inverse">
                            {if $CATEGORIES_TOP}
                                {block name="index_outer_wrapper_header_categories_top"}
                                    {$CATEGORIES_TOP=$CATEGORIES_TOP|replace:"###CONTENT_TOP###":$CONTENT_TOP}
                                    {$CATEGORIES_TOP}
                                {/block}
                            {else}
                                {block name="index_content_top"}{$CONTENT_TOP}{/block}
                            {/if}
                        </nav>
                    {/block}
                </div>
            {/block}
        {/block}
        {block name="index_outer_wrapper_header_top_navigation"}
            {include file="get_usermod:{$tpl_path}layout_secondary_navigation.html" assign="SECONDARY_NAVIGATION"}
            {$SECONDARY_NAVIGATION|replace:"id=\"topbar-container\"":"id=\"meco-topbar\" class=\"meco-overlay-secondary-navigation\""}
        {/block} *}
        {block name="index_outer_wrapper_header_categories_top_if"}
            {block name="layout_header_categories"}
                <div id="categories">
                    <div class="navbar-collapse collapse">
                        {block name="layout_header_categories_nav"}
                            <nav class="navbar-default navbar-categories" data-gambio-widget="menu">
                                {if $CATEGORIES_TOP}
                                    {block name="index_outer_wrapper_header_categories_top"}
                                        {$CATEGORIES_TOP=$CATEGORIES_TOP|replace:"###CONTENT_TOP###":$CONTENT_TOP}
                                        {$CATEGORIES_TOP}
                                    {/block}
                                {else}
                                    {block name="index_content_top"}{$CONTENT_TOP}{/block}
                                {/if}
                            </nav>
                        {/block}
                    </div>
                </div>
            {/block}
        {/block}
    </div>
{/block}