<header class="komili-header"> 
    <div class="komili-wrapper"> 
        <a href="{{ path('home') }}"> 
            <img src="{{ asset('img/komili-logo.svg') }}" alt="Komili" width="105" height="50"> 
        </a> 
        <div class="komili-header-right"> 
            <a href="javascript:;" class="komili-mobile-hamb"> 
                <img src="{{ asset('img/icon-hamb.svg') }}" alt="Mobil Menü"> 
            </a> 
            <nav class="komili-nav"> 
                <a href="havascript:;" class="komili-hamb-close"> 
                    <img src={{ asset('img/icon-close.svg')}} alt="{{ 'Close'|trans }}"> 
                </a> 
                <ul> 
                    <li> 
                        <a href="{{ path('product', {'_locale': app.request.locale}) }}" 
                           title="{{ 'PRODUCT'|trans }}">{{ 'PRODUCT'|trans }}</a> 
                    </li> 
                    <li> 
                        <a href="{{ path('blog', {'_locale': app.request.locale}) }}" 
                           title="{{ 'BLOG'|trans }}">{{ 'BLOG'|trans }}</a> 
                    </li> 
                    <li> 
                        <a href="{{ path('about', {'_locale': app.request.locale}) }}" 
                           title="{{ 'ABOUT'|trans }}">{{ 'ABOUT'|trans }}</a> 
                    </li> 
                    <li> 
                        <a href="{{ path('contact', {'_locale': app.request.locale}) }}" 
                           title="{{ 'CONTACT'|trans }}">{{ 'CONTACT'|trans }}</a> 
                    </li> 
                    <li class="komili-search"> 
                        <a href="javascript:;" title="Ara"> 
                            <img src="{{ asset('img/icon-search.svg') }}" alt="{{ 'Search'|trans }}"> 
                        </a> 
 
                        <div class="komili-search-box"> 
                            <input type="text" class="form-input" placeholder="{{ 'Search...'|trans }}"> 
                        </div> 
                    </li> 
                     
                  <li class="komili-lang"> 
                      <a href="javascript:;" title="Dil Seçimi">{{ app.request.get('_locale') | upper}} <img src="{{ asset('img/icon-right.svg') }}" alt=""></a> 
                       <ul> 
                          <li> 
                               <a href="{{ url('home', {'_locale': 'tr'}) }}" {% if app.request.get('_locale') == 'tr' %}class="link-s"{% endif %}>Türkçe</a> 
                           </li> 
                            <li> 
                                <a href="{{ url('home', {'_locale': 'en'}) }}" {% if app.request.get('_locale') == 'en' %}class="link-s"{% endif %}>English</a> 
                          </li> 
                     </ul> 
                  </li> 
                    <li class="komili-social"> 
                        <a href="https://www.instagram.com/komili_tr/" target="_blank" title="Instagram"> 
                            <img src="{{ asset('img/icon-instagram.svg') }}" alt="Instagram" loading="lazy" width="24" height="24"> 
                        </a> 
                    </li> 
                    <li class="komili-social"> 
                        <a href="https://www.facebook.com/Komilitr" title="Facebook" target="_blank"> 
                            <img src="{{ asset('img/icon-facebook.svg') }}" alt="Facebook" loading="lazy" width="24" 
                                 height="24"> 
                        </a> 
                    </li> 
                    <li class="komili-social"> 
                        <a href="https://twitter.com/Komili_1878" title="Twitter" target="_blank"> 
                            <img src="{{ asset('img/icon-twitter.svg') }}" alt="Twitter" loading="lazy" width="24" height="24"> 
                        </a> 
                    </li> 
                </ul> 
            </nav> 
        </div> 
    </div> 
</header>