{% extends 'siteBase.html.twig' %}
{% block dil %}{{ app.session.get('dil')['kisa'] }}{% endblock %} {# tr or en #}
{% block title %}{{ sayfa.title }}{% endblock %}
{% block keywords %}{{ sayfa.keywords }}{% endblock %}
{% block description %}{{ sayfa.description }}{% endblock %}
{% block title2 %}{{ sayfa.title }}{% endblock %}
{% block description2 %}{{ sayfa.description }}{% endblock %}
{% block image_alt %}{{ sayfa.title }}{% endblock %}
{% block title3 %}{{ sayfa.title }}{% endblock %}
{% block description3 %}{{ sayfa.description }}{% endblock %}
{% block image %}{{ sayfa.dilgrup|site_bannerGetir|raw }}{% endblock %}
{% block image2 %}{{ sayfa.dilgrup|site_bannerGetir|raw }}{% endblock %}
{% block body %}
{% 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, tarih, 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="my-120 @">
<div class="container-xl">
<div class="blog-cards v2">
<div class="row">
{% for blog in icerikler %}
<div class="col-xl-4 col-lg-4 col-md-6 col-sm-6" data-aos="fade-up" data-aos-duration="800" data-aos-delay="{{ loop.index * 200 }}">
<div class="blog-card">
<div class="card-img">
<a href="{{ blog.seourl }}">
{{ blog.resim|imgOlustur(300,10,'cover')|raw }}
</a>
</div>
<div class="card-body">
<h3 class="title"><a href="{{ blog.link }}">{{ blog.adi|html_entity_decode|raw }}</a></h3>
<p class="para">{{ blog.metin|html_entity_decode|striptags|slice(0,75)|raw }}</p>
</div>
<div class="card-footer">
<div class="all-btn">
<a href="{{ blog.link }}" class="btn-p icon-v2">Daha fazla</a>
</div>
</div>
<div class="card-date">
<div class="date-icon">
<i class="my-icon icon-calander-2"></i>
</div>
<p class="para">{{ blog.tarih|date('d F Y')|tarih_yaz }}</p>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</section>
{% endblock %}
{% block javascripts %}{% endblock %}