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

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

{% set treatmentCategoryItemPreset = [
    {name: "Lorem ipsum"},
    {name: "Lorem ipsum"},
    {name: "Lorem ipsum"},
    {name: "Lorem ipsum"},
    {name: "Lorem ipsum"}
] %}
{% set treatmentCategories = [
    {
        name: "Anestezi ve Reanimasyon",
        id: "anestezi-ve-reanimasyon",
        items: treatmentCategoryItemPreset
    },
    {
        name: "Beslenme ve Diyet",
        id: "beslenme-ve-diyet",
        items: treatmentCategoryItemPreset
    },
    {
        name: "Biyokimya Laboratuvarı",
        id: "biyokimya-laboratuvari",
        items: treatmentCategoryItemPreset
    },
    {
        name: "Cerrahi Onkoloji",
        id: "cerrahi-onkoloji",
        items: treatmentCategoryItemPreset
    },
    {
        name: "Check-up",
        id: "check-up",
        items: [
            {
                name: "Çocuk Check-Up Paketi",
                id: 'cocuk-check-up-paketi',
                content: "<h2>Çocuk Check-Up Paketi</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>"
            },
            {
                name: "Erkek Plus Check-Up Paketi",
                id: 'erkek-plus-check-up-paketi',
                content: "<h2>Erkek Plus Check-Up Paketi</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>"
            },
            {
                name: "Erkek Standart Check-Up Paketi",
                id: 'erkek-standart-check-up-paketi',
                content: "<h2>Erkek Standart Check-Up Paketi</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>"
            },
            {
                name: "Kadın Plus Check-Up Paketi",
                id: 'kadin-plus-check-up-paketi',
                content: "<h2>Kadın Plus Check-Up Paketi</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>"
            },
            {
                name: "Kadın Standart Check-Up Paketi",
                id: 'kadin-standart-check-up-paketi',
                content: "<h2>Kadın Standart Check-Up Paketi</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>"
            }
        ]
    },
    {
        name: "Çocuk Alerjisi",
        id: "cocuk-alerji",
        items: treatmentCategoryItemPreset
    },
    {
        name: "Enfeksiyon Hastalıkları",
        id: "enfeksiyon-hastaliklari",
        items: treatmentCategoryItemPreset
    },
    {
        name: "Fizik Tedavi ve Rehabilitasyon",
        id: "fizik-tedavi-ve-rehabilitasyon",
        items: treatmentCategoryItemPreset
    },
    {
        name: "Gastroenteroloji",
        id: "gastroenteroloji",
        items: treatmentCategoryItemPreset
    },
    {
        name: "Göz Hastalıkları",
        id: "goz-hastaliklari",
        items: treatmentCategoryItemPreset
    },
    {
        name: "Kemik İliği Nakli",
        id: "kemik-iligi-nakli",
        items: treatmentCategoryItemPreset
    },
    {
        name: "Medikal Onkoloji",
        id: "medikal-onkoloji",
        items: treatmentCategoryItemPreset
    }
] %}

{% block body %}
     
    <!-- Section Intro Start -->
    <div class="section-wrapper section-intro-wrapper pad-left pad-right section-treatment-methods-wrapper">
        <div class="section-content section-intro sided-section section-treatment-methods">
            <div class="text-side flex-direction-column secondary-side">
                <div class="container foreground padded" data-aos="fade-right">
                {% include "components/_breadcrumb.html.twig" with {title: "Hastalıklar ve Tedavi Yöntemleri"} %}
                <a><h1 class="text-title"><mark>Kategoriler</mark></h1></a>
                {% set carouselElement %}
                    <div class="treatment-categories full-width">
                        {% for category in treatmentCategories %}
                            <a href="{{ path('treatment-methods-category', {category: category.id}) }}" data-alias="{{ category.id }}" id="{{ category.id }}" class="treatment-category"><span>{{ category.name }}</span></a>    
                        {% endfor %}
                    </div>
                {% endset %}
                {% set carouselSubElements %}
                    {% for category in treatmentCategories %}
                        <div class="treatment-categories full-width display-none" data-id="{{ category.id }}">
                            {% for item in category.items %}
                                {% if item.id is defined %}
                                    <a href="{{ path('treatment-methods-detail', {category: category.id, alias: item.id}) }}" class="treatment-category"><span>{{ item.name }}</span></a>                                        
                                {% else %}
                                    <a href="{{ path('treatment-methods') }}" class="treatment-category"><span>{{ item.name }}</span></a>                                  
                                {% endif %}
                            {% endfor %}
                        </div>
                    {% endfor %}
                {% endset %}
                {% include "components/_carousel.html.twig" with {options: {
                    items: [carouselElement, carouselSubElements],
                    settings: "{'loop':false,'dragFree':false,'draggable':false}",
                    margin: 40,
                    slideStyle: "min-width: 100%",
                    carouselClass: "treatment-category-carousel"
                }} %}
            </div>
        </div>
        <div class="primary-side padded">
            {% include "components/_text-container.html.twig" with {options: {
                description: "
                <h2>Denipol Sağlık kadrosunun doktorlar gününü kutlarız </h2>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                ",
                style: "padding-top: 100px"
            }} %}
        </div>
    </div>
    <!-- Section Intro End -->
{% endblock %}