{% 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')"
----------------------------------------------------
#}
{% if kategoriler|length>0 %}
<section class="service-one service-one--three">
<div class="container">
<div class="row mt-5">
{% for icerik in kategoriler %}
<div class="col-md-4">
<div class="service-one__item">
<div class="service-one__item__bgeffect" style="background-image: url(/dist/assets/images/shapes/service-shape3-1.png)"></div>
<div class="service-one__item__titlewrap">
<div class="service-one__item__titlecol">
<h4 class="service-one__item__title"><a href="{{ icerik.link }}">{{ icerik.adi|html_entity_decode|raw }}</a></h4>
<p class="service-one__item__text">Tüm ürünleri keşfet. </p>
<a class="service-one__item__link" href="{{ icerik.link }}">Daha fazla</a>
</div>
</div>
<div class="service-one__item__image">
{{ icerik.resim|imgOlustur(275,10,'cover')|raw }}
<div class="service-one__item__iconwrap">
<div class="service-one__item__icon">
<img src="{{ path('panel_storage',{'file':'beyazLogo.webp'}) }}" class="w-100" />
</div>
</div>
<div class="service-one__item__btmwrap">
<a class="service-one__item__iconlink" href="{{ icerik.link }}">
<i class="icon-right-up"></i>
</a>
</div>
</div>
</div><!-- /.service-card-one -->
</div>
{% endfor %}
</div>
</div>
</section>
{% else %}
<section class="service-one service-one--two service-one--page">
<div class="container">
<div class="row gutter-y-30">
{% for icerik in icerikler %}
<div class="col-lg-4 col-md-6 wow fadeInUp animated" data-wow-delay="00ms">
<div class="service-one__item">
<div class="service-one__item__image">
{{ icerik.resim|imgOlustur(275,10,'cover')|raw }}
</div>
<div class="service-one__item__content">
<div class="service-one__item__titlewrap d-flex flex-wrap align-items-center">
<div class="service-one__item__titlecol">
<span class="service-one__item__count"></span>
<h4 class="service-one__item__title"><a href="{{ icerik.link }}">{{ icerik.adi|html_entity_decode|raw }}</a></h4>
</div>
<div class="service-one__item__iconwrap">
<div class="service-one__item__icon">
<img src="{{ path('panel_storage',{'file':'beyazLogo.webp'}) }}" class="w-100" />
</div><!-- /.service-icon -->
</div>
</div>
<div class="service-one__item__btmwrap d-flex align-items-center justify-content-between">
<a class="service-one__item__iconlink" href="{{ icerik.link }}">
<i class="icon-right-up"></i>
</a>
<a class="service-one__item__link" href="{{ icerik.link }}">Detaylar</a>
</div>
</div>
</div><!-- /.service-card-one -->
</div>
{% endfor %}
</div>
</div>
</section>
{% endif %}
{% endblock %}
{% block javascripts %}{% endblock %}