{% extends 'main/base.html.twig' %}
{% set pageCode = "blog-category" %}
{% block pageMeta %}
    {% for lang in get_diller() %}
        {% if category is not null %}
            {% set dilLink = category.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}))) }}">
        {% else %}
            <link rel="alternate" hreflang="{{ lang|default }}" href="{{ absolute_url(path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')|merge({'_locale': lang}))) }}">
        {% endif %}
    {% endfor %}

    {% if category is not null %}
        {% set activeLangLink = category.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}))) }}">
    {% else %}
        <link rel="canonical" href="{{ absolute_url(path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')|merge({'_locale': app.request.locale}))) }}">
    {% endif %}
    {% endblock %}
{% block pageStyle %}
    
    <link rel="stylesheet" href="{{ asset('assets/main/css/lib/owl.carousel.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/main/css/lib/aos.min.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/main/css/font.min.css') }}">
    <link rel="stylesheet"  href="{{ asset('assets/main/css/form.css') }}"/>
    <link rel="stylesheet"  href="{{ asset('assets/main/css/pages/blog/blog-category.css') }}"/>

{% endblock %}
{% block content %}
    <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">
                {{ 'kategori'|trans({'%alias%': 'Blog'}) }} : {{ entity ? entity.baslik : 'tumu'|trans }}
            </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">{{ 'kategori'|trans({'%alias%': ''})|upper }}</strong>
            <div class="content-router-links-path">
                <a href="{{ path('app_main_default') }}">{{ 'anasayfa'|trans }} /</a>
                <a href="{{ path('app_main_blog') }}">Blog /</a>
                <button>{{ entity ? entity.baslik|default : 'tumu'|trans }}</button>
            </div>
        </div>
    </header>
    {% 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 content-router-global">
                        <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="treatments">
                            {% if entity is null %}
                                {% for kategori in kategoriler %}
                                    {% set activeBlogs = kategori.bloglar|filter(b => b.del == 0 and b.hidden == false) %}
                                    {% if activeBlogs is not empty %}
                                        {% set kategoriDil = kategori.diller|filter(d => d.dil.kisaBaslik == app.request.locale)|first %}
                                        <div class="section-header section-header-treatment-header section-header-staff ">
                                            <div class="section-header-text aos-init aos-animate" data-aos="fade-right"
                                                 data-aos-duration="700">
                                                <h2 class="staff-title">{{ kategoriDil.baslik|default }}
                                                    <span class="section-header-text-line"></span>
                                                </h2>
                                            </div>
                                            <div class="section-header-right">
                                                <div class="section-header-right-border"></div>
                                            </div>
                                        </div>
                                        <div class="treatments-items">
                                            {% for blog in kategori.bloglar|filter(b => b.del == 0 and b.hidden == false) %}
                                                {% set blogDil = blog.diller|filter(d => d.dil.kisaBaslik == app.request.locale)|first %}
                                                <a href="{{ path('app_main_blog_detay', {'link': blogDil.link|default}) }}"
                                                   class="treatments-item">
                                                    <div class="treatments-item-box">
                                                        <div class="treatments-item-image">
                                                            {% if blog.thumbnail %}
                                                                <img loading="lazy"
                                                                     src="{{ asset('uploads/blog/thumbnail/'~blog.thumbnail) }}"
                                                                     alt="Dentmax">
                                                                <div class="treatments-item-bg"></div>
                                                            {% else %}
                                                                <img loading="lazy"
                                                                     src="{{ asset('assets/main/img/dentmax-dogru-dis-fircalama.webp') }}"
                                                                     alt="Dentmax">
                                                                <div class="treatments-item-bg"></div>
                                                            {% endif %}
                                                            <div class="treatments-item-bg-logo">
                                                                <img loading="lazy" src="{{ asset('assets/main/img/logoSmile.png') }}" alt="">
                                                            </div>
                                                        </div>
                                                        <div class="treatments-box-item-text">
                                                            <div class="treatments-box-item-text">
                                                                <h3 class="treatments-box-item-title">{{ blogDil.baslik|default }}</h3>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    {# <div class="treatments-item-text">
                                                        <h2>Diş Eti Kanaması Tedavisi</h2>
                                                    </div> #}
                                                </a>
                                            {% endfor %}
                                        </div>
                                    {% endif %}
                                {% endfor %}
                            {% else %}
                                {% set activeBlogs = entity.kategori.bloglar|filter(b => b.del == 0 and b.hidden == false) %}
                                {% if activeBlogs is not empty %}
                                    <div class="section-header section-header-treatment-header section-header-staff ">
                                        <div class="section-header-text aos-init aos-animate" data-aos="fade-right"
                                             data-aos-duration="700">
                                            <h2 class="staff-title">{{ entity.baslik|default }}<span class="section-header-text-line"></span></h2>
                                        </div>
                                        <div class="section-header-right">
                                            <div class="section-header-right-border"></div>
                                        </div>
                                    </div>
                                    <div class="treatments-items">
                                        {% for blog in activeBlogs %}
                                            {% set blogDil = blog.diller|filter(d => d.dil.kisaBaslik == app.request.locale)|first %}
                                            {% if blogDil %}
                                                <a href="{{ path('app_main_blog_detay', {'link': blogDil.link|default}) }}"
                                                   class="treatments-item">
                                                    <div class="treatments-item-box">
                                                        <div class="treatments-item-image">
                                                            {% if blog.thumbnail %}
                                                                <img loading="lazy"
                                                                     src="{{ asset('uploads/blog/thumbnail/'~blog.thumbnail) }}"
                                                                     alt="Dentmax">
                                                                <div class="treatments-item-bg"></div>
                                                            {% else %}
                                                                <img loading="lazy"
                                                                     src="{{ asset('assets/main/img/dentmax-dogru-dis-fircalama.webp') }}"
                                                                     alt="Dentmax">
                                                                <div class="treatments-item-bg"></div>
                                                            {% endif %}
                                                            <div class="treatments-item-bg-logo">
                                                                <img loading="lazy" src="{{ asset('assets/main/img/logoSmile.png') }}" alt="">
                                                            </div>
                                                        </div>
                                                        <div class="treatments-box-item-text">
                                                            <div class="treatments-box-item-text">
                                                                <h3 class="treatments-box-item-title">{{ blogDil.baslik|default }}</h3>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="treatments-item-text"><h2>Diş Eti Kanaması Tedavisi</h2></div>
                                                </a>
                                            {% endif %}
                                        {% endfor %}
                                    </div>
                                {% endif %}
                            {% endif %}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    {% endblock %}
{% endblock %}