{% extends 'siteBase.html.twig' %}
{% block dil %}{{ app.session.get('dil')['kisa'] }}{% endblock %} {# tr or en #}
{% block title %}{{ icerik.sayfabasligi|html_entity_decode|raw }}{% endblock %}
{% block keywords %}{{ icerik.anahtarkelimeler|html_entity_decode|raw }}{% endblock %}
{% block description %}{{ icerik.sayfaaciklamasi|html_entity_decode|raw }}{% endblock %}
{% block title2 %}{{ icerik.sayfabasligi|html_entity_decode|raw }}{% endblock %}
{% block description2 %}{{ icerik.sayfaaciklamasi|html_entity_decode|raw }}{% endblock %}
{% block image_alt %}{{ icerik.sayfabasligi|html_entity_decode|raw }}{% endblock %}
{% block title3 %}{{ icerik.sayfabasligi|html_entity_decode|raw }}{% endblock %}
{% block description3 %}{{ icerik.sayfaaciklamasi|html_entity_decode|raw }}{% endblock %}
{% block image %}{{ 'siteYolu'|ayarlar~'storage/' }}{{ resimler[0]|default(icerik.resim|default('logo.webp')) }}{% endblock %}
{% block image2 %}{{ 'siteYolu'|ayarlar~'storage/' }}{{ resimler[0]|default(icerik.resim|default('logo.webp')) }}{% endblock %}
{% block body %}
{% include 'siteBase/breadcrumbs.html.twig' %}
{#
-- Sayfa Verileri : "icerik" adında bir dizi döndürülüyor. Dizi elemanları : seourl, sayfabaşlığı, anahtarkelimeler, sayfaaçıklaması, adı, metin, tarih, resimler, link
-- Büyük resim için : <div class="row">{% for resim in icerik.resimler|split(",") %}{% if resim|default("")!="" %}<div class="col-md-6 mb-3"><a href="/storage/{{ resim }}" data-fancybox="gallery">{{ resim|imgOlustur(300,10)|raw }}</a></div>{% endif %} {% endfor %}</div> yazmanız yeterli olcaktır.
-- Sol veya Sağ menüler için : "solMenuler" adında bir dizi döndürülüyor. Dizi elemanları : adi, link, resim
-- İletişim bilgileri için : {{ 'alan'|site_iletisimBilgileri|raw }} kullanın. Ör: {{ 'telefon'|site_iletisimBilgileri|raw }}
** 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="service-details pt-80 pb-80">
<div class="container">
<div class="row g-3 g-xl-4 position-relative">
<div class="col-lg-8">
<div class="details-left mb-4">
<div class="reveal reveal--right reveal--overlay overflow-hidden">
{{ icerik.resimler|default('')|split(',')[0]|imgOlustur(400,10,'cover')|raw }}
</div>
<div class="details-content pt-3 pt-lg-4">
<ul class="list-unstyled p-0 mt-3 mt-xl-4 d-flex flex-wrap align-items-center gap-3">
<li class="d-flex align-items-center gap-2 text-n500">
<i class="ti ti-user-circle fs-5 text-secondary2"></i> {{ 'siteAdi'|ayarlar }}
</li>
<li class="text-sm">•</li>
<li class="d-flex align-items-center gap-2 text-n500">
<i class="ti ti-calendar-event fs-5 text-secondary2"></i> {{ icerik.tarih|date("d F Y H:i")|tarih_yaz }}
</li>
</ul>
<h2 class="mb-3">{{ icerik.adi|html_entity_decode|raw }}</h2>
{{ icerik.metin|html_entity_decode|raw }}
<br><br>
<div class="row">{% for resim in icerik.resimler|split(",") %}{% if resim|default("")!="" %}<div class="col-md-6 mb-3"><a href="/storage/{{ resim }}" data-fancybox="gallery">{{ resim|imgOlustur(300,10)|raw }}</a></div>{% endif %} {% endfor %}</div>
</div>
</div>
</div>
<!-- Sağ Menü -->
<div class="col-lg-4 position-sticky">
{% if solMenuler is defined and solMenuler|length > 0 %}
<div class="white-box"><h4 class="bb-dashed-24">Diğerleri</h4>
<ul class="more-projects">
{% for menu in solMenuler %}
<li><a href="{{ menu.link }}">
<div class="w-50">{{ menu.resim|imgOlustur(100,10,'cover')|raw }}</div>
<div>
<span class="fw-medium text-lg text-black mb-2 d-block">{{ menu.adi|html_entity_decode|raw }}</span>
<span class="text-secondary3 fs-6 fw-semibold">Daha Fazla <i class="ti ti-arrow-up-right"></i></span>
</div>
</a></li>
{% endfor %}
</ul>
</div>
{% endif %}
<div class="white-box"><h4 class="bb-dashed-24">İletişim</h4>
<p class="mb-2">Telefon: {{ 'telefon'|site_iletisimBilgileri|raw }}</p>
<p class="mb-2">E-Posta: {{ 'eposta'|site_iletisimBilgileri|raw }}</p>
<p class="mb-2">Adres: {{ 'adres'|site_iletisimBilgileri|raw }}</p>
</div>
</div>
</div>
</div>
</section>
{% endblock %}
{% block javascripts %}{% endblock %}