{% extends 'main_base.html.twig' %}
{% block title %}Blog{% endblock %}
{% block description %}ELEFANTE BLOG DETAILS{% endblock %}

{% block content %}
    <style>
        .navbar__section-logo__wrapper-img {
            filter: brightness(0) invert(1) !important;
        }

        .navbar__section::before {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.4);
            z-index: -1;

        }

        .navbar__section::after {
            content: "";
            background-image: url("{{ asset('assets/main/images/navbar/navbar-bg-blog.png') }}");
            background-position: center;
            background-size: cover;

            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            z-index: -2;

        }

        .blog__details__section-description {
            margin-bottom: 120px;
        }

    </style>

    <div id="blog__details">
        {% include 'main/default/loader.html.twig' %}
        {% include 'main/default/cookie.html.twig' %}
        <div class="main-container">
            {% for entity in entity %}

                <div class="blog__details__section">
                    <div class="blog__details__section-description">

                        <h4>ELEFANTE BLOG DETAILS</h4>


                        {% for entitys in entity.diller %}
                                <h2>{{ entitys.baslik|raw }}</h2>

                        <p>/ Elefante — Insight: {{ entitys.description }}</p>{% endfor %}
                    </div>
                    <div class="blog__details__section-blog__details">
                        <div class="blog__details__section-blog__details-img__wrapper">
                            {% for resim in entity.resimler|filter(r => r.del == 0)|sort((a,b) => a.sira > b.sira) %}
                                <img src="{{ asset('uploads/blog/bolum/' ~ resim.resim) }}" alt="blog-details-photo">
                            {% endfor %}
                        </div>
                        {% for entitys in entity.diller %}
                        <div class="blog__details__section-blog__details-description">
                            <p>{{ entitys.metin|raw }}</p>
                        </div>

                        <div class="blog__details__section-blog__details-big__description">
                            <div class="blog__details__section-blog__details-big__description__border"></div>
                            <h3>{{ entitys.metin1|raw }}</h3>
                        </div>

                        <div class="blog__details__section-blog__details-description">
                            <p>{{ entitys.metin2|raw }}</p>
                        </div>
                        {% endfor %}
                    </div>


                </div>
                <div class="blog__details__section-blog__details__questions">
                    {% for entitys in entity.diller %}
                    <h2>/ Next</h2>
                    <div class="blog__details__section-blog__details__question blog__details__section-blog__details__question__one">
                        <div class="blog__details__section-blog__details__question-prev__wrapper">
                            <p>/ Prev</p>
                        </div>
                        <div class="blog__details__section-blog__details__question-title__description">
                            <h3 class="blog__details__section-blog__details__question-title">
                                {{ entitys.yontem1|raw }}
                            </h3>
                            <h4 class="blog__details__section-blog__details__question-description">
                                {{ entitys.yontemMetin1|raw }}
                            </h4>
                        </div>
                    </div>
                    <div class="blog__details__section-blog__details__question blog__details__section-blog__details__question__two">
                        <div class="blog__details__section-blog__details__question-next__wrapper">
                            <p>/ Next</p>
                            <div class="fixed__photo__next"></div>
                        </div>
                        <div class="blog__details__section-blog__details__question-title__description">
                            <h3 class="blog__details__section-blog__details__question-title">
                                {{ entitys.yontem2|raw }}
                            </h3>
                            <h4 class="blog__details__section-blog__details__question-description">
                                {{ entitys.yontemMetin2|raw }}
                            </h4>
                        </div>
                    </div>
                    <div class="fixed__photo__prev"></div>
                    <a class="blog__details__section-blog__details__questions-button " href="{{ path('app_main_blog') }}">
                        <h4>ALL BLOGS</h4>
                        <div class="blog__details__section-blog__details__questions-button-circle">
                            <img src="{{ asset('assets/main/images/main-page/right-arrow.svg') }}" alt="right-arrow">
                        </div>
                    </a>
                    {% endfor %}
                </div>
            {% endfor %}
        </div>
    </div>
    {% include 'main/default/new-catalogue.html.twig' %}
{% endblock %}
{% block body_js %}
    {% include 'main/default/scripts.html.twig' %}
{% endblock %}