{% extends 'main_base.html.twig' %}
{% block title %}{{ entity ? entity.title : kategori.title }}{% endblock %}
{% block description %}{{ entity ? entity.description : kategori.description }}{% endblock %}
{% block content %}
	{% set kategoriDil = entity.urun.kategori.diller|filter(d => d.dil.kisaBaslik == app.request.locale)|first %}
	{% set banner = entity.urun.banner %}
	{% set bannerPath = asset('uploads/urun/banner/') %}
	{% if banner is null %}
		{% set banner = 'hizmet.jpg' %}
		{% set bannerPath = asset('assets/main/img/') %}
	{% endif %}
	<div class="page_head" id="hizmet-banner" style="background-image: url('{{ bannerPath~banner }}');">
		<h1 class="page-title animate__animated animate__flipInX">{{ entity.baslik }}</h1>
		<div class="tree animate__animated animate__slideInDown">
			<a href="{{ path('app_main_default') }}">{{ 'home'|trans }}</a>
			<span>/</span>
			<a href="javascript:void(0);">{{ 'products'|trans }}</a>
			<span>/</span>
			<a href="javascript:void(0);">{{ kategoriDil.baslik }}</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>
	<div class="container">
		<div class="page-h-text animate__animated animate__slideInUp">
			{{ kategoriDil.metin|default|raw }}
		</div>
		<div class="page-icerik">
			<div class="page-title2">{{ entity.baslik }}</div>
			<div class="page-text">{{ entity.metin|default|raw }}</div>
			<div class="ana-buton-hizmetler">
				<ul class="ana-hizmet-buton-ul-banner">
					{% for item in entity.urun.kategori.urunler|filter(u => u.del == 0)|sort((a,b) => a.sira > b.sira) %}
						{% set itemDil = item.diller|filter(d => d.dil.kisaBaslik == app.request.locale)|first %}
						<li class="ana-hizmet-buton-li {% if itemDil.link == entity.link %}ui-state-active{% endif %}">
							<a href="{{ path('app_main_urun_grup', {'link':itemDil.link}) }}">{{ itemDil.baslik }}</a>
						</li>
					{% endfor %}
				</ul>
			</div>
			<div id="tabs">
				{% for bolum in entity.urun.bolumler|filter(b => b.del == 0) %}
					{% set bolumDil = bolum.diller|filter(d => d.dil.kisaBaslik == app.request.locale)|first %}
					<div class="row mb-5">
						<div class="col-md-6">
							<div class="swiper hizmet-swiper">
								<div class="swiper-wrapper">
									{% for resim in bolum.resimler|filter(r => r.del == 0) %}
										<div class="swiper-slide"><img src="{{ asset('uploads/urun/'~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-md-6">
							<div class="hizmet-swiper-right">
								<div class="hizmet-swiper-title">{{ bolumDil.baslik }}</div>
								<div class="hizmet-swiper-text">
									{{ bolumDil.metin|raw }}
								</div>
							</div>
						</div>
					</div>
				{% endfor %}
			</div>
		</div>
		<div class="temizle"></div>
	</div>
	<section class="we-hizmets">
		<div class="explore-inner urun-explore-inner">
			<p>{{ 'browse_systems'|trans }}</p>
		</div>
		<div class="container">
			<div class="we-container">
				<div class="we-inner we-hizmet">
					<div class="row">
						{% for item in hizmetKategoriler %}
							{% set itemDil = item.diller|filter(d => d.dil.kisaBaslik == app.request.locale)|first %}
							<div class="col-md-4 we-hizmet-box">
								<div class="we-item">
									<div class="we-img we-img-urun">
										<img src="{{ asset('uploads/hizmet/kategori/icon/'~item.icon) }}" alt="">
									</div>
									<a href="{{ path('app_main_hizmetler', {'slug': item.diller|first.link}) }}"><h3>{{ itemDil.baslik }}</h3></a>
									 {{ itemDil.metin|default|raw }}
								</div>
							</div>
						{% endfor %}
					</div>
				</div>
			</div>
		</div>
	</section>
{% endblock %}

{% block pageScript %}
	<script>
		window.addEventListener('DOMContentLoaded', () => {
			$(".we-hizmet-box").each(function () {
				$(this).find(".we-item > p").not(":first").remove();
			});
		});
	</script>
{% endblock %}