{% extends 'siteBase.html.twig' %}
{% block dil %}{{ app.session.get('dil')['kisa'] }}{% endblock %} {# tr or en #}
{% block title %}{{ kategori.title }}{% endblock %}
{% block keywords %}{{ kategori.keywords|default('') }}{% endblock %}
{% block description %}{{ kategori.description|default('') }}{% endblock %}
{% block title2 %}{{ kategori.title }}{% endblock %}
{% block description2 %}{{ kategori.description|default('') }}{% endblock %}
{% block image_alt %}{{ kategori.title }}{% endblock %}
{% block title3 %}{{ kategori.title }}{% endblock %}
{% block description3 %}{{ kategori.description|default('') }}{% endblock %}
{% block image %}{{ 'siteYolu'|ayarlar~'storage/' }}{{ kategori.resim|default('logo.webp') }}{% endblock %}
{% block image2 %}{{ 'siteYolu'|ayarlar~'storage/' }}{{ kategori.resim|default('logo.webp') }}{% endblock %}
{% block body %}
{% set oncekiKategoriler = kategori.ustid|site_kategoriGeriLi(app.session.get('dil')['id'])|split('~') %}
{% include 'siteBase/breadcrumbs.html.twig' %}
{#
-- Sayfa Verileri : "icerikler" adında bir dizi döndürülüyor. Dizi elemanları : seourl, sayfabaşlığı, anahtarkelimeler, sayfaaçıklaması, adı, metin, resimler, link
-- Kategori Verileri : "kategoriler" adında bir dizi döndürülüyor. Dizi elemanları : adi, resim, link
** Eğer kategoriler dizisi boş değilse icerikler boş gelecektir. Eğer boş ise içerikler dönecektir.
** Resimleri çekerken sadece "ornek.jpg|imgOlustur(100,10,'cover')" filtresini kullanmalısın. Bu filtre şu özelliğe sahitir; "ornek.jpg|imgOlustur(yükseklik,radius,'cover/contain')"
----------------------------------------------------
#}
<section class="ep-services-section pt-120 content">
<div class="container">
<div class="row g-4">
{% if kategoriler|length>0 %}
{%for veri in kategoriler %}
<div class="col-xl-4 col-md-6 mx-auto mx-xl-0 fade-up">
<div class="service-item position-relative rounded-20 overflow-hidden bg-control"
data-background="assets/img/services/service-img-1.jpg">
<div class="overlay w-100 h-100">
{{ veri.resim|split(',')[0]|imgOlustur(300,10,'cover')|raw }}
<div class="service-title pb-20 mb-20 d-flex align-items-center mt-20">
<h4 class="heading-four">{{ veri.adi|html_entity_decode|raw }}</h4>
</div>
<div class="pt-30">
<a href="{{ veri.link }}" class="theme-btn transparent-btn">
Daha Fazla
<span class="btn-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.2901 10.625H2.70703V9.375H17.2901V10.625Z"
fill="currentColor" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M16.6659 9.37109C13.7263 9.37109 11.3242 11.9562 11.3242 14.7128V15.3378H12.5742V14.7128C12.5742 12.6198 14.4431 10.6211 16.6659 10.6211H17.2906V9.37109H16.6659Z"
fill="currentColor" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M16.6659 10.623C13.7263 10.623 11.3242 8.03784 11.3242 5.28125V4.65625H12.5742V5.28125C12.5742 7.37423 14.4431 9.37296 16.6659 9.37296H17.2906V10.623H16.6659Z"
fill="currentColor" />
</svg>
</span>
</a>
</div>
</div>
</div>
</div>
{%endfor%}
{%else%}
{%for veri in icerikler %}
<div class="col-xl-4 col-md-6 mx-auto mx-xl-0 fade-up">
<div class="service-item position-relative rounded-20 overflow-hidden bg-control"
data-background="assets/img/services/service-img-1.jpg">
<div class="overlay w-100 h-100">
{{ veri.resimler|split(',')[0]|imgOlustur(300,10,'cover')|raw }}
<div class="service-title pb-20 mb-20 d-flex align-items-center mt-20">
<h4 class="heading-four">{{ veri.adi|html_entity_decode|raw }}</h4>
</div>
<p>{{ veri.metin|html_entity_decode|striptags|slice(0,75) }}...</p>
<div class="pt-30">
<a href="{{ veri.link }}" class="theme-btn transparent-btn">
Daha Fazla
<span class="btn-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.2901 10.625H2.70703V9.375H17.2901V10.625Z"
fill="currentColor" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M16.6659 9.37109C13.7263 9.37109 11.3242 11.9562 11.3242 14.7128V15.3378H12.5742V14.7128C12.5742 12.6198 14.4431 10.6211 16.6659 10.6211H17.2906V9.37109H16.6659Z"
fill="currentColor" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M16.6659 10.623C13.7263 10.623 11.3242 8.03784 11.3242 5.28125V4.65625H12.5742V5.28125C12.5742 7.37423 14.4431 9.37296 16.6659 9.37296H17.2906V10.623H16.6659Z"
fill="currentColor" />
</svg>
</span>
</a>
</div>
</div>
</div>
</div>
{%endfor%}
{%endif%}
</div>
</div>
</section>
{% endblock %}
{% block javascripts %}{% endblock %}