<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{if .Title}}{{.Title}} · {{end}}{{.S.SiteName}} — {{.S.Tagline}}</title>
<meta name="description" content="{{.S.SiteName}} — {{.S.Tagline}}. Akülü araba, akülü jip, akülü motosiklet ve engelli araçlarında 2 yıl garanti, ücretsiz kargo.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/static/style.css?v=10">
<link rel="icon" href="/static/img/logo-mark.svg?v=2">
</head>
<body>

<div class="topbar">
  <div class="container topbar-in">
    <span class="topbar-item topbar-promo"><svg class="ico ico-xs"><use href="/static/icons.svg#i-truck"/></svg>{{if .S.PromoTopbar}}{{safe .S.PromoTopbar}}{{else}}Türkiye geneli <strong>ÜCRETSİZ KARGO</strong>{{end}}</span>
    <span class="topbar-item topbar-hours"><svg class="ico ico-xs"><use href="/static/icons.svg#i-clock"/></svg>{{.S.WorkHours}}</span>
    <span class="topbar-spacer"></span>
    <a class="topbar-item" href="/hakkimizda">Hakkımızda</a>
    <a class="topbar-item" href="/iletisim">İletişim</a>
  </div>
</div>

<header class="header">
  <div class="container header-in">
    <a class="brand" href="/">
      <span class="brand-mark"><img class="brand-img" src="/static/img/logo-mark.svg" alt="BabyToyAkü logo"></span>
      <span class="brand-col">{{$bp := brandParts .S.SiteName}}<span class="brand-text">{{index $bp 0}}<span class="brand-x">{{index $bp 1}}</span></span><span class="brand-sub">{{.S.Tagline}}</span></span>
    </a>

    <form class="search" action="/urunler" method="get">
      <input type="search" name="q" placeholder="Akülü araba, jip, motosiklet ara..." value="{{.Query}}">
      <button type="submit" aria-label="Ara"><svg class="ico"><use href="/static/icons.svg#i-search"/></svg><span>Ara</span></button>
    </form>

    <div class="header-side">
      {{with .S.MainPhone}}
      <a class="support" href="{{tel .}}">
        <span class="support-ico"><svg class="ico"><use href="/static/icons.svg#i-phone"/></svg></span>
        <span class="support-col"><span class="support-label">Sipariş Hattı</span><span class="support-no">{{.}}</span></span>
      </a>
      {{end}}
      {{if .S.ShowWhatsApp}}
      <a class="support support-wa" href="{{wa .S.WhatsApp}}" target="_blank" rel="noopener">
        <span class="support-ico"><svg class="ico"><use href="/static/icons.svg#i-wa"/></svg></span>
        <span class="support-col"><span class="support-label">WhatsApp</span><span class="support-no">Destek</span></span>
      </a>
      {{end}}
    </div>

    <button class="nav-burger" id="navBurger" aria-label="Menü"><span></span><span></span><span></span></button>
  </div>
</header>

<nav class="catnav">
  <div class="container catnav-in" id="navLinks">
    <a href="/urunler" class="catnav-all"><svg class="ico ico-sm"><use href="/static/icons.svg#i-dash"/></svg>Tüm Ürünler</a>
    <a href="/urunler?kategori=akulu-araba"><svg class="ico ico-sm"><use href="/static/icons.svg#i-car"/></svg>Akülü Arabalar</a>
    <a href="/urunler?kategori=akulu-jip"><svg class="ico ico-sm"><use href="/static/icons.svg#i-suv"/></svg>Akülü Jipler</a>
    <a href="/urunler?kategori=akulu-motor"><svg class="ico ico-sm"><use href="/static/icons.svg#i-moto"/></svg>Akülü Motorlar</a>
    <a href="/urunler?kategori=engelli-araci"><svg class="ico ico-sm"><use href="/static/icons.svg#i-wheel"/></svg>Engelli Araçları</a>
    {{if .S.PaymentVisible}}<a href="/satin-al" class="catnav-buy"><svg class="ico ico-sm"><use href="/static/icons.svg#i-card"/></svg>Havale ile Satın Al</a>{{end}}
  </div>
</nav>

<main>
{{block "content" .}}{{end}}
</main>

<footer class="footer">
  <div class="container footer-grid">
    <div>
      <a class="brand brand-footer" href="/">
        <span class="brand-mark"><img class="brand-img" src="/static/img/logo-mark.svg" alt="BabyToyAkü logo"></span>
        {{$bp := brandParts .S.SiteName}}<span class="brand-text">{{index $bp 0}}<span class="brand-x">{{index $bp 1}}</span></span>
      </a>
      <p class="footer-desc">{{.S.Tagline}}. CE sertifikalı ürünler, 2 yıl garanti ve Türkiye geneli ücretsiz kargo.</p>
      {{if .S.Instagram}}<a class="footer-social" href="{{.S.Instagram}}" target="_blank" rel="noopener"><svg class="ico ico-sm"><use href="/static/icons.svg#i-insta"/></svg>Instagram</a>{{end}}
    </div>
    <div>
      <h4>Kurumsal</h4>
      <a href="/hakkimizda">Hakkımızda</a>
      <a href="/iletisim">İletişim</a>
      <a href="/satin-al">Nasıl Satın Alırım?</a>
    </div>
    <div>
      <h4>Kategoriler</h4>
      <a href="/urunler?kategori=akulu-araba">Akülü Arabalar</a>
      <a href="/urunler?kategori=akulu-jip">Akülü Jipler</a>
      <a href="/urunler?kategori=akulu-motor">Akülü Motorlar</a>
      <a href="/urunler?kategori=engelli-araci">Engelli Araçları</a>
    </div>
    <div>
      <h4>İletişim</h4>
      {{range .S.VisiblePhones}}<a class="footer-line" href="{{tel .Number}}"><svg class="ico ico-sm"><use href="/static/icons.svg#i-phone"/></svg>{{if .Label}}{{.Label}}: {{end}}{{.Number}}</a>{{end}}
      {{if .S.Email}}<a class="footer-line" href="mailto:{{.S.Email}}"><svg class="ico ico-sm"><use href="/static/icons.svg#i-mail"/></svg>{{.S.Email}}</a>{{end}}
      {{if .S.Address}}<span class="footer-line footer-addr"><svg class="ico ico-sm"><use href="/static/icons.svg#i-pin"/></svg>{{.S.Address}}</span>{{end}}
    </div>
  </div>
  <div class="container footer-bottom">
    <span>© {{year}} {{.S.SiteName}} — Tüm hakları saklıdır.</span>
    <span class="footer-secure"><svg class="ico ico-sm"><use href="/static/icons.svg#i-shield"/></svg>Havale/EFT ile güvenli ödeme</span>
    <a href="/admin/giris" class="footer-admin">Yönetim</a>
  </div>
</footer>

{{if or .S.MainPhone (.S.ShowWhatsApp)}}
<div class="fabs">
  {{if .S.ShowWhatsApp}}
  <a class="fab fab-wa" href="{{wa .S.WhatsApp}}" target="_blank" rel="noopener" aria-label="WhatsApp">
    <svg class="ico ico-lg"><use href="/static/icons.svg#i-wa"/></svg>
  </a>
  {{end}}
  {{with .S.MainPhone}}
  <a class="fab fab-tel" href="{{tel .}}" aria-label="Telefonla Ara">
    <svg class="ico ico-lg"><use href="/static/icons.svg#i-phone"/></svg>
  </a>
  {{end}}
</div>
{{end}}

<script src="/static/app.js?v=3"></script>
</body>
</html>
