{% extends 'base.html.twig' %}

{% block title %}Özel Denipol Hastanesi | Denizli{% endblock %}

{% block meta %}
    <meta name="description" content="Denipol Özel Hastanesi, 2002’den bu yana tıp alanında 24 yılı aşkın deneyimiyle hizmet vermektedir. Hastaya saygıyı temel alan ve Denipol Sağlık Grubu’nun gururlu bir üyesi olan hastanemiz, bugün modern, güvenilir ve Denizli’nin önde gelen sağlık merkezlerinden biri olarak kendini kanıtlamıştır.">
{% endblock %}

{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('styles/pages/homepage.css') }}">
{% endblock %}

{% set news = [
    {
        title: "Doç. Dr. <mark>Ayşe Gülemez</mark> Aramıza Katıldı…",
        description: "Kimya Bölümü Anorganik Kimya Anabilim Dalı’nda öğretim üyesi olarak göreve başlayan Doç. Dr. Ayşe AKTAŞ KAMİLOĞLU’nu aramızda görmekten memnuniyet duyuyoruz.Kendisine bölümümüze hoş geldiniz diyor; akademik ve bilimsel çalışmalarında başarılar diliyoruz.",
        img: "/assets/img/image6.png"
    },
    {
        title: "Slide 1",
        description: "Kimya Bölümü Anorganik Kimya Anabilim Dalı’nda öğretim üyesi olarak göreve başlayan Doç. Dr. Ayşe AKTAŞ KAMİLOĞLU’nu aramızda görmekten memnuniyet duyuyoruz.Kendisine bölümümüze hoş geldiniz diyor; akademik ve bilimsel çalışmalarında başarılar diliyoruz.",
        img: "/assets/img/image6.png"
    }
] %}

{% set servicesSlider = [
    {
        lightMode: true,
        titleSmall: true,
        title: "KARDİYOLOJİ <mark>LABORATUVARI</mark>",
        description: "Kardiyoloji kliniğinin ayrılmaz ve organik bir parçası olan yeni Hemodinamik Laboratuvarı, Apollonius Özel Hastanesi için bir referans noktasıdır. Mevcut Hemodinamik Laboratuvarı ile birlikte 28 Şubat 2022 tarihinden itibaren resmi olarak faaliyete geçmiştir. Son teknoloji ürünü, uzmanlaşmış bir…",
        after: "<div class='hospital-icon fit-width fit-height' style='margin: 25px auto 0' data-aos><img class='' src='" ~ asset('img/image1.png') ~ "'></div>"
    },
    {
        lightMode: true,
        titleSmall: true,
        title: "KARDİYOLOJİ <mark>LABORATUVARI</mark>",
        description: "Kardiyoloji kliniğinin ayrılmaz ve organik bir parçası olan yeni Hemodinamik Laboratuvarı, Apollonius Özel Hastanesi için bir referans noktasıdır. Mevcut Hemodinamik Laboratuvarı ile birlikte 28 Şubat 2022 tarihinden itibaren resmi olarak faaliyete geçmiştir. Son teknoloji ürünü, uzmanlaşmış bir…",
        after: "<div class='hospital-icon fit-width fit-height' style='margin: 25px auto 0' data-aos><img class='' src='" ~ asset('img/image1.png') ~ "'></div>"
    }
] %}

{% set introContent %}
    <div class="text-container">
        {% include "components/_carousel.html.twig" with {options: {
            items: [
                "<span class='text-title'>İnsan ve yaşamla iç içe, sağlığın tam <mark>merkezindeyiz.</mark></span>            
                <span class='text-description'>Denipol Özel Hastanesi, 2002’den bu yana tıp alanında 24 yılı aşkın deneyimiyle hizmet vermektedir. Hastaya saygıyı temel alan ve Denipol Sağlık Grubu’nun gururlu bir üyesi olan hastanemiz, bugün modern, güvenilir ve Denizli’nin önde gelen sağlık merkezlerinden biri olarak kendini kanıtlamıştır.</span>"
                ,
                "<span class='text-title'>İnsan ve yaşamla iç içe, sağlığın tam <mark>merkezindeyiz.</mark></span>            
                <span class='text-description'>Denipol Özel Hastanesi, 2002’den bu yana tıp alanında 24 yılı aşkın deneyimiyle hizmet vermektedir. Hastaya saygıyı temel alan ve Denipol Sağlık Grubu’nun gururlu bir üyesi olan hastanemiz, bugün modern, güvenilir ve Denizli’nin önde gelen sağlık merkezlerinden biri olarak kendini kanıtlamıştır.</span>"
                ,
            ],
            slideStyle: 'flex: 0 0 100%',
            settings: "{'loop': true, 'autoplay': 7000, 'duration': 45, 'connect': '.section-intro .intro-img .embla__viewport'}",
            itemsRaw: true,
            margin: 0
        }} %}
    </div>
{% endset %}

