{% 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ı : başlık, resimler, videolar, 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="impactful-project pb-120 pt-120 position-relative z-3">
<div class="container">
<div class="row g-4">
{% if kategoriler|length %}
{% for item in kategoriler %}
{% if loop.index0 % 2 == 0 %}
<div class="col-lg-6">
{% else %}
<div class="col-lg-6">
{% endif %}
<div class="impactful-card mb-4">
<div class="reveal reveal--right reveal--overlay overflow-hidden">
{{ item.resim|imgOlustur(400,10,'cover')|raw }}
</div>
<a href="{{ item.link }}" class="content">
<h3 class="mb-3">{{ item.adi|html_entity_decode|raw }}</h3>
</a>
</div>
</div>
{% endfor %}
{%else%}
{% if icerikler[0].resimler|default('')!='' %}
{% for item in icerikler[0].resimler|split(',') %}
{% if item|default('')!='' %}
<div class="col-6 col-lg-4 mb-2">
<a href="/storage/{{ item }}" data-fancybox="gallery" >
{{ item|imgOlustur(300,10,'cover')|raw }}
</a>
</div>
{% endif %}
{% endfor %}
{%else%}
{% for item in icerikler[0].videolar|split(',') %}
<div class="col-12 col-lg-6 mb-2">
<iframe width="100%" height="315" src="https://www.youtube.com/embed/{{ item }}" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
{% endfor %}
{% endif %}
{% endif %}
</div>
</div>
</section>
{% endblock %}
{% block javascripts %}{% endblock %}