{% set headerItemsTemplate = [
    {
        name: "Lorem ipsum",
        href: ""
    },
    {
        name: "Lorem ipsum",
        href: ""
    },
    {
        name: "Lorem ipsum",
        href: ""
    },
    {
        name: "Lorem ipsum",
        href: ""
    },
    {
        name: "Lorem ipsum",
        href: ""
    },
    {
        name: "Lorem ipsum",
        href: ""
    },
    {
        name: "Lorem ipsum",
        href: ""
    },
    {
        name: "Lorem ipsum",
        href: ""
    },
    {
        name: "Lorem ipsum",
        href: ""
    },
    {
        name: "Lorem ipsum",
        href: ""
    },
    {
        name: "Lorem ipsum",
        href: ""
    },
    {
        name: "Lorem ipsum",
        href: ""
    },
    {
        name: "Lorem ipsum",
        href: ""
    }
] %}

{% set headerMenuItems = [
    {
        name: "Hakkımızda",
        href: path('about-us'),
        items: [
            {
                name: "Misyon & Vizyon",
                href: path('vision')
            },
            {
                name: "İnsan Kaynakları",
                href: path('human-resources')
            },
            {
                name: "Organizasyon Şeması",
                href: path('scheme')
            },
            {
                name: "Kalite Yönetim Sistemi",
                href: path('quality-management')
            },
            {
                name: "Çalışan Geri Bildirimi",
                href: path('feedback')
            },
            {
                name: "Ziyaretçi ve Refakatçi Kuralları",
                href: path('visitors')
            },
            {
                name: "Anlaşmalı Kurumlar",
                href: path('partners')
            },
            {
                name: "Hastalıklar ve Tedavi Yöntemleri",
                href: path('treatment-methods')
            }
        ]
    },
    {
        name: "Hastanelerimiz",
        href: "",
        items: headerItemsTemplate
    },
    {
        name: "Tıbbi Birimler",
        href: path('medical-departments'),
        items: headerItemsTemplate
    },
    {
        name: "Hekimlerimiz",
        href: path('doctors'),
        items: headerItemsTemplate
    },
    {
        name: "Sağlıklı Bilgiler",
        href: path('info'),
        items: headerItemsTemplate
    },
    {
        name: "Kurumsal Haberler",
        href: path('news'),
        items: []
    },
    {
        name: "İletişim",
        href: path('contact'),
        items: []
    }
] %}

<!-- Header Start -->
<header>
    
    <div class="header-menu-wrapper">
        <div class="header-menu-button">
            <div class="icon">
                <div class="line"></div>
                <div class="line"></div>
                <div class="line"></div>
            </div>
        </div>
        <!-- Header Menu Start -->
        <div class="header-menu-container">
            <div class="header-menu">
                <a href="{{ path('homepage') }}">
                    <div class="logo denipol-logo" data-aos="fade-right">
                        <span class="logo-title"><b>Denipol</b>Hastanesi</span>
                        <span class="registered">&reg;</span>
                    </div>
                </a>
                {% set index = 0 %}
                {%~ for headerMenuItem in headerMenuItems ~%}
                    <div class="header-menu-item{{ (headerMenuItem.items|length > 0) ? ' has-children' }}">
                        <a href="{{ headerMenuItem.href }}" style="transition: 500ms all, 500ms transform {{ 100 * index }}ms;">{{ headerMenuItem.name }}</a>
                        {%~ if headerMenuItem.items|length > 0 %}
                            <div class="switch" style="display: inline-block; margin-left: 40px">
                                <img src="{{ asset('img/icon/chevron-down.svg') }}" />
                            </div>
                            <div class="sub-menu">
                                <ul>
                                    {% for subMenuItem in headerMenuItem.items -%}
                                        <li><a href="{{ subMenuItem.href }}">{{ subMenuItem.name }}</a></li>
                                    {% endfor ~%}
                                </ul>
                            </div>
                        {% endif ~%}
                    </div>
                    {% set index = index + 1 %}
                {% endfor ~%}
            </div>
        </div>
        <!-- Header Menu End -->
    </div>
    
    
    <!-- Header Right Start -->
    <div class="header-right">
        <a class="header-right-button" href='https://www.denipollife.com.tr/' target='_blank'>
            <img src={{ asset('img/denipolLife.png') }} alt="" />
        </a>
        <div class="header-right-check-up">
            <div class="check-up-band">
                <span class="vertical-text"><b>CHECK-UP</b> İÇİN BENİ ARAYIN</span>
            </div>
        </div>
        {% if routeName != "homepage" %}
            <div class="dsg-button-wrapper">
                <a href="" class="dsg-button">
                    <img src="{{ asset('img/dsg-logo.png')}}" alt="" />
                </a>
            </div>
        {% endif %}
    </div>
    <!-- Header Right End -->
</header>
<!-- Header End -->