{% extends 'main/base.html.twig' %}
{% set pageCode = "institutional" %}
{% block title %}{{ entity.title }}{% endblock %}
{% block description %}{{ entity.description }}{% endblock %}
{% block pageMeta %}
    {% for lang in get_diller() %}
        {% set dilLink = corporatePage.diller|filter(e => e.dil.kisaBaslik == lang) %}
        {% set dil = dilLink|first %}
        <link rel="alternate" hreflang="{{ lang|default }}" href="{{ absolute_url(path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')|merge({'_locale': lang, 'link': dil.link}))) }}">
    {% endfor %}

    {% set activeLangLink = corporatePage.diller|filter(e => e.dil.kisaBaslik == app.request.locale)|first %}
    <link rel="canonical" href="{{ absolute_url(path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')|merge({'_locale': app.request.locale, 'link': activeLangLink.link}))) }}">
{% endblock %}
{% block content %}
    {% block banner %}
        <header>
            <div class="header-img">
                <img loading="lazy" src="{{ asset('assets/main/img/dentmax-basindan.webp') }}" alt="Dentmax Basından">
            </div>
            <div class="header-content">
                <h1 data-aos="fade-right" data-aos-duration="800" data-aos-delay="200">{{ entity.baslik }}</h1>
                {#<p data-aos="fade-in" data-aos-duration="800" data-aos-delay="500">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>#}
            </div>
            <div class="header-invisalign">
                <img loading="lazy" src="{{ asset('build/main/img/icons/dentMax.webp') }}" alt="Dentmax invisailgn"
                     data-aos="fade-in" data-aos-duration="800" data-aos-delay="600">
            </div>
            <div class="header-document-path">
                <strong class="path-title">{{ 'kurumsal'|trans|upper }}</strong>
                <div class="content-router-links-path">
                    <a href="{{ path('app_main_default') }}">Anasayfa /</a>
                    <button>{{ 'kurumsal'|trans }} /</button>
                    <button>{{ entity.baslik }}</button>
                </div>
            </div>
        </header>
    {% endblock %}

    {% block container %}
        <div class="wrapper">
            {% block navbar %}
                {{ render(controller('App\\Controller\\Main\\DefaultController::header', {request: app.request})) }}
            {% endblock %}
            <div class="content">
                <div class="global-content ">
                    <div class="content-router">
                        <div class="content-router-links">
                            <ul>
                                {% for sayfa in kurumsalSayfalar %}
                                    <li>
                                        <a href="{{ path('app_main_kurumsal', {'link': sayfa.diller|first.link}) }}">{{ sayfa.diller|first.baslik }}</a>
                                    </li>
                                {% endfor %}
                            </ul>
                        </div>
                        <div class="content-router-contact-wrapper">
                            <div class="content-router-contact" id="content-router-contact">
                                {{ include('main/partials/contact-wrapper.html.twig') }}
                            </div>
                        </div>
                    </div>

                    <div class="content-wrapper">
                        <div class="institutional-content">
                            <div class="institutional-content-text">{{ entity.ustMetin|raw }}</div>
                            <div class="institutional-content-items">
                                {% for istatistik in istatistikler %}
                                    <div class="institutional-content-item aos-init aos-animate"
                                         data-aos="fade-right" data-aos-duration="800" data-aos-delay="400">
                                        <h2>{{ istatistik.diller|first.sayi|default }}</h2>
                                        <p>{{ istatistik.diller|first.baslik|default }}</p>
                                    </div>
                                {% endfor %}
                            </div>
                            <div class="institutional-content-text">{{ entity.altMetin|raw }}</div>
                        </div>
                    </div>
                </div>
                {% if entity.sayfa.bolumGoster %}
                    <div class="about-us-frames">
                        <div class="about-us-frames-image">
                            <div class="about-us-frames-img">
                                {% if entity.sayfa.bolumResim %}
                                    <img loading="lazy" src="{{ asset('uploads/kurumsal/bolum-resim/'~entity.sayfa.bolumResim) }}"
                                         alt="Dentmax Diş Temizliği">
                                {% else %}
                                    <img loading="lazy" src="{{ asset('assets/main/img/dentmax-dis-temizligi.webp') }}"
                                         alt="Dentmax Diş Temizliği">
                                {% endif %}
                            </div>
                        </div>
                        <div class="about-us-frames-content">
                            <div class="about-us-frames-content-text">
                                <div class="blue-line-text-header aos-init aos-animate" data-aos="fade-left"
                                     data-aos-duration="500" data-aos-delay="300">
                                    {# <h3>{{ bolumDil.baslik }}</h3><span class="blue-line-text"></span><br> #}
                                    <h3>DENTMAX</h3><span class="blue-line-text"></span><br>
                                    <h3>{{ entity.bolumBaslik }}</h3>
                                </div>
                                <p data-aos="fade-left" data-aos-duration="500" data-aos-delay="400"
                                   class="aos-init aos-animate">
                                    {{ entity.bolumMetin|raw }}
                                </p>
                                <div class="about-us-frames-content-text-social aos-init aos-animate"
                                    data-aos="fade-up" data-aos-duration="500" data-aos-delay="500">
                                    {#
                                    /*!!*/
                                    Links must be fetched from database
                                    #}
                                    {% include 'components/user-side/_media.html.twig' with {icons: [
                                        {"iconName": "youtube", "href": "https://www.youtube.com/@DentMaks"},
                                        {"iconName": "facebook", "href": "https://www.facebook.com/profile.php?id=100086829829731&amp;mibextid=ZbWKwL"},
                                        {"iconName": "twitter", "href": "#"},
                                        {"iconName": "instagram", "href": "https://www.instagram.com/dentmax/"},
                                        {"iconName": "linkedin", "href": "#"}
                                        ],
                                        border: false} 
                                    %}
                                </div>
                            </div>
                        </div>
                    </div>
                {% endif %}
                
                {% include 'components/user-side/sliders/_staff-slider.html.twig' %}

            </div>
        </div>
    {% endblock %}
{% endblock %}