{% 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ı : adres, telefon, gsm, fax, eposta, harita, 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 class="contact-page pt-120 pb-120">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10 col-xl-8">
<div class="contact-form reveal reveal--top">
<div class="contact-title">
<h3 class="fade_up_anim">Bizimle iletişime geçin.</h3>
<p class="mb-3 pb-lg-3 fade_up_anim" data-delay=".3">Formu doldurun ve ekibimiz birkaç saat içinde size geri dönecek</p>
</div>
<div id="contact-form">
{{ 1|site_formGetir|raw }}
</div>
</div>
</div>
</div>
</div>
</section>
<section class="more-help">
<div class="container">
<div class="row justify-content-center text-center">
<div class="col-lg-8 col-xl-6">
<h2 class="fade_up_anim">Daha fazla yardıma mı ihtiyacınız var?</h2>
<p class="fade_up_anim" data-delay=".3">Sorgular, şikayetler ve geri bildirimler. Size hizmet etmekten mutluluk duyarız.</p>
</div>
</div>
<div class="row g-4">
<div class="col-md-6 col-lg-4">
<div class="help-card fade_up_anim">
<i class="ti ti-phone-call"></i>
<h4 class="mb-3">Telefon</h4>
<div class="d-flex flex-column gap-1">
<a href="tel:{{ icerikler[0].telefon|html_entity_decode|raw }}">{{ icerikler[0].telefon|html_entity_decode|raw }}</a>
<a href="tel:{{ icerikler[0].gsm|html_entity_decode|raw }}">{{ icerikler[0].gsm|html_entity_decode|raw }}</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="help-card fade_up_anim" data-delay=".2">
<i class="ti ti-mail-opened"></i>
<h4 class="mb-3">E-Posta</h4>
<div class="d-flex flex-column gap-1">
<a href="mailto:{{ icerikler[0].eposta|html_entity_decode|raw }}">{{ icerikler[0].eposta|html_entity_decode|raw }}</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="help-card fade_up_anim" data-delay=".4">
<i class="ti ti-map-pin-pin"></i>
<h4 class="mb-3">Adres</h4>
<div class="d-flex flex-column gap-1">
<span>{{ icerikler[0].adres|html_entity_decode|raw }}</span>
</div>
</div>
</div>
</div>
{% if icerikler[0].harita is not empty %}
<div class="row mt-5">
<div class="col-12">
<div class="map-container">
{{ icerikler[0].harita|html_entity_decode|raw }}
</div>
</div>
</div>
{% endif %}
</div>
</section>
{% endblock %}
{% block javascripts %}{% endblock %}