{% 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.
----------------------------------------------------
#}
<div class="tmp-section-gap tmp-banner__agency-wrapper-bg position-relative bg_image bg_slider" style="background-image: url({{ path('panel_storage',{'file':sliders[0].resim}) }});">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="banner-inner-content-four">
<div class="inner-content-banner-four">
<!-- video icon -->
<!-- video icon -->
<div class="content-wrapper">
<h1 class="title">{{ sliders[0].baslik }}</span> </h1>
<p class="disc">
{{ sliders[0].aciklama|default('') }}
</p>
<div class="button-area-banner-one">
<a href="{{ iletisimLink }}" class="tmp-btn btn-primary"><i class="fa fa-arrow-right"></i> Bize Ulaşın</a>
<!-- video icon -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tmp-ocean">
<div class="ocean">
<div class="wave"></div>
<div class="wave"></div>
</div>
</div>
</div>{#
-- 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')"
-- Eğer bir link alanı varsa bunu Daha Fazla olarak isimlendirin. Ardından link olarak {{ ''|site_anaLink~veriler[3][0].seo }}
Bu tekil kurumsal sayfaların metin alanlarını için gerekli kod:
{% set metin = veriler[3][1][0].metin|html_entity_decode|split('</p>') %}
{{ (metin[0]~'</p>')|raw }}
{{ (metin[1]~'</p>')|raw }}
----------------------------------------------------
#}
<div class="about-area tmp-section-gapBottom about-style-one">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="about-thumbnails">
<div class="thumbnail">
<img src="/storage/{{ veriler[3][1][0].resim }}" style="border-radius:10px;">
</div>
</div>
</div>
<div class="col-lg-6">
<div class="about-inner">
<div class="section-head text-align-left section-head-one-side">
<div class="section-sub-title">
<img src="/dist/assets/images/services/section-custom-menubar.png" alt="Corporate_service">
<span class="subtitle">{{ 'siteAdi'|ayarlar }}</span>
</div>
<h2 class="title split-collab">{{ veriler[3][1][0].baslik|html_entity_decode|raw }}</h2>
</div>
{% set metin = veriler[3][1][0].metin|html_entity_decode|split('</p>') %}
<p class="description" data-sal-delay="200" data-sal="slide-up" data-sal-duration="800">{{ (metin[0]~'</p>')|raw }}</p>
<p class="description" data-sal-delay="200" data-sal="slide-up" data-sal-duration="800">{{ (metin[1]~'</p>')|raw }}</p>
</div>
</div>
</div>
</div>
</div>
<!--Tpm About Area End -->
{#
-- 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, sayfabasligi, anahtarkelimeler, sayfaaciklamasi, adi, metin, resim
-- Linkler de modülün link alanını kullanın.
** 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')"
-- metin değişkinin olduğu alanlarında yapılandırması : ilgili değişken üzerine |html_entity_decode|striptags|slice(0,75)|raw fitrelerini ekle.
----------------------------------------------------
#}
<!-- tmp product area start -->
<div class="tmp-product-area">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="section-head">
<div class="section-sub-title center-title">
<img src="/dist/assets/images/services/section-custom-menubar.png" alt="Corporate_service">
<span class="subtitle">{{ veriler[4][0].adi }}</span>
</div>
<h2 class="title split-collab">Tüm hizmetlerimizi keşfedin! </h2>
</div>
</div>
</div>
</div>
<div class="container-full">
<div class="row">
<div class="col-lg-12">
<!-- product swiper area start -->
<div class="product-swiper-area-one">
<div class="swiper mySwiper-portfolio-1">
<div class="swiper-wrapper">
{% for product in veriler[4][1] %}
<div class="swiper-slide">
<!-- single product area start -->
<div class="signle-product-start" data-tmp-cursor="lg text-secondary transparent fw-bold" data-tmp-cursor-icon="fa-solid fa-arrow-up-right">
<a href="{{ product.link }}" class="thumbnail">
{{ product.resimler|split(',')[0]|imgOlustur(400,0,'cover')|raw }}
</a>
<div class="inner-content">
<a href="{{ product.seourl }}">
<h5 class="title">{{ product.adi|html_entity_decode|raw }}</h5>
</a>
<span class="designation">{{ product.metin|html_entity_decode|striptags|slice(0,75)|raw }}</span>
<div class="tag"></div>
</div>
</div>
<!-- single product area end -->
</div>
{% endfor %}
</div>
<div class="swiper-pagination"></div>
<div class="swiper-button-next" data-tmp-cursor="md transparent fw-bold" data-tmp-cursor-text="Next"></div>
<div class="swiper-button-prev" data-tmp-cursor="md transparent fw-bold" data-tmp-cursor-text="Prev"></div>
</div>
</div>
<!-- product swiper area end -->
</div>
</div>
</div>
</div>
<!-- tmp product area end -->
{% endblock %}
{% block javascripts %}{% endblock %}