{% 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, resim, 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>
<div class="container mb-5">
<div class="row">
<div class="col">
<div class="swiper service-swiper2">
<div class="swiper-wrapper">
{% for modul in icerikler %}
<div class="swiper-slide">
<div class="service-item style-2">
<div class="service-icon">
<i class="flaticon flaticon-double-chevron"></i>
</div>
<div class="service-title">
<h4>{{ modul.adi|html_entity_decode|raw }}</h4>
</div>
<div class="service-img">
{{ modul.resim|imgOlustur(300,10,'cover')|raw }}
</div>
<div class="service-desc">
<p>{{ modul.metin|html_entity_decode|striptags|slice(0,75)|raw }}</p>
<a class="service-btn" href="{{modul.link}}">
<span>Detaylı Bilgi</span>
<i class="flaticon flaticon-double-chevron"></i>
</a>
</div>
</div>
</div>
{% endfor %}
</div>
<div class="swiper-dots">
<div id="service-pagination" class="swiper-pagination"></div>
</div>
</div>
</div>
</div>
</div>
</section>
{% endblock %}
{% block javascripts %}{% endblock %}