{if
    $page == 'index' OR
    $page == 'product' OR
    $page == 'cart' OR
    $page == 'checkout' OR
    $page == '404' OR
    (isset($smarty.get.page_action) && $smarty.get.page_action == 'login') OR
    (isset($smarty.get.page_action) && $smarty.get.page_action == 'order_info')
}
    {assign var="show_index_boxes" value="false"}
{else}
    {assign var="show_index_boxes" value="true"}
{/if}
{hook key=index_top}
<div id="site-wrap" class="{$page}-wrap{if $page != 'index'} subpage-wrap{/if}{if isset($smarty.get.page_action)} {$smarty.get.page_action}-action-wrap{/if} shop{$smarty.const.EW_EVELATIONS_SHOP_ID}" role="main">
    {if !isset($smarty.get.viewport) || $smarty.get.viewport != 'modal'}
        <div id="header">
            <div class="header-bg">
                {box name=noscript htmlonly=1}
                <div id="meta-navigation">
                    <div class="container">
                        <ul class="hidden-xs hidden-sm list-inline pull-left user text-muted">
                            {hook key=meta_nav_left_first}
                            {box name=xt_country_preselect}
                            {hook key=ew_evelations_navmeta}
                            {hook key=meta_nav_left_last}
                        </ul>
                        <ul class="list-inline pull-right user text-muted">
                            {hook key=meta_nav_right_first}
                            <li class="hidden-xs hidden-md hidden-lg"><i class="fa fa-search"></i> <a href="javascript:void(0);" class="open-mobile-search">{txt key=BUTTON_SEARCH}</a></li>
                            <li><i class="checkout-icon fa fa-check-square"></i> <a href="{link page='checkout' paction='shipping' conn=SSL}">{txt key=TEXT_CHECKOUT}</a></li>
                            {if $account == true}
                                <li><i class="fa fa-user"></i> <a href="{link page='customer' conn=SSL}">{txt key=TEXT_ACCOUNT}</a></li>
                                {if $registered_customer}
                                    <li><i class="fa fa-sign-out"></i> <a href="{link page='customer' paction='logoff' conn=SSL}">{txt key=TEXT_LOGOFF}</a></li>
                                {else}
                                    <li><i class="fa fa-sign-in"></i> <a href="{link page='customer' paction='login' conn=SSL}" data-toggle="modal" data-target="#loginModal" data-remote="false">{txt key=TEXT_LOGIN}</a></li>
                                {/if}
                            {elseif $guest_account == true}
                                {if $amazon_customer}
                                    <li><i class="fa fa-sign-out"></i> <a href="{link page='customer' paction='logoff' conn=SSL}">{txt key=TEXT_LOGOFF}</a></li>
                                {else}
                                    <li><i class="fa fa-sign-out"></i><a href="{link page='customer' paction='logoff' conn=SSL}">{txt key=TEXT_LOGOFF_GUEST}</a></li>
                                {/if}
                            {/if}
                            {hook key=meta_nav_right_last}
                        </ul>
                        <div style="clear:both;"></div>
                    </div>
                </div>
                <div class="mobile-logo-container visible-xs-block">
                    <p class="logo text-center">
                        <a class="text-muted" href="{link page='index'}" title="{txt key=TEXT_HOME} {$smarty.const._STORE_NAME}">
                            <img src="media/logo/{$smarty.const._STORE_LOGO}" alt="{txt key=TEXT_HOME} {$smarty.const._STORE_NAME}" class="img-responsive"/>
                        </a>
                    </p>
                </div>
                <div class="container">
                    <div id="header-top" class="row hidden-xs">
                        <div class="col col-sm-4 branding">
                            <div class="logo"><a href="{link page='index'}" class="text-muted" title="{txt key=TEXT_HOME} {$smarty.const._STORE_NAME}"><img class="img-responsive" src="media/logo/{$smarty.const._STORE_LOGO}" alt="{txt key=TEXT_HOME} {$smarty.const._STORE_NAME}" /></a></div>
                            {if $smarty.const._STORE_STORE_CLAIM|strip_tags|trim != ''}<p class="slogan text-muted">{$smarty.const._STORE_STORE_CLAIM}</p>{/if}
                        </div>
                        <div class="col col-sm-4 col-md-2">
                            <div class="header-info">
                                {box name=header htmlonly=1}
                            </div>
                        </div>
                        <div class="col col-sm-4 col-md-6">
                            {box name=cart}
                            {box name=search htmlonly=1}
                            {*box name=topcategories*}
                        </div>
                    </div>
                </div>
            </div>
            <div id="main-navigation" class="navbar navbar-default" role="navigation">
                <div class="container">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle btn-mobile" data-toggle="collapse" data-target="#mobile-menu">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a href="{link page='index'}" title="{$smarty.const._STORE_NAME}" class="btn btn-mobile home-btn hidden-sm hidden-md hidden-lg">
                            <i class="fa fa-home"></i>
                        </a>
                        <button type="button" class="btn-mobile search-btn open-mobile-search hidden-sm hidden-md hidden-lg" aria-label="{txt key=TEXT_SEARCH}">
                            <i class="fa fa-search"></i>
                        </button>
                        {box name=cart}
                    </div>
                    <div id="main-navigation-top" class="navbar-collapse collapse hidden-xs">
                        <ul class="nav navbar-nav">
                            {hook key=ew_evelations_navbar}
                        </ul>
                        <ul class="nav navbar-nav navbar-right nav-button-cart hidden-xs">
                            <li>
                                <a href="{link page='cart'}" class="btn btn-default button-cart text-default {if isset($smarty.get.page) && $smarty.get.page == 'cart'} active{/if}">
                                    <span class="sr-only">{txt key=TEXT_CART}</span>
                                    <i class="fa fa-2x fa-shopping-cart"></i>
                                </a>
                            </li>
                        </ul>
                        <div class="clearfix"></div>
                    </div>

                </div>
            </div><!-- #main-navigation -->

            {if defined('CONFIG_EW_EVELATIONS_PLUGIN_MEGANAV') && $smarty.const.CONFIG_EW_EVELATIONS_PLUGIN_MEGANAV|trim == '1'}
                <div class="mega-menu-cover"> </div>
                <div id="mega-menu" class="mega-menu hidden hidden-xs"> </div>
            {/if}

        </div><!-- #header -->

        {hook key=pre_content_container}
        {if !isset($disable_content_container)}
            <div id="container"{if $page == '404' || $page == 'checkout'} class="no-breadcrump-container"{/if}>
                {hook key=container_top}

                {if $page != 'index' && $page != '404' && $page != 'checkout'}
                    {include file="xtCore/pages/navigation/breadcrumb.html" type="tpl_include"}
                {/if}

                {hook key=ew_evelations_teaser}
                {hook key=ew_evelations_usp}

                {if $page == 'index' }{$content}{/if}

                {* <!-- hook for cached xt_startpage_products --> *}
                {hook key=ew_evelations_startpage_top}

                {hook key=ew_evelations_startpage_bottom}

                {if $page == 'index' }
                <div class="container">
                    {page name=xt_live_shopping type=user order_by=rand limit=7  tpl="product_listing_slider.html"}
                </div>
                {/if}

                {hook key=ew_evelations_seotext}

                <div id="content" class="container">
                    <div class="row">
                        <div class="col{if $show_index_boxes == 'true'} col-sm-8 col-sm-push-4 col-md-9 col-md-push-3 {else} col-sm-12{/if} primary">
                            {if $page != 'index' }{$content}{/if}
                            {* <!-- hook for other cached product listings --> *}
                        </div>
                        {if $show_index_boxes == 'true'}
                            <div class="col col-sm-4 col-sm-pull-8 col-md-3 col-md-pull-9 secondary">
                                <hr class="hidden-sm hidden-md hidden-lg content-splitter" />
                                {hook key=index_boxes_top}
                                {hook key=ew_evelations_nav}
                                {hook key=index_boxes_middle}
                                {*box name=xt_blog_latest_comments limit=5 type=user*}
                                {box name=xt_blog box_type=featured_messages limit=5 type=user}
                                {hook key=sidebar_products_top}
                                {* <!-- hook for cached sidebar contents --> *}
                                {hook key=ew_evelations_sidebar_boxes show=$show_index_boxes}
                                {hook key=sidebar_products_bottom}
                                {hook key=index_boxes_bottom}
                            </div>
                        {/if}
                    </div>
                    {if $page == 'index' }
                        {hook key=ew_evelations_topcategories}
                        {box name=startpage_categories}
                    {/if}
                </div><!-- #content -->

                {if $page != 'checkout'}
                {*box name=manufacturers_slider order_by='m.manufacturers_name'*}
                {/if}

                {hook key=container_bottom}
            </div><!-- #container -->
        {/if}
        {hook key=after_content_container}

        <div id="footer">
            <div class="container" id="footer-accordion" >
                <div class="row footer-top">
                    <div class="col col-sm-4 col-1">
                        {include file="includes/box_cache_wrap.html" name=footer_contact htmlonly=1 type="tpl_include"}
                    </div>
                    <div class="col col-sm-4 col-1">
                        {hook key=ew_evelations_footer_info}
                        {include file="includes/box_cache_wrap.html" name=footer_left htmlonly=1 type="tpl_include"}
                    </div>
                    <div class="col col-sm-4 col-2">
                        {hook key=ew_evelations_footer_content}
                        {include file="includes/box_cache_wrap.html" name=footer_right htmlonly=1 type="tpl_include"}
                    </div>
                </div>
                <div class="row footer-bottom">
                    <div class="col col-sm-4 col-1">
                        {include file="includes/box_cache_wrap.html" name=manufacturers htmlonly=0 order_by='m.manufacturers_name' type="tpl_include"}
                    </div>
                    <div class="col col-sm-4 col-2">
                        {box name=currency}
                    </div>
                    <div class="col col-sm-4 hidden-sm hidden-md hidden-lg">
                        {box name=language}
                    </div>
                    <div class="col col-sm-4 col-3">
                        {include file="includes/box_cache_wrap.html" name=payment_logos htmlonly=0 type="tpl_include"}
                        {box name=trusted_shops_ratings}
                        {box name=trusted_shops_seal}
                        {box name=trusted_shops_video}
                    </div>
                </div>
                <div class="row">
                    <div class="col col-xs-12">
                        {if defined('CONFIG_EW_EVELATIONS_PLUGIN_LISTING_FOOTERTAX') && $smarty.const.CONFIG_EW_EVELATIONS_PLUGIN_LISTING_FOOTERTAX|trim == '1'}
                            <p class="img-thumbnail tax-footer"><small>* {txt key=TEXT_EW_EVELATIONS_TAX_FOOTER}</small></p>
                        {/if}
                    </div>
                </div>
            </div>
            <div id="footer-meta" class="text-center text-muted">
                <ul class="navmeta visible-xs-block visible-sm-block list-unstyled">
                    {hook key=ew_evelations_navmeta}
                </ul>
                {if $smarty.const.CONFIG_EW_EVELATIONS_PLUGIN_SIDEBUTTONS == 0}
                    <div class="hidden-xs">
                        {box name=language}
                    </div>
                {/if}
                {box name=trusted_shops_rich_snippet}
                [<copyright>]
                {hook key=index_footer_tpl}
            </div>
        </div><!-- #footer -->

        <a id="back-to-top" class="affix-top backtotop btn btn-primary img-circle ripple" href="javascript:void(0)">
            <i class="fa fa-chevron-up"></i>
            <span class="sr-only">Back to Top</span>
        </a>

        <div id="mobile-search" class="box-search hidden-md hidden-lg">
            {form id="search-box-form" type=form name=search_box action='search' link_params=getParams method=get conn=SSL role="form"}
                {form type=hidden name=page value=search}
                {form type=hidden name=page_action value=query}
                {form type=hidden name=desc value="on"}
                {form type=hidden name=sdesc value="on"}
            <button type="button" class="close"><i class="fa fa-times-circle-o"></i><span class="sr-only">{txt key=TEXT_CLOSE}</span></button>
            <div class="form-group">
                <div class="input-group input-group-lg panel-shadow">
                    <input class="form-control" type="search" id="keywords" name="keywords" placeholder="{txt key=TEXT_ENTER_SEARCH_TERM}" aria-label="{txt key=TEXT_ENTER_SEARCH_TERM}" value="{if isset($smarty.get.keywords)}{$smarty.get.keywords|strip_tags}{/if}" />
                    <span class="input-group-btn">
                        <button type="submit" class="btn btn-default">
                            <span class="glyphicon glyphicon-search"></span>
                            <span class="sr-only">{txt key=BUTTON_SEARCH}</span>
                        </button>
                    </span>
                </div>
            </div>
            {form type=formend}
        </div>

        {hook key=ew_evelations_navbar_mobile}

        {* <!-- Docked Sidenavigation --> *}
        {box name=floating_boxes htmlonly=1}

        {include file="includes/box_cronjob_wrap.html" name=manufacturers htmlonly=0 type="tpl_include"}

    {else}
        {$content}
    {/if}
</div>

<div id="loginModal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="false">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">
                    <span aria-hidden="true">&times;</span>
                    <span class="sr-only">Close</span>
                </button>
                <p class="h3 modal-title">{txt key=TEXT_LOGIN}</p>
            </div>
            <div class="modal-body">
                {box name=loginbox}
            </div>
        </div>
    </div>
</div><!-- #loginModal -->