{# <nav> #}
{#    <div class="menu"> #}
{#        <div class="menu-x"><i class="fas fa-times"></i></div> #}
{#        <div class="menu-line-wrapper"> #}
{#            <div class="menu-line"></div> #}
{#            <div class="menu-line"></div> #}
{#            <div class="menu-line"></div> #}
{#        </div> #}
{#    </div> #}
{#    <div class="online-katalog"><a href="#">{{ 'onlinekatalog'|trans|lower }}</a></div> #}
{# </nav> #}
{# <div class="open-menu-wrapper"> #}
{#    <div class="open-menu"> #}
{#        <div class="open-menu-navigation"> #}
{#            <div class="open-menu-products-links"> #}
{#                <ul> #}
{#                    <li class="open-menu-navigation-link om-main-link open-menu-product-groups"> #}
{#                        <ul class="open-menu-product-groups-links"> #}
{#                            {% for uk in urunkategorileri %} #}
{#                                {% set ukDil = uk.diller|filter(d => d.dil.kisaBaslik == app.request.locale)|first %} #}
{#                                <li class="open-menu-navigation-link"> #}
{#                                    <div class="om-in-link-wrapper"> #}
{#                                        <div class="om-in-link-a-wrapper"><p class="om-in-link-a">{{ ukDil.baslik }}</p></div> #}
{#                                        <div class="om-in-link-content"> #}
{#                                            <ul class="om-in-link"> #}
{#                                                {% for grup in uk.gruplar|filter(r => r.del == 0) %} #}
{#                                                    {% set grupDil = grup.diller|filter(d => d.dil.kisaBaslik == app.request.locale)|first %} #}
{#                                                    <li class="open-menu-navigation-link om-down-link"><a href="{{ path('app_main_urun_gruplari', {'link': ukDil.link, 'link2': grupDil.link}) }}">{{ grupDil.baslik }}</a></li> #}
{#                                                {% endfor %} #}
{#                                            </ul> #}
{#                                        </div> #}
{#                                    </div> #}
{#                                </li> #}
{#                            {% endfor %} #}
{#                        </ul> #}
{#                    </li> #}
{#                </ul> #}
{#            </div> #}
{#            <div class="open-menu-navigation-links"> #}
{#                <ul> #}
{#                    <li class="open-menu-navigation-link om-main-link"><a href="{{ path('app_main_default') }}">{{ 'anasayfa'|trans }}</a></li> #}
{#                    <li class="open-menu-navigation-link om-main-link"><a href="{{ path('app_main_hakkimizda') }}">{{ 'hakkimizda.hakkimizda'|trans }}</a></li> #}
{#                    <li class="open-menu-navigation-link om-main-link"><a href="{{ path('app_main_uretim') }}">{{ 'uretim.uretim'|trans }}</a></li> #}
{#                    <li class="open-menu-navigation-link om-main-link"><a href="{{ path('app_main_urun_gruplari') }}">{{ 'anasayfa.urungruplarikucuk'|trans }}</a></li> #}
{#                    <li class="open-menu-navigation-link om-main-link"><a href="{{ path('app_main_iletisim') }}">{{ 'iletisim.iletisim'|trans }}</a></li> #}
{#                    <div class="open-menu-navigation-social"> #}
{#                        {% for sm in sosyalmedya %} #}
{#                            <div class="open-menu-navigation-social-{{ sm.tip }}"><a href="{{ sm.link }}" target="_blank"><i class="fab fa-{{ sm.tip }}"></i></a></div> #}
{#                        {% endfor %} #}
{#                    </div> #}
{#                </ul> #}
{#                <ul class="open-menu-navigation-document-links"> #}
{#                    <li class="open-menu-navigation-link om-main-link"><a href="{{ path('app_main_cerez_politikasi') }}">{{ 'cerezpolitikamiz.cerezpolitikamiz'|trans }}</a></li> #}
{#                    <li class="open-menu-navigation-link om-main-link"><a href="{{ path('app_main_kvkk') }}">{{ 'kvkkmetni.kvkkmetni'|trans }}</a></li> #}
{#                </ul> #}
{#            </div> #}
{#        </div> #}
{#        <div class="open-menu-bg"></div> #}
{#        <div class="open-menu-image-wrapper"> #}
{#            <div class="open-menu-image"> #}
{#                <div class="open-menu-image-logo"> #}
{#                    <a href="{{ path('app_main_default') }}"> #}
{#                        <img src="{{ asset('assets/main/images/elefante.svg') }}" alt=""> #}
{#                    </a> #}
{#                </div> #}
{#                <img class="open-menu-bg-image" src="{{ asset('assets/main/images/pique.png') }}" alt=""></div> #}
{#        </div> #}
{#    </div> #}
{# </div> #}

{# <div class="select-language {% if route_name == 'app_main_default' or route_name == 'homepage' %}select-language-main{% endif %}"> #}
{#    <a class="language">{{ app.request.locale|upper }}</a> #}
{#    {% for dil in diller|filter(d => d.kisaBaslik != app.request.locale) %} #}
{#        <a class="language" href="{{ path('app_main_default', {'_locale': dil.kisaBaslik}) }}">{{ dil.kisaBaslik|upper }}</a> #}
{#    {% endfor %} #}
{#    <span class="border" style="transform: translateY(0px);"></span> #}
{# </div> #}


<div class="navbar__section-ham__wrapper__black-bg"></div>

<div class="navbar__section-ham__wrapper">
    <div class="navbar__section-ham__wrapper-top">
        <img src="{{ asset('assets/main/images/main-page/logo.png') }}" alt="logo">
        <button class="navbar__section-ham__wrapper-top-close__btn">
            <div class="navbar__section-ham__wrapper-top-close__btn__worker"></div>
            <div class="navbar__section-ham__wrapper-top-close__btn__worker"></div>
        </button>
    </div>
    <div class="navbar__section-links__wrapper">
        <a href="{{ path('app_main_default') }}"
           class="navbar__links HOME">HOME</a>
        <a href="{{ path('app_main_urun_gruplari') }}"
           class="navbar__links PRODUCTS">PRODUCTS</a>
        <a href="{{ path('app_main_hakkimizda') }}"
           class="navbar__links STORY">OUR STORY</a>
        <a href="{{ path('app_main_uretim') }}"
           class="navbar__links PRODUCTION">PRODUCTION</a>
        <a href="{{ path('app_main_blog') }}"
           class="navbar__links BLOG">BLOG</a>
        <a href="{{ path('app_main_iletisim') }}"
           class="navbar__links CONTACT">CONTACT</a>
    </div>

    <div class="navbar__section-ham__social__media__links__wrapper">
        <a href="https://www.instagram.com/elefante.officiall/" class="navbar__links">INSTAGRAM</a>
        <a href="" class="navbar__links">FACEBOOK</a>
        <a href="" class="navbar__links">LINKEDIN</a>
        <a href="https://wa.me/905325655203" class="navbar__links">WHATSAPP</a>
    </div>
</div>

<div class="navbar__section">
    <div class="navbar__section-logo__wrapper">
        <h4 class="navbar__section-search__and__onlinecatalog-online-text catalogue__opened">
            <a href="{{ path('app_main_katalog') }}">ONLINE
                <span>Catalogue</span></a>
        </h4>
        <a href="">
            <img src="{{ asset('assets/main/images/main-page/logo.png') }}" alt="navbar-logo"
                 class="navbar__section-logo__wrapper-img">
        </a>

        <button class="ham__menu">
            <div class="ham__menu-line"></div>
            <div class="ham__menu-line"></div>
            <div class="ham__menu-line"></div>
        </button>
    </div>
    <div class="navbar__section-search__and__onlinecatalog">
        <div class="navbar__section-search__and__onlinecatalog-online">
            <div class="navbar__section-search__and__onlinecatalog-online-border">
            </div>

            <a href="{{ path('app_main_katalog') }}" class="navbar__section-search__and__onlinecatalog-online-text catalogue__opened">
                ONLINE
                    <span>Catalogue</span>

            </a>
        </div>
    </div>
    <div class="navbar__section-links__wrapper">
        <a href="{{ path('app_main_default') }}"
           class="navbar__links HOME">HOME</a>
        <a href="{{ path('app_main_urun_gruplari') }}"
           class="navbar__links PRODUCTS">PRODUCTS</a>
        <a href="{{ path('app_main_hakkimizda') }}"
           class="navbar__links OUR">OUR STORY</a>
        <a href="{{ path('app_main_uretim') }}"
           class="navbar__links PRODUCTION">PRODUCTION</a>
        <a href="{{ path('app_main_blog') }}"
           class="navbar__links BLOG">BLOG</a>
        <a href="{{ path('app_main_iletisim') }}"
           class="navbar__links CONTACT">CONTACT</a>
    </div>

</div>