{#{% set user = getCustomerUser() %}
<header class="header header-2 header-intro-clearance">

    <div class="header-top">
        <div class="container">
            <div class="header-left">

                <div class="slogan">
                    {{ "header.top_slogan"|trans }}
                </div>

                <div class="social-icons">
                    <a href="{{ contact.facebookLink|default }}" class="social-icon social-facebook" title="Facebook" target="_blank"><i class="icon-facebook-f"></i></a>
                    <a href="{{ contact.instagramLink|default }}" class="social-icon social-instagram" title="Instagram" target="_blank"><i class="icon-instagram"></i></a>
                    <a href="{{ contact.youtubeLink|default }}" class="social-icon social-youtube" title="Youtube" target="_blank"><i class="icon-youtube"></i></a>
                </div>


            </div><!-- End .header-left -->

            <div class="header-right">

                {% set activeLocale  = getLang() %}
                <div class="locale-select">
                    <a class="dropdown-toggle nav-link" id="dropdown-flag" href="#" data-toggle="dropdown"
                       aria-haspopup="true" aria-expanded="false">
                        <i class="flag-icon flag-icon-{{ activeLocale.shortTitle|default|replace({'en': 'us'}) }}"></i>
                        <span class="selected-language"> {{ activeLocale.name }}</span>
                    </a>
                    <div class="dropdown-menu" aria-labelledby="dropdown-flag">
                        {% set langs = getLangs() %}
                        {% for k,lang in langs %}
                            {% if activeLocale.id|default != lang.id %}
                                <a class="dropdown-item" href="{{ path('main_homepage',{'_locale':lang.shortTitle}) }}"  >
                                    <i class="flag-icon flag-icon-{{ lang.shortTitle|replace({'en': 'us'}) }}"></i> {{ lang.name }}
                                </a>
                            {% endif %}
                        {% endfor %}


                    </div>
                </div>


#}{#                {% set activeCurrency  = getActiveCurrency() %}#}{#
#}{#                <div class="locale-select">#}{#
#}{#                    <a class="dropdown-toggle nav-link" id="dropdown-flag" href="#" data-toggle="dropdown"#}{#
#}{#                       aria-haspopup="true" aria-expanded="false">#}{#
#}{#                        <span class="selected-language"> {{ activeCurrency.shortTitle }} - {{ activeCurrency.title }}</span>#}{#
#}{#                    </a>#}{#
#}{#                    <div class="dropdown-menu" aria-labelledby="dropdown-flag">#}{#


#}{#                        {% set currencies = getCurrencies() %}#}{#
#}{#                        {% for k,currency in currencies %}#}{#
#}{#                            {% if activeCurrency.id|default != currency.id %}#}{#
#}{#                                <a class="dropdown-item" href="{{ path('main_change_currency',{'alias':currency.shortTitle|lower}) }}"  >#}{#
#}{#                                    {{ currency.shortTitle }} - {{ currency.title }}#}{#
#}{#                                </a>#}{#
#}{#                            {% endif %}#}{#
#}{#                        {% endfor %}#}{#


#}{#                    </div>#}{#
#}{#                </div>#}{#


            </div><!-- End .header-right -->

        </div><!-- End .container -->
    </div><!-- End .header-top -->

    <div class="header-middle sticky-header ">
        <div class="container">
            <div class="header-left">
                <button class="mobile-menu-toggler">
                    <span class="sr-only">Toggle mobile menu</span>
                    <i class="icon-bars"></i>
                </button>

                <div class="logo-container">
                    <div class="nb-circle-outside"><div class="nb-circle-inside"></div></div>

                    <a href="{{ path('main_homepage') }}" class="logo">
                        {% set logoImg = setting.logo|default %}
                        {% set dir = getParameters('site_logo_dir')  %}
                        <img src="{{ asset(dir~logoImg) }}" alt="" width="200">
                    </a>
                </div>

            </div><!-- End .header-left -->

            <div class="header-center menu-section  ">
                <nav class="main-nav">
                    {% include "main/common/_menu.html.twig" %}
                </nav><!-- End .main-nav -->
            </div>

            <div class="header-right">
                <div class="header-search">
                    <a href="#" class="search-toggle" role="button" title="Search"><i class="icon-search"></i></a>
                    <form action="{{ path('main_product_search') }}" method="get">
                        <div class="header-search-wrapper">
                            <label for="q" class="sr-only">Search</label>
                            <input type="search" class="form-control" name="q" id="q" placeholder="Aranacak kelime..." minlength="3" required>
                        </div><!-- End .header-search-wrapper -->
                    </form>
                </div><!-- End .header-search -->


                {% if user %}
                    <div class="account">
                        <a href="javascript:" title="My account" class="nav-link"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <div class="icon">
                                <i class="cicon cicon-user"></i>
                            </div>
                            <p>
                                {{ "header.menu.my_account"|trans }}
                            </p>
                        </a>
                        <div class="dropdown-menu dropdown-account">
                            <a href="{{ path('main_account_index') }}" class="dropdown-item">
                                <i class="fas fa-user"></i>
                                <span>{{ "header.menu.my_account_info"|trans }}</span>
                            </a>
                            <a href="{{ path('main_account_order') }}" class="dropdown-item">
                                <i class="fas fa-shopping-cart"></i>
                                <span>{{ "header.menu.my_orders"|trans }}</span>
                            </a>
                            <a href="{{ path('security_logout') }}" class="dropdown-item">
                                <i class="fas fa-sign-out-alt"></i>
                                <span>{{ "auth.logout"|trans }}</span>
                            </a>
                        </div>
                    </div>

                    {% set wishlist = getWishListCount()|default %}
                    <div class="wishlist">
                        <a href="{{ path('main_wishlist_index') }}" title="Wishlist">
                            <div class="icon">
                                <i class="cicon cicon-wishlist"></i>
                            </div>
                            <span class="wishlist-count badge">{{ wishlist|default("0") }}</span>
                            <p>{{ "product.wishlist.title"|trans }}</p>
                        </a>
                    </div>
                {% else %}

                    <div class="account">
                        <a href="{{ path('main_register') }}" title="Üye Ol">
                            <div class="icon">
                                <i class="cicon cicon-user-plus"></i>
                            </div>
                            <p>{{ "auth.register.title"|trans }}</p>
                        </a>
                    </div>
                    <div class="account">
                        <a href="{{ path('main_login') }}" title="Giriş Yap">
                            <div class="icon">
                                <i class="cicon cicon-user-login"></i>
                            </div>
                            <p>{{ "auth.login.title"|trans }}</p>
                        </a>
                    </div>

                {% endif %}



                {% set cart = getUserCart()|default %}

                <div class="dropdown cart-dropdown">
                    <a href="#" class="dropdown-toggle" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static">
                        <div class="icon">
                            <i class="cicon cicon-cart"></i>
                        </div>
                        <span class="cart-count">{{ cart|length|default("0") }}</span>
                        <p>{{ "order.sidebar.my_cart"|trans }}</p>
                    </a>

                    <div class="dropdown-menu dropdown-menu-right ">
                        <div class="cart-view"></div>
                    </div><!-- End .dropdown-menu -->
                </div><!-- End .cart-dropdown -->


            </div><!-- End .header-right -->
        </div><!-- End .container -->

    </div><!-- End .header-middle -->


</header><!-- End .header -->#}
{% set user = getCustomerUser() %}
<header class="header header-2 header-intro-clearance">
    <div class="notification-bar">
        <div class="container text-center">
            <p> Pike ürünlerinde kış <b>%25</b> indirim </p><a href="#">&nbsp;Şimdi satın al ...</a>
        </div>
        <button type="button" class="close">
            <i class="la la-close"></i>
        </button>
    </div>
    <div class="header-top">
        <div class="container">
            <div class="header-left">

                <ul class="top-contact-info">
                    <li>
                        <i class="la la-phone"></i> {{ contact.customerServiceNumber|default }}
                    </li>
                    <li>
                        <i class="la la-envelope"></i> {{ contact.email|default }}
                    </li>
                </ul>

            </div><!-- End .header-left -->
            <div class="header-right">

                <ul class="top-menu">
                    <li>
                        <a href="#">Hızlı Menü</a>
                        <ul>
                            <li><a href="{{ path('main_blog_index') }}">Blog</a></li>
                            <li><a href="{{ path('main_page_index',{'alias':'hakkimizda'}) }}">Hakkımızda</a></li>
                            <li><a href="{{ path('main_contact_index') }}">İletişim</a></li>
                            {% if app.user %}
                                <li><a href="{{ path('security_logout') }}">Çıkış Yap</a></li>
                            {% else %}
                                <li><a href="javascript:" data-ajax-modal data-href="{{ path('main_login') }}">Giriş Yap</a></li>
                                <li><a href="{{ path('main_register') }}">Kayıt Ol</a></li>
                            {% endif %}

                        </ul>
                    </li>
                </ul><!-- End .top-menu -->
            </div><!-- End .header-right -->
        </div><!-- End .container -->
    </div><!-- End .header-top -->

    <div class="header-middle sticky-header ">
        <div class="{#container#} row px-5 align-items-center">
            <div class="{#header-left#} col-lg-2">
                <button class="mobile-menu-toggler">
                    <span class="sr-only">Toggle mobile menu</span>
                    <i class="icon-bars"></i>
                </button>

                <a href="{{ path('main_homepage') }}" class="logo">
                    <img src="{{ asset('assets/main/images/custom/logo.svg') }}" alt="" width="200">
                </a>
            </div><!-- End .header-left -->
            <div class="{#header-center#} col-lg-7 menu-section">
                <nav class="main-nav">
                    {% include "main/common/_menu.html.twig" %}
                </nav><!-- End .main-nav -->
            </div>
            <div class="{#header-right#} col-lg-3 d-flex justify-content-end">
                <div class="header-search d-flex align-items-center">
                    <a href="#" class="search-toggle" role="button" title="Search"><i class="icon-search"></i></a>
                    <form action="{{ path('main_product_search') }}" method="get">
                        <div class="header-search-wrapper">
                            <label for="q" class="sr-only">Search</label>
                            <input type="search" class="form-control" name="q" id="q" placeholder="Aranacak kelime..."
                                   minlength="3" required>
                        </div><!-- End .header-search-wrapper -->
                    </form>
                </div><!-- End .header-search -->
                <div class="account">
                    <a href="{{ path('main_account_index') }}" title="My account">
                        <div class="icon">
                            <i class="icon-user"></i>
                        </div>
                        <p>Hesap</p>
                    </a>
                </div><!-- End .compare-dropdown -->

                {% if user %}
                    {% set wishlist = getWishListCount()|default %}
                {% endif %}

                <div class="wishlist">
                    <a href="{{ path('main_wishlist_index') }}" title="Wishlist">
                        <div class="icon">
                            <i class="icon-heart-o"></i>
                            <span class="wishlist-count badge">{{ wishlist|default("0") }}</span>
                        </div>
                        <p>Favorilerim</p>
                    </a>
                </div>

                {% set cart = getUserCart()|default %}

                <div class="dropdown cart-dropdown">
                    <a href="#" class="dropdown-toggle" role="button" data-toggle="dropdown" aria-haspopup="true"
                       aria-expanded="false" data-display="static">
                        <div class="icon">
                            <i class="icon-shopping-cart"></i>
                            <span class="cart-count">{{ cart|length|default("0") }}</span>
                        </div>
                        <p>Sepet</p>
                    </a>

                    <div class="dropdown-menu dropdown-menu-right ">
                        <div class="cart-view"></div>
                    </div><!-- End .dropdown-menu -->
                </div><!-- End .cart-dropdown -->


            </div><!-- End .header-right -->
        </div><!-- End .container -->
        <div class="colorfulBand">
            <div class="purple" style="background: #ba8b63;"></div>
            <div class="lightBlue" style="background: #a5663d;"></div>
            <div class="orange" style="background: #825a3b;"></div>
            <div class="yellow" style="background: #b09a87"></div>
            <div class="darkPurple" style="background: #99532a"></div>
            <div class="green" style="background: #b8794e"></div>
        </div>
    </div><!-- End .header-middle -->

</header><!-- End .header -->