{% block body %}
    {% include "components/_intro.html.twig" with {options: {
        secondaryContent: introContent,
        img: "img/homepage/intro.png",
        imgButtons: true,
        introRouter: true,
        introCarouselOptions: {
            items: [
                "<video autoplay muted><source src=" ~ asset('img/intro.mp4') ~ " type='video/mp4'></video>",
                "<video muted><source src=" ~ asset('img/intro1.mp4') ~ " type='video/mp4'></video>"
            ],
            slideStyle: 'flex: 0 0 100%',
            settings: "{'loop': true, 'autoplay': 7000, 'autoplayVideo': true, 'duration': 45, 'connect': '.section-intro .embla__viewport'}",
            itemsRaw: true,
            margin: 0
        },
    }} %}
    <div class="section-wrapper pad-left pad-right">
        <div class="section-content sided-section">
            <div class="foreground primary-side check-up-side flex-direction-column" style="z-index: 1">
                <div class="check-up-band">
                    <span class="vertical-text"><b>CHECK-UP</b> İÇİN BENİ ARAYIN</span>
                </div>
                {% include "components/_text-container.html.twig" with {options: {
                    title: "Özel Check-up <mark>Paketleri sizleri bekliyor</mark>",
                    description: "<p>Denipol Özel Hastanesi, 2021 yılından bu yana Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
<p>KADIN CHECK UP PROGRAMLARI<br/>
It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of.</p>
<p>ERKEK CHECK UP PROGRAMLARI<br/>
It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop </p>
<p>ÇOCUK CHECK UP PROGRAMLARI<br/>
It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software</p>
",
                    class: "padded"
                }} %}
                <div class="padded foreground-secondary news-container stain-red stain-bottom stain-left" data-aos="fade-right">
                    {% include "components/_carousel.html.twig" with {options: {
                        items: news,
                        itemsTextContainer: true,
                        settings: "{'loop': true}"
                    }} %}
                    {% include "components/_carousel-navigator.html.twig" with {carousel: '.news-container .embla'} %}
                    <div class="news-img" style="pointer-events:none">
                        <img data-aos="fade-up" src={{ asset('img/image6.png') }} alt="" />
                    </div>
                </div>
            </div>
            <div class="secondary-side flex-direction-column services-section">
                <div class="padded slider-navigator-container">
                    <span class="text-title-small">GENEL HİZMETLER</span>
                    {% include "components/_carousel-navigator.html.twig" with {carousel: '.services-section .embla'} %}
                </div>
                <div class="padded denipol-darkblue full-height stain-blue stain-bottom stain-right" data-aos="fade-left">
                {% include "components/_carousel.html.twig" with {options: {
                    items: servicesSlider,
                    itemsTextContainer: true,
                    settings: "{'loop': true}"
                }} %}
                </div>
            </div>
        </div>
    </div>
    <div class="section-wrapper innovative-slider-section-wrapper">
        <div class="section-content sided-section innovative-slider">
            <div class="secondary-side">
                <div class="img-side full-width full-height hospital-icon left" data-aos="fade-right">
                    <img class="full-size" style="object-fit: cover" src="{{ asset('img/image2.png') }}" alt="" />
                </div>
            </div>
            <div class="primary-side">
                <div class="pad-right foreground" data-aos="fade-left">
                    {% include "components/_text-container.html.twig" with {options: {
                        title: "Denipol yüksek kaliteli <mark>sağlık hizmeti sunar.</mark>",
                        description: "Denipol Özel Hastanesi’nin birinci önceliği ve görevi, ihtiyaçlarınızı ve beklentilerinizi karşılamak amacıyla yüksek standartlarda sağlık hizmetleri üretmek ve sunmaktır. Çünkü sağlığınız önceliğe sahiptir. Denipol Özel Hastanesi’nin birinci önceliği ve görevi, ihtiyaçlarınızı ve beklentilerinizi karşılamak amacıyla yüksek standartlarda sağlık hizmetleri üretmek ve sunmaktır. Çünkü sağlığınız önceliğe sahiptir.",
                        lightMode: true,
                        class: 'padded',
                        style: 'max-width: 700px'
                    }} %}
                </div>
                <div class="quality-box pad-right denipol-darkblue stain-blue stain-top stain-left" data-aos="fade-left">
                    {% include "components/_carousel.html.twig" with {options: {
                        items: [
                            {
                                title: "Denipol yüksek kaliteli sağlık hizmeti sunar.",
                                description: "Denipol Özel Hastanesi’nin birinci önceliği ve görevi, ihtiyaçlarınızı ve beklentilerinizi karşılamak amacıyla yüksek standartlarda sağlık hizmetleri üretmek ve sunmaktır. Çünkü sağlığınız önceliğe sahiptir.Denipol Özel Hastanesi’nin birinci önceliği ve görevi, ihtiyaçlarınızı ve beklentilerinizi karşılamak amacıyla yüksek standartlarda sağlık hizmetleri sunmaktır.",
                                lightMode: true,
                                titleSmall: true,
                                class: 'padded',
                                link: '#'
                            },
                            {
                                title: "Denipol yüksek kaliteli sağlık hizmeti sunar.",
                                description: "Denipol Özel Hastanesi’nin birinci önceliği ve görevi, ihtiyaçlarınızı ve beklentilerinizi karşılamak amacıyla yüksek standartlarda sağlık hizmetleri üretmek ve sunmaktır. Çünkü sağlığınız önceliğe sahiptir.Denipol Özel Hastanesi’nin birinci önceliği ve görevi, ihtiyaçlarınızı ve beklentilerinizi karşılamak amacıyla yüksek standartlarda sağlık hizmetleri sunmaktır.",
                                lightMode: true,
                                titleSmall: true,
                                class: 'padded',
                                link: '#'
                            }
                        ],
                        itemsTextContainer: true,
                        settings: "{'loop': true}"
                    }} %}
                </div>
            </div>
            <div class="slider-navigator-container foreground-secondary padded">
                <div class="text-title-small">YENİLİKÇİ HİZMETLER</div>
                {% include "components/_carousel-navigator.html.twig" with {carousel: ".innovative-slider .embla"} %}
            </div>
        </div>
    </div>
    <div class="section-wrapper anouncements-section-wrapper">
        <div class="section-content sided-section anouncements">
            <div class="half-width fit-height pad-left">
                <div class="denipol-red padded fit-height" data-aos="fade-right">
                    {% include "components/_text-container.html.twig" with {options: {
                        title: "Denipol LIFE yüksek kaliteli sağlık hizmeti sunar.",
                        description: "Denipol Özel Hastanesi’nin birinci önceliği ve görevi, ihtiyaçlarınızı ve beklentilerinizi karşılamak amacıyla yüksek standartlarda sağlık hizmetleri, üretmek ve sunmaktır. Çünkü sağlığınız önceliğe sahiptir. Denipol Özel Hastanesi’nin birinci önceliği ve görevi, ihtiyaçlarınızı ve beklentilerinizi karşılamak amacıyla yüksek standartlarda sağlık hizmetleri üretmek ve sunmaktır. Çünkü sağlığınız önceliğe sahiptir.",
                        lightMode: true
                    }} %}
                </div>
                <div class="anouncement-routes">
                    <a href="" class="route-item-wrapper">
                        <div class="route-item">
                            <span>DENİPOL DOKTORLARI</span>
                            <img src="{{ asset('img/icon/suit.svg') }}" />
                        </div>
                    </a>
                    <a href="" class="route-item-wrapper">
                        <div class="route-item">
                            <span>ANLAŞMALI KURUMLAR</span>
                            <img src="{{ asset('img/icon/suitcase.svg') }}" />
                        </div>
                    </a>
                    <a href="" class="route-item-wrapper">
                        <div class="route-item">
                            <span>DOĞUM GÜNÜ CHECK-UP PROGRAMLARI</span>
                            <img src="{{ asset('img/icon/survey.svg') }}" />
                        </div>
                    </a>
                </div>
            </div>
            <div class="half-width flex-direction-column">
                <div class="img-side fit-height" data-aos="fade-left">
                    <div class="img-load" data-aos>
                        <img class="full-size" src="{{ asset('img/image5.png') }}" alt="" />
                    </div>
                </div>
                <div class="full-height full-width flex pad-right section-anouncements">
                    <div class="full-height fit-width foreground-secondary padded" data-aos="fade-up" style="place-content: end">
                        <span class="vertical-text" style="font-size: 1.5rem; width: 100px; place-content: center; font-weight: bold; color: var(--denipol-darkblue)">DUYURULAR - HABERLER</span>
                    </div>
                    <div class="full-width" style="place-content: end;">
                        {% include "components/_carousel-navigator.html.twig" with {carousel: '.section-anouncements .embla', style: "margin-top: 40px"} %}
                        <div class="full-width padded denipol-darkblue" style="margin-top: 40px" data-aos="fade-left">
                            {% include "components/_carousel.html.twig" with {options: {
                                items: [
                                    {
                                        title: "DENİPOL SAĞLIK GRUBU YENİ SAĞLIK MERKEZİ DENİPOL LIFE FAALİYETE GEÇTİ…",
                                        titleSmall: true,
                                        description: "Sağlık grubumuzun yeni life sağlık merkezi Açıldı. Şu Denizli’de faaliyette bulunan sağlık Noktası açıldı…",
                                        lightMode: true,
                                        link: "#"
                                    },
                                    {
                                        title: "DENİPOL SAĞLIK GRUBU YENİ SAĞLIK MERKEZİ DENİPOL LIFE FAALİYETE GEÇTİ…",
                                        titleSmall: true,
                                        description: "Sağlık grubumuzun yeni life sağlık merkezi Açıldı. Şu Denizli’de faaliyette bulunan sağlık Noktası açıldı…",
                                        lightMode: true,
                                        link: "#"
                                    }
                                ],
                                itemsTextContainer: true,
                                settings: "{'loop': true}"
                            }} %}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}