{% extends 'siteBase.html.twig' %}
{# Sayfa İstekleri #}
{% set sBoyutlar = 'slider'|ayarlar|split('X') %}
{% set sliders = ''|site_sliders %}
{% block dil %}{{ app.session.get('dil')['kisa'] }}{% endblock %} {# tr or en #}
{% block title %}{{ 'title'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
{% block keywords %}{{ 'keywords'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
{% block description %}{{ 'description'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
{% block title2 %}{{ 'title'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
{% block description2 %}{{ 'description'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
{% block image_alt %}{{ 'title'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
{% block title3 %}{{ 'title'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
{% block description3 %}{{ 'description'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
{% block image %}{{ 'siteYolu'|ayarlar~'storage/logo.webp' }}{% endblock %}
{% block image2 %}{{ 'siteYolu'|ayarlar~'storage/logo.webp' }}{% endblock %}
{% block body %}
{#
-- Slider : "sliders" adında bir dizide döndürülmektedir. Dizinin "baslik, aciklama, resim" değişkenleri bulunuyor. Bu bilgiler ile kodlamayınız.
----------------------------------------------------
#}
<!-- slider-area -->
<section class="slider__area-four fix">
<div class="swiper-container slider__active fix" id="heroSlider" data-swiper-options='{
"loop": true,
"effect": "fade",
"autoplay": { "delay": 4000 },
"breakpoints": {
"0": { "spaceBetween": 0, "slidesPerView": 1 },
"375": { "spaceBetween": 0, "slidesPerView": 1 },
"575": { "spaceBetween": 0, "slidesPerView": 1 },
"768": { "spaceBetween": 0, "slidesPerView": 1 },
"992": { "spaceBetween": 0, "slidesPerView": 1 },
"1400": { "spaceBetween": 0, "slidesPerView": 1 }
},
"pagination": {
"el": ".slider-pagination",
"clickable": true
}}'>
<div class="swiper-wrapper">
{% if sliders is defined and sliders is iterable and sliders|length > 0 %}
{% for s in sliders %}
{% set bg = (s.resim is defined and s.resim is not empty) ? path('panel_storage', {'file': s.resim}) : '' %}
<div class="swiper-slide slider__bg-five"{% if bg %} data-background="{{ bg }}"{% endif %}>
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="slider__content-four">
{% if s.baslik is defined and s.baslik is not empty %}
<h2 class="title">{{ s.baslik }}</h2>
{% endif %}
{% if s.aciklama is defined and s.aciklama is not empty %}
<p>{{ s.aciklama }}</p>
{% endif %}
{% if iletisimLink is defined and iletisimLink is not empty %}
<div class="slider__btn">
<a href="{{ iletisimLink }}" class="tg-btn tg-btn-two">
<span>İletişim</span>
<div class="icon">
<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.726027 10C0.527397 10 0.349315 9.92466 0.212329 9.78767C0.0753425 9.65069 0 9.46575 0 9.27397C0 9.08219 0.0753425 8.89726 0.212329 8.76027L7.5137 1.45205H1.55479C1.15068 1.45205 0.828767 1.12329 0.828767 0.726027C0.828767 0.328767 1.15753 0 1.56164 0H9.27397C9.32877 0 9.38356 0.00684932 9.44521 0.0205479L9.5411 0.0479452L9.64384 0.10274C9.66438 0.116438 9.69178 0.136986 9.71233 0.150685C9.76712 0.191781 9.80822 0.232877 9.84247 0.273973C9.86301 0.30137 9.89041 0.328767 9.91096 0.376712L9.96575 0.493151L9.9863 0.554795C10 0.609589 10.0068 0.671233 10.0068 0.726027V8.43836C10.0068 8.84247 9.67808 9.16438 9.28082 9.16438C8.88356 9.16438 8.55479 8.83562 8.55479 8.43836V2.47945L1.24658 9.78767C1.10959 9.92466 0.924658 10 0.726027 10Z" fill="currentColor" />
<path d="M0.726027 10C0.527397 10 0.349315 9.92466 0.212329 9.78767C0.0753425 9.65069 0 9.46575 0 9.27397C0 9.08219 0.0753425 8.89726 0.212329 8.76027L7.5137 1.45205H1.55479C1.15068 1.45205 0.828767 1.12329 0.828767 0.726027C0.828767 0.328767 1.15753 0 1.56164 0H9.27397C9.32877 0 9.38356 0.00684932 9.44521 0.0205479L9.5411 0.0479452L9.64384 0.10274C9.66438 0.116438 9.69178 0.136986 9.71233 0.150685C9.76712 0.191781 9.80822 0.232877 9.84247 0.273973C9.86301 0.30137 9.89041 0.328767 9.91096 0.376712L9.96575 0.493151L9.9863 0.554795C10 0.609589 10.0068 0.671233 10.0068 0.726027V8.43836C10.0068 8.84247 9.67808 9.16438 9.28082 9.16438C8.88356 9.16438 8.55479 8.83562 8.55479 8.43836V2.47945L1.24658 9.78767C1.10959 9.92466 0.924658 10 0.726027 10Z" fill="currentColor" />
</svg>
</div>
</a>
</div>
{% endif %}
</div>
</div>
</div>
</div>
</div>
{% endfor %}
{% else %}
{# sliders boş gelirse, layout kırılmasın diye 1 boş slide #}
<div class="swiper-slide slider__bg-five">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="slider__content-four">
{% if iletisimLink is defined and iletisimLink is not empty %}
<div class="slider__btn">
<a href="{{ iletisimLink }}" class="tg-btn tg-btn-two">
<span>İletişim</span>
</a>
</div>
{% endif %}
</div>
</div>
</div>
</div>
</div>
{% endif %}
</div>
<div class="slider-pagination"></div>
</div>
</section>
<!-- banner-area-end -->{#
-- Site Sayfa Verileri : "veriler[3]" adında bir dizi döndürülüyor. 0. elemanı sayfa bilgilerini içerir. 1 elemanı dizidir. Ve sayfa içeriğini döndürür. Bu bilgilere göre kodlama yapınız.
-- Modül alanları : baslik, metin, resim
** 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')"
----------------------------------------------------
#}
{#
-- Site Sayfa Verileri : "veriler[4]" adında bir dizi döndürülüyor. 0. elemanı sayfa bilgilerini içerir. 1 elemanı dizidir. Ve sayfa içeriğini döndürür. Bu bilgilere göre kodlama yapınız.
-- Modül alanları : seourl, sayfabaşlığı, anahtarkelimeler, sayfaaçıklaması, adı, metin, resim
** 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')"
----------------------------------------------------
#}
{% endblock %}
{% block javascripts %}{% endblock %}