<div class="loader"></div>
<header class="global-header">
    <div class="header-content-wrapper">
        <nav class="global-nav">
            {% include "components/_header-router.html.twig" with { mobile: true } %}
            <div class="logo-container-wrapper">
                <div class="logo-container">
                    <a class="logo-img" href="{{ path('homepage') }}"><img src="{{ asset('img/logo.png') }}" alt="Technoone" title="Technoone" id="logo"></a>
                </div>
            </div>
            <ul class="global-nav-links hide_1024">
                <div class="nav-cursor"></div>
                <li>
                    <a{% if breadcrumb is defined and "corporate" in breadcrumb %} class="current"{% endif %}>{{ "corporate"|trans|title }}</a>
                    <div class="nav-dropdown-wrapper">
                        <div class="nav-dropdown">
                            <div class="nav-dropdown-router-side">
                                <a href="{{ path('about_us') }}" class="nav-dropdown-router-item" title="{{ "about_us"|trans|title }}">
                                    <div class="nav-dropdown-router-title">{{ "about_us"|trans|title }}</div>
                                    <span>{{ "about_us_description"|trans}}</span>
                                </a>
                                <a href="{{ path('offices') }}" class="nav-dropdown-router-item" title="{{ "offices"|trans|title }}">
                                    <div class="nav-dropdown-router-title">{{ "offices"|trans|title }}</div>
                                    <span>{{ "offices_description"|trans}}</span>
                                </a>
                                <a href="{{ path('staff') }}" class="nav-dropdown-router-item" title="{{ "staff"|trans|title }}">
                                    <div class="nav-dropdown-router-title">{{ "staff"|trans|title }}</div>
                                    <span>{{ "staff_description"|trans}}</span>
                                </a>
                                <a href="{{ path('partners') }}" class="nav-dropdown-router-item" title="{{ "partners"|trans|title }}">
                                    <div class="nav-dropdown-router-title">{{ "partners"|trans|title }}</div>
                                    <span>{{ "partners_description"|trans}}</span>
                                </a>
                            </div>
                            <div class="nav-dropdown-img-router-side">
                                <a href="{{ path('about_us') }}" class="nav-dropdown-img-router-item" title="{{ "about_us"|trans|title }}">
                                    <div class="nav-dropdown-img-router-img">
                                        <img src="{{ asset('img/about/about-1.webp') }}" alt="{{ 'about_us'|trans|title }}" title="{{ 'about_us_desc_alt'|trans|title }}">
                                    </div>
                                    <div class="nav-dropdown-img-router-title">{{ "about_us"|trans|title }}</div>
                                    <div class="nav-dropdown-img-router-text">{{ "about_us_desc_alt"|trans }}</div>
                                    <div class="nav-dropdown-img-router-button standart-button">{{ "for_more_info"|trans}}</div>
                                </a>
                                <a href="{{ path('staff') }}" class="nav-dropdown-img-router-item" title="{{ 'staff'|trans|title }}">
                                    <div class="nav-dropdown-img-router-img">
                                        <img src="{{ asset('img/staff/intro.webp') }}" alt="{{ 'staff'|trans|title }}" title="{{ 'staff_desc_alt'|trans|title }}">
                                    </div>
                                    <div class="nav-dropdown-img-router-title">{{ "staff"|trans|title }}</div>
                                    <div class="nav-dropdown-img-router-text">{{ "staff_desc_alt"|trans}}</div>
                                    <div class="nav-dropdown-img-router-button standart-button">{{ "for_more_info"|trans}}</div>
                                </a>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <a{% if breadcrumb is defined and "expertise" in breadcrumb %} class="current"{% endif %}>{{ "expertise"|trans|title }}</a>
                    <div class="nav-dropdown-wrapper">
                        <div class="nav-dropdown">
                            <div class="nav-dropdown-brand-side">
                                <span>{{ "our_brands"|trans|title }}</span>
                                <div class="nav-dropdown-brands">
                                    {% for projectPage in projectPages[0] %}
                                        <a href="{{ path('project_page', {'project_name': projectPage.name}) }}" data-project="{{ projectPage.name }}" class="nav-dropdown-brand">
                                            <img src="{{ asset( 'img/project/'~projectPage.name~'-logo.png' ) }}" alt="{{ projectPage.name|capitalize }}" title="{{ projectPage.name|capitalize }}">
                                        </a>
                                    {% endfor %}
                                </div>
                            </div>
                            <div class="nav-dropdown-contact-side">
                                <div class="nav-dropdown-contact-top">
                                    <div class="nav-dropdown-logo"><div class="logo-img"><img src="{{ asset('img/logo.png') }}" alt="Technoone" title="Technoone" id="logo"></div></div>
                                    <div class="nav-dropdown-contact-content">
                                        <span>{{ "expertise_description"|trans}}</span>
                                        <a href="{{ path('contact') }}" class="standart-button black-button arrow-anim">{{ "contact_to_us"|trans}}</a>
                                    </div>
                                </div>
                                <hr>
                                <div class="nav-dropdown-router-side">
                                    <a href="{{ path('services') }}" class="nav-dropdown-router-item" title="{{ 'services'|trans|title }}">
                                        <div class="nav-dropdown-router-title">{{ "services"|trans|title }}</div>
                                        <span>{{ "services_description"|trans}}</span>
                                    </a>
                                    <a href="{{ path('technologies') }}" class="nav-dropdown-router-item" title="{{ 'technologies'|trans|title }}">
                                        <div class="nav-dropdown-router-title">{{ "technologies"|trans|title }}</div>
                                        <span>{{ "technologies_description"|trans}}</span>
                                    </a>
                                </div>
                            </div>
                            <div class="nav-dropdown-img-router-side">
                                <a href="{{ path('services') }}" class="nav-dropdown-img-router-item" title="{{ 'services'|trans|title }}">
                                    <div class="nav-dropdown-img-router-img">
                                        <img src="{{ asset('img/services/intro-software.jpeg') }}" alt="{{ 'services'|trans|title }}" title="{{ "services_description"|trans}}">
                                    </div>
                                    <div class="nav-dropdown-img-router-title">{{ "services"|trans|title }}</div>
                                    <div class="nav-dropdown-img-router-text">{{ "services_description"|trans}}</div>
                                    <div class="nav-dropdown-img-router-button standart-button">{{ "for_more_info"|trans}}</div>
                                </a>
                            </div>
                        </div>
                    </div>
                </li>
                <li><a {% if routeName == "projects" %}class="current" {% endif %}href="{{ path('projects') }}" alt="{{ 'projects'|trans|capitalize }}" title="{{ 'projects'|trans|capitalize }}">{{ "projects"|trans|capitalize }}</a></li>
                <li><a {% if routeName == "references" %}class="current" {% endif %}href="{{ path('references') }}" alt="{{ 'references'|trans|capitalize }}" title="{{ 'references'|trans|capitalize }}">{{ "references"|trans|capitalize }}</a></li>
                <li><a {% if routeName == "blog" %}class="current" {% endif %}href="{{ path('blog') }}" alt="{{ 'blogs'|trans|capitalize }}" title="{{ 'blogs'|trans|capitalize }}">{{ "blogs"|trans|capitalize }}</a></li>
                <li><a {% if routeName == "contact" %}class="current" {% endif %}href="{{ path('contact') }}" alt="{{ 'contact'|trans|capitalize }}" title="{{ 'contact'|trans|capitalize }}">{{ "contact"|trans|capitalize }}</a></li>
            </ul>
        </nav>
        <div class="header-right">
            <div class="language-selector-wrapper">
                <div class="language-selector-content activate_hover">
                    <div class="language-selector-button border-button">
                        <span class="selected">{% if locale == "" %}TR{% else %}{{locale|upper}}{% endif %}</span>
                        <i class="icon cross-icon"></i>
                    </div>
                    <div class="language-selector-menu-wrapper ">
                        <div class="language-selector-menu">
                            {% set route = app.request.get('_route') %}
                            {% set params = {} %}
                            {% if alias is defined %}
                                {% set params = params|merge({'alias': alias}) %}
                            {% endif %}
                            {% if servicePage is defined %}
                                {% set params = params|merge({'servicePage': servicePage}) %}
                            {% endif %}
                            {% for language in languages %}
                                {% if not language.alias is defined %}    
                                    <li><a href="{{ path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')|merge({'_locale':language})) }}" class='language-switcher'>{{ language|upper }}</a></li>
                                {% else %}
                                    <li><a href="{{ path(app.request.attributes.get('_route'), {'alias': language.alias, '_locale': language.lang.code}) }}" class='language-switcher'>{{ language.lang.code|upper }}</a></li>
                                {% endif %}
                            {% endfor %}
                        
                        </div>
                    </div>
                </div>
                </div>
            <a href="mailto:{{ currentLocation.Email }}" class="contact-button hide_1024"><i class="icon contact-icon mail-icon colored"></i></a>
        </div>
    </div>
    <div class="nav-dropdown-close-wrapper"></div>
</header>