{% 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.
----------------------------------------------------
#}
<!-- hero area -->
<div class="hero-section">
<div class="hero-slider owl-carousel">
{% for slider in sliders %}
<div class="hero-single" style="background-image: url(/storage/{{ slider.resim }});">
<div class="container">
<div class="row align-items-center">
<div class="col-md-12 col-lg-7">
<div class="hero-content">
<h6 class="hero-sub-title" data-animation="fadeInUp" data-delay=".25s">
<i class="fa fa-passport"></i> {{ 'siteAdi'|ayarlar }}
</h6>
<h1 class="hero-title" data-animation="fadeInRight" data-delay=".50s">
{{ slider.baslik|default('')|raw }}
</h1>
<p data-animation="fadeInLeft" data-delay=".75s">
{{ slider.aciklama|default('')|raw }}
</p>
</div>
</div>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
<!-- hero area end -->
<!-- feature area -->
<div class="feature-area feature-negative">
<div class="container">
<div class="feature-wrapper">
<div class="row g-4">
{% for xx in veriler[4][1] %}
<div class="col-md-6 col-lg-4">
<div class="feature-item">
<div class="feature-icon">
<img src="/storage/{{ xx.resim }}" alt="">
</div>
<div class="feature-content">
<h4>{{ xx.adi|html_entity_decode|raw }}</h4>
<p>{{ xx.aciklama|html_entity_decode|raw }}</p>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
<!-- feature 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ı : seourl, sayfabaşlığı, anahtarkelimeler, sayfaaçıklaması, adı, fiyat, konaklama, ulaşım, gezilecekyerler, kalkışyerleri, gecesayısı, vize, turprogramımetin, hizmetlermetin, ekbilgilermetin, turtarihlerimetin, fiyatlarmetin, resimler
** 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')"
----------------------------------------------------
#}
{% set datas = 3|site_sayfaIcerikDirek %}
{% for kat in veriler[3][1] %}
<div class="visa-area bg pt-80 pb-120">
<div class="container pb-80">
<div class="row">
<div class="col-lg-8 mx-auto wow fadeInDown" data-wow-delay=".25s">
<div class="site-heading text-center">
<span class="site-title-tagline"><i class="fa fa-passport"></i> {{ 'siteAdi'|ayarlar }}</span>
<h2 class="site-title">{{ kat.adi }}</h2>
</div>
</div>
</div>
<div class="visa-wrap wow fadeInUp" data-wow-delay=".25s">
<div class="visa-slider owl-carousel">
{% for key,item in datas[1] %}
{% if item.kategoriId==kat.dilgrup %}
<div class="visa-item">
<span class="count">0{{ key+1 }}</span>
<div class="visa-content">
<div class="visa-icon">
<img src="/dist/assets/img/icon/migrate-visa.svg" alt="">
</div>
<div class="visa-info">
<h4 class="visa-title">
<a href="{{ item.link }}">{{ item.adi|html_entity_decode|raw }}</a>
</h4>
<p class="visa-text">
Ulaşım : {{ item.ulasim|html_entity_decode|raw }} <br>
Konaklama : {{ item.konaklama|html_entity_decode|raw }}
</p>
<a href="{{ item.link }}" class="theme-btn">{{ item.fiyat|number_format(2,',','.') }} ₺ <i class="fas fa-circle-arrow-right"></i></a>
</div>
</div>
<div class="visa-img">
{{ item.resimler|split(',')[0]|imgOlustur(250,10,'cover')|raw }}
</div>
</div>
{% endif %}
{% endfor %}
</div>
</div>
</div>
</div>
{% endfor %}
<div class="team-area py-100">
<div class="container">
<div class="row g-4">
{% for item in veriler[3][1] %}
<div class="col-md-6 col-lg-3">
<div class="team-item wow fadeInUp" data-wow-delay=".25s">
<div class="team-img">
{{ item.resim|imgOlustur(250,100,'cover')|raw }}
</div>
<div class="team-content">
<h4><a href="{{ item.link }}">{{ item.adi }}</a></h4>
<span>{{ veriler[3][0].adi }}</span>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
{% endblock %}
{% block javascripts %}{% endblock %}