{% extends 'main_base.html.twig' %}
{% block title %}
	{{ entity.title }}
{% endblock %}
{% block description %}
	{{ entity.description }}
{% endblock %}
{% block content %}
	{% set banner = entity.sayfa.banner %}
	{% set bannerPath = asset('uploads/surdurulebilirlik/banner/') %}
	{% if banner is null %}
		{% set banner = 'surdurulebilirlik2.png' %}
		{% set bannerPath = asset('assets/main/img/') %}
	{% endif %}
	<div class="page_head" id="surdurulebilirlik-banner" style="background-image: url('{{ bannerPath~banner }}')">
		<h1 class="page-title animate__animated animate__flipInX">{{ 'sustainability'|trans }}</h1>
		<div class="tree animate__animated animate__slideInDown">
			<a href="{{ path('app_main_default') }}">{{ 'home'|trans }}</a>
			<span>/</span>
			<a href="javascript:void(0);">{{ 'sustainability'|trans }}</a>
			<span>/</span>
			<a href="javascript:void(0);" class="activetree">{{ entity.baslik }}</a>
		</div>
		{#<div class="innerPage-banner-img-hiz">
			<img src="{{ asset('assets/main/img/cert.png') }}" alt="">
		</div>#}
	</div>

	{% for bolum in entity.sayfa.bolumler|filter(b => b.del == 0) %}
        {% set bolumDil = bolum.diller|filter(d => d.dil.kisaBaslik == app.request.locale)|first %}
        {% if loop.index == 1 %}
            <div class="history">
                <div class="container">
                    <div class="history-wrapper">
                        <div class="history-left hakkimizda-history-left">
                            <div class="history-text">
                                <h4>{{ bolumDil.baslik }}</h4>
                                {{ bolumDil.metin|raw }}
                            </div>
                        </div>
                        <div class="history-right hakkimizda-history-right">
                            <div class="swiper hakkimizda-swiper">
                                <div class="swiper-wrapper">
                                    {% for resim in bolum.resimler|filter(r => r.del == 0) %}
                                        <div class="swiper-slide">
                                            <img src="{{ asset('uploads/surdurulebilirlik/'~resim.resim) }}" alt="Askon">
                                        </div>
                                    {% endfor %}
                                </div>
                                <div class="swiper-pagination"></div>
                                <div class="hakkimizda-swiper-navs" hidden="hidden">
                                    <div class="swiper-button-prev"></div>
                                    <div class="swiper-button-next"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        {% elseif loop.index == 2 %}
            <div class="history-2">
                <div class="history-left-2">
                    <div class="history-text">
                        <h4>{{ bolumDil.baslik }}</h4>
                        {{ bolumDil.metin|raw }}
						{#
                        <a href="#">
                            <div class="history-youtube">
                                <img src="{{ asset('assets/main/img/youtube2.svg') }}" alt="">
                                <span>Youtube’u ziyaret edin</span>
                            </div>
                        </a>
						#}
                    </div>
                </div>
				{% if bolum.resimler|filter(r => r.del == 0)|length > 0 %}
					<div class="history-right-2">
						<div class="swiper hakkimizda-swiper">
							<div class="swiper-wrapper">
								{% for resim in bolum.resimler|filter(r => r.del == 0) %}
									<div class="swiper-slide">
										<img src="{{ asset('uploads/surdurulebilirlik/'~resim.resim) }}" alt="Askon">
									</div>
								{% endfor %}
							</div>
							<div class="swiper-pagination"></div>
                            <div class="hakkimizda-swiper-navs" hidden="hidden">
                                <div class="swiper-button-prev"></div>
                                <div class="swiper-button-next"></div>
                            </div>
						</div>
					</div>
				{% endif %}
            </div>
            <div class="temizle"></div>
        {% elseif loop.index == 3 %}
            <div class="container about-container-mt mb-5 {{ entity.link~'-container' }}">
                <div class="row">
                    <div class="col-lg-6 overflow-hidden">
                        <div class="swiper hakkimizda-swiper">
                            <div class="swiper-wrapper">
                                {% for resim in bolum.resimler|filter(r => r.del == 0) %}
                                    <div class="swiper-slide">
                                        <img src="{{ asset('uploads/surdurulebilirlik/'~resim.resim) }}" alt="Askon">
                                    </div>
                                {% endfor %}
                            </div>
                            <div class="swiper-pagination"></div>
                            <div class="hakkimizda-swiper-navs" hidden="hidden">
                                <div class="swiper-button-prev"></div>
                                <div class="swiper-button-next"></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="history-text2 srduru">
                            <h4>{{ bolumDil.baslik }}</h4>
                            {{ bolumDil.metin|raw }}
                        </div>
                    </div>
                </div>
                <div class="temizle"></div>
            </div>
        {% endif %}
    {% endfor %}

	<section class="we-hizmets">
		<div class="explore-inner surdurulebilirlik-explore">
			<p>{{ 'browse_systems'|trans }}</p>
		</div>
		<div class="container">
			<div class="we-container">
				<div class="we-inner we-hizmet">
					<div class="row">
						{% for kategori in kategoriler %}
							{% set kategoriDil = kategori.diller|filter(d => d.dil.kisaBaslik == app.request.locale)|first %}
							<div class="col-md-4 we-surdurulebilirlik">
								<div class="we-item">
									<div class="we-img">
										{% if kategori.icon %}
											<img src="{{ asset('uploads/surdurulebilirlik/kategori/icon/'~kategori.icon) }}" alt="">
										{% endif %}
									</div>
									<h3>{{ kategoriDil.baslik }}</h3>
									{{ kategoriDil.metin|raw }}
								</div>
							</div>
						{% endfor %}
					</div>
				</div>
			</div>
		</div>
	</section>
{% endblock %}