<body onload=" if($('.preloader').length){$('.preloader').delay(200).fadeOut(500); }">
<div class="preloader">
</div>
{#
-- İletişim bilgileri için : {{ 'alan'|site_iletisimBilgileri|raw }} kullanın. Ör: {{ 'telefon'|site_iletisimBilgileri|raw }}
-- Anasayfa Linki : {{ ''|site_anaLink }} kullanın.
-- İletişim Linki : {{ iletisimLink }} kullanın.
-- Logolar : {{ path('panel_storage',{'file':'logo.webp'}) }} kullanın. Logo sabit isimleri logo.webp, beyazLogo.webp, favicon.webp 'dir.
-- Sosyal Ağlar : "sosyalAglar" adında bir dizide döndürülmektedir. Dizinin "adi, link, ikon" değişkenleri bulunuyor.
-- Menüler : "menuler" adında bir dizide döndürülmektedir. Dizinin "adi, link, altmenuler[]" değişkenleri bulunuyor.
#}
{# Preloader #}
<div class="preloader">
<div class="preloader-inner">
<span></span><span></span><span></span><span></span>
</div>
</div>
{# Scroll-top #}
<button class="scroll__top scroll-to-target" data-target="html" type="button" aria-label="Yukarı çık">
<i class="fas fa-arrow-up" aria-hidden="true"></i>
</button>
{# Güvenli tel/mail href için küçük yardımcı değişkenler #}
{% set telText = 'telefon'|site_iletisimBilgileri|html_entity_decode|raw %}
{% set telHref = telText|striptags|trim|replace({' ': '', '-': '', '(': '', ')': ''}) %}
{% set mailText = 'eposta'|site_iletisimBilgileri|html_entity_decode|raw %}
{% set mailHref = mailText|striptags|trim %}
<header class="transparent-header header__style-five">
{# Üst bar: adres / telefon / çalışma saati / sosyal ağlar #}
<div class="tg-header__top tg-header__top-five">
<div class="container">
<div class="row align-items-center gx-0">
<div class="col-lg-6">
<div class="tg-header__top-list tg-header__top-list-four tg-header__top-list-five">
<ul class="list-wrap">
{% set adres = 'adres'|site_iletisimBilgileri|html_entity_decode|raw %}
{% if adres|striptags|trim is not empty %}
<li>
<i class="flaticon-pin"></i>
{{ adres|raw }}
</li>
{% endif %}
{% if telText|striptags|trim is not empty %}
<li>
<i class="flaticon-calling"></i>
<a href="tel:{{ telHref }}">{{ telText|raw }}</a>
</li>
{% endif %}
</ul>
</div>
</div>
<div class="col-lg-6">
<div class="tg-header__top-list tg-header__top-list-right tg-header__top-list-four tg-header__top-list-five">
<ul class="list-wrap">
{% if sosyalAglar is defined and sosyalAglar is iterable and sosyalAglar|length > 0 %}
<li>
<ul class="list-wrap tg-header__top-social">
{% for s in sosyalAglar %}
{% set sLink = s.link|default('') %}
{% if sLink is not empty %}
<li>
<a href="{{ sLink }}" target="_blank" rel="noopener" aria-label="{{ s.adi|default('Sosyal ağ') }}">
{# ikon alanı SVG/HTML dönebileceği için raw basıyoruz; değilse class ise i ile gösterir #}
{% if s.ikon is defined and s.ikon is not empty %}
{% if '<' in s.ikon %}
{{ s.ikon|raw }}
{% else %}
<i class="{{ s.ikon }}" aria-hidden="true"></i>
{% endif %}
{% else %}
<span aria-hidden="true">•</span>
{% endif %}
</a>
</li>
{% endif %}
{% endfor %}
</ul>
</li>
{% endif %}
</ul>
</div>
</div>
</div>
</div>
</div>
<div id="header-top-fixed"></div>
{# Ana header / menü #}
<div id="sticky-header" class="tg-header__area tg-header__area-five">
<div class="container">
<div class="row">
<div class="col-12">
<div class="tgmenu__wrap">
<nav class="tgmenu__nav" aria-label="Ana menü">
<div class="logo">
<a href="{{ ''|site_anaLink }}" aria-label="Anasayfa">
<img src="{{ path('panel_storage', {'file': 'logo.webp'}) }}" alt="Logo">
</a>
</div>
<div class="tgmenu__navbar-wrap tgmenu__main-menu d-none d-xl-flex">
<ul class="navigation">
{% if menuler is defined and menuler is iterable %}
{% for m in menuler %}
{% set hasChildren = m.altmenuler is defined and m.altmenuler is iterable and m.altmenuler|length > 0 %}
<li class="{{ hasChildren ? 'menu-item-has-children' : '' }}">
<a href="{{ m.link|default('#') }}">{{ m.adi|default('Menü') }}</a>
{% if hasChildren %}
<ul class="sub-menu">
{% for sm in m.altmenuler %}
<li>
<a href="{{ sm.link|default('#') }}">{{ sm.adi|default('Alt Menü')|html_entity_decode|raw }}</a>
</li>
{% endfor %}
</ul>
{% endif %}
</li>
{% endfor %}
{% endif %}
{# İletişim menüsü sabit istenirse #}
{% if iletisimLink is defined and iletisimLink is not empty %}
<li class="d-none d-xxl-block">
<a href="{{ iletisimLink }}">İletişim</a>
</li>
{% endif %}
</ul>
</div>
<div class="tgmenu__action">
<ul class="list-wrap">
{# İletişim butonu (template'teki 'Get a Quote' yerine) #}
{% if iletisimLink is defined and iletisimLink is not empty %}
<li class="header-btn">
<a href="{{ iletisimLink }}" class="tg-btn">Bize Ulaşın</a>
</li>
{% endif %}
<li class="offCanvas-menu">
<a href="#" class="menu-tigger" aria-label="Menü" role="button">
<svg width="35" height="20" viewBox="0 0 35 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.594727" y="17.5" width="33.7838" height="2.5" rx="1.25" fill="currentColor" />
<rect x="0.594727" y="8.75" width="33.7838" height="2.5" rx="1.25" fill="currentColor" />
<rect x="0.594727" width="33.7838" height="2.5" rx="1.25" fill="currentColor" />
</svg>
</a>
</li>
</ul>
</div>
<div class="mobile-nav-toggler"><i class="tg-flaticon-menu-1" aria-hidden="true"></i></div>
</nav>
</div>
</div>
</div>
</div>
</div>
{# Mobile Menu #}
<div class="tgmobile__menu">
<nav class="tgmobile__menu-box" aria-label="Mobil menü">
<div class="close-btn"><i class="tg-flaticon-close-1" aria-hidden="true"></i></div>
<div class="nav-logo">
<a href="{{ ''|site_anaLink }}" aria-label="Anasayfa">
<img src="{{ path('panel_storage', {'file': 'logo.webp'}) }}" alt="Logo">
</a>
</div>
<div class="tgmobile__menu-outer">
<ul class="navigation">
{% if menuler is defined and menuler is iterable %}
{% for m in menuler %}
{% set hasChildren = m.altmenuler is defined and m.altmenuler is iterable and m.altmenuler|length > 0 %}
<li class="{{ hasChildren ? 'menu-item-has-children' : '' }}">
<a href="{{ m.link|default('#') }}">{{ m.adi|default('Menü') }}</a>
{% if hasChildren %}
<ul class="sub-menu">
{% for sm in m.altmenuler %}
<li><a href="{{ sm.link|default('#') }}">{{ sm.adi|default('Alt Menü') }}</a></li>
{% endfor %}
</ul>
{% endif %}
</li>
{% endfor %}
{% endif %}
{% if iletisimLink is defined and iletisimLink is not empty %}
<li><a href="{{ iletisimLink }}">İletişim</a></li>
{% endif %}
</ul>
</div>
{% if sosyalAglar is defined and sosyalAglar is iterable and sosyalAglar|length > 0 %}
<div class="social-links">
<ul class="list-wrap">
{% for s in sosyalAglar %}
{% set sLink = s.link|default('') %}
{% if sLink is not empty %}
<li>
<a href="{{ sLink }}" target="_blank" rel="noopener" aria-label="{{ s.adi|default('Sosyal ağ') }}">
{% if s.ikon is defined and s.ikon is not empty %}
{% if '<' in s.ikon %}
{{ s.ikon|raw }}
{% else %}
<i class="{{ s.ikon }}" aria-hidden="true"></i>
{% endif %}
{% else %}
<span aria-hidden="true">•</span>
{% endif %}
</a>
</li>
{% endif %}
{% endfor %}
</ul>
</div>
{% endif %}
</nav>
</div>
<div class="tgmobile__menu-backdrop"></div>
{# OffCanvas: sadeleştirildi (eski template'teki cart/search gibi bölümler temizlendi) #}
<div class="offCanvas__info">
<div class="offCanvas__close-icon menu-close">
<button type="button" aria-label="Kapat">
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13 1L1 13M1 1L13 13" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</button>
</div>
<div class="offCanvas__logo mb-30">
<a href="{{ ''|site_anaLink }}" aria-label="Anasayfa">
<img src="{{ path('panel_storage', {'file': 'beyazLogo.webp'}) }}" alt="Logo">
</a>
</div>
<div class="offCanvas__info-wrap mb-30">
<h2 class="offCanvas__title">İletişim Bilgileri</h2>
<div class="offCanvas__info-list">
{% set adres = 'adres'|site_iletisimBilgileri|html_entity_decode|raw %}
{% if adres|striptags|trim is not empty %}
<div class="offCanvas__info-list-item">
<div class="icon">
<i class="flaticon-pin" aria-hidden="true"></i>
</div>
<p>{{ adres|raw }}</p>
</div>
{% endif %}
{% if telText|striptags|trim is not empty %}
<div class="offCanvas__info-list-item">
<div class="icon">
<i class="flaticon-calling" aria-hidden="true"></i>
</div>
<a href="tel:{{ telHref }}">{{ telText|raw }}</a>
</div>
{% endif %}
{% if mailText|striptags|trim is not empty %}
<div class="offCanvas__info-list-item">
<div class="icon">
<i class="flaticon-email" aria-hidden="true"></i>
</div>
<a href="mailto:{{ mailHref }}">{{ mailText|raw }}</a>
</div>
{% endif %}
</div>
</div>
{% if sosyalAglar is defined and sosyalAglar is iterable and sosyalAglar|length > 0 %}
<div class="offCanvas__social-wrap">
<h2 class="offCanvas__title">Bizi takip edin</h2>
<ul class="list-wrap">
{% for s in sosyalAglar %}
{% set sLink = s.link|default('') %}
{% if sLink is not empty %}
<li>
<a href="{{ sLink }}" target="_blank" rel="noopener" aria-label="{{ s.adi|default('Sosyal ağ') }}">
{% if s.ikon is defined and s.ikon is not empty %}
{% if '<' in s.ikon %}
{{ s.ikon|raw }}
{% else %}
<i class="{{ s.ikon }}" aria-hidden="true"></i>
{% endif %}
{% else %}
<span aria-hidden="true">•</span>
{% endif %}
</a>
</li>
{% endif %}
{% endfor %}
</ul>
</div>
{% endif %}
</div>
<div class="offCanvas__overly"></div>
</header>
<main class="main-area fix">