<%- include('_ust', { baslik: 'Ayarlar' }) %>
<div class="sayfa-bas"><h1>Ayarlar</h1></div>
<% if (ok) { %><div class="uyari tamam">✓ Kaydedildi. <a href="/" target="_blank" rel="noopener">Siteyi gör ↗</a></div><% } %>
<% if (numaraHata) { %><div class="uyari hata">⚠️ WhatsApp numarası geçersiz göründü, <b>kaydedilmedi</b> — eski numara duruyor. Biçim: <b>05xx xxx xx xx</b> ya da ülke koduyla <b>+90 5xx…</b></div><% } %>
<% if (telefonHata) { %><div class="uyari hata">⚠️ Arama numarası geçersiz göründü, <b>kaydedilmedi</b> — eski numara duruyor. Biçim: <b>0xxx xxx xx xx</b> (444'lü kısa numaralar desteklenmez).</div><% } %>
<% if (siteUrlHata) { %><div class="uyari hata">⚠️ Site adresi geçersiz göründü, <b>kaydedilmedi</b> — eski değer duruyor. Biçim: <b>https://alanadin.com</b></div><% } %>
<% if (konuHata) { %><div class="uyari hata">⚠️ Parça sayfası başlığında <b>{konu}</b> yoktu, <b>kaydedilmedi</b> — eski başlık duruyor.</div><% } %>

<form method="post" action="/yonetim/ayarlar" class="form">
  <input type="hidden" name="_csrf" value="<%= csrf %>">

  <div class="kutu">
    <h2 class="kutu-h">📞 Telefon & WhatsApp</h2>
    <div class="iki-form">
      <label>Arama numarası <span class="mut">büyük "Hemen Ara" düğmeleri bunu arar; boşsa WhatsApp numarası aranır</span><input type="text" name="telefon" value="<%= s.telefon %>" placeholder="05xx xxx xx xx" inputmode="tel"></label>
      <label>WhatsApp numarası <span class="mut">WhatsApp düğmeleri ve parça çipleri buraya gider</span><input type="text" name="waNumara" value="<%= s.waNumara %>" placeholder="05xx xxx xx xx" inputmode="tel"></label>
    </div>
    <label class="onay"><input type="checkbox" name="telGoster" <%= s.telGoster ? 'checked' : '' %>> "Hemen Ara" düğmelerini göster <span class="mut">(kapatırsan WhatsApp düğmesi büyür ve site yalnız WhatsApp'a yönlendirir)</span></label>
    <label class="onay"><input type="checkbox" name="telDonusum" <%= s.telDonusum ? 'checked' : '' %>> Telefon tıklaması Google Ads dönüşümü sayılsın</label>
    <label>Site adresi <span class="mut">https://alanadi.com — sitemap için; boşsa otomatik</span><input type="text" name="siteUrl" value="<%= s.siteUrl %>" placeholder="https://"></label>
  </div>

  <div class="kutu">
    <h2 class="kutu-h">💬 Hazır WhatsApp mesajları</h2>
    <p class="mut">Ziyaretçi WhatsApp düğmesine basınca sohbet bu yazıyla açılır. Parça çipine ya da parça sayfasındaki WhatsApp düğmesine basılırsa <b>konulu mesaj</b> kullanılır; <code>{konu}</code> yerine "far yedek parçası" gibi parça grubu gelir.</p>
    <label>Genel mesaj<textarea name="msjGenel" rows="2" maxlength="400"><%= s.msjGenel %></textarea></label>
    <label>Konulu mesaj <span class="mut">{konu} zorunlu</span><textarea name="msjKonu" rows="4" maxlength="400"><%= s.msjKonu %></textarea></label>
  </div>

  <div class="kutu">
    <h2 class="kutu-h">🏪 Site yazıları</h2>
    <div class="iki-form">
      <label>Site adı<input type="text" name="siteAdi" value="<%= s.siteAdi %>" maxlength="60"></label>
      <label>Slogan <span class="mut">(adın altında küçük)</span><input type="text" name="slogan" value="<%= s.slogan %>" maxlength="80"></label>
    </div>
    <div class="iki-form">
      <label>Duyuru şeridi <span class="mut">(en üst, boşsa gizli)</span><input type="text" name="duyuru" value="<%= s.duyuru %>" maxlength="140"></label>
      <label>Açık rozeti <span class="mut">(üst sağ, boşsa gizli)</span><input type="text" name="acikRozet" value="<%= s.acikRozet %>" maxlength="40"></label>
    </div>
    <label>Ana başlık<input type="text" name="baslik" value="<%= s.baslik %>" maxlength="100"></label>
    <label>Alt başlık<input type="text" name="altBaslik" value="<%= s.altBaslik %>" maxlength="220"></label>
    <label>Parça sayfası başlığı <span class="mut">{konu} zorunlu — yerine "Far" gibi parça grubu gelir</span><input type="text" name="konuBaslik" value="<%= s.konuBaslik %>" maxlength="100"></label>
    <div class="uc">
      <label>Telefon düğmesi <span class="mut">(kısa tut)</span><input type="text" name="telMetin" value="<%= s.telMetin %>" maxlength="28"></label>
      <label>Telefon düğmesi altı <span class="mut">(numaranın yanında)</span><input type="text" name="telAlt" value="<%= s.telAlt %>" maxlength="40"></label>
      <label>WhatsApp düğmesi <span class="mut">(kısa tut)</span><input type="text" name="ctaMetin" value="<%= s.ctaMetin %>" maxlength="28"></label>
    </div>
    <label>Düğmelerin altındaki yazı<input type="text" name="ctaAlt" value="<%= s.ctaAlt %>" maxlength="80"></label>
    <label>Güven rozetleri <span class="mut">(her satıra bir tane, en çok 6)</span><textarea name="rozetler" rows="4"><%= s.rozetler.join('\n') %></textarea></label>
  </div>

  <div class="kutu">
    <h2 class="kutu-h">🗂 Parça çipleri</h2>
    <p class="mut">Her çip WhatsApp'ı konulu mesajla açar. Ayrıca her parça grubunun kendi sayfası olur (/kategori/bagaj-kapagi — küçük harf, Türkçe harfsiz, boşluk yerine tire; büyük harfli ya da Türkçe harfli adres otomatik doğru sayfaya yönlenir): reklamı doğrudan o sayfaya verebilirsin. Listeyi boş bırakırsan bölüm gizlenir. Marka adı kullanılmaz (Google Ads marka/ticari marka politikası için).</p>
    <div class="iki-form">
      <label>Parça grubu başlığı<input type="text" name="kategoriBaslik" value="<%= s.kategoriBaslik %>" maxlength="60"></label>
      <label>Başlık yanı küçük not<input type="text" name="cipNot" value="<%= s.cipNot %>" maxlength="90"></label>
    </div>
    <label>Parça grupları <span class="mut">(her satıra bir tane)</span><textarea name="kategoriler" rows="10"><%= s.kategoriler.join('\n') %></textarea></label>
  </div>

  <div class="kutu">
    <h2 class="kutu-h">📋 Bölümler</h2>
    <label>"Nasıl çalışır" başlığı<input type="text" name="adimBaslik" value="<%= s.adimBaslik %>" maxlength="60"></label>
    <label>Adımlar <span class="mut">(her satır: Başlık | açıklama — en çok 4, boşsa bölüm gizlenir)</span><textarea name="adimlar" rows="4"><%= s.adimlar.map(function (a) { return a.d ? a.t + ' | ' + a.d : a.t; }).join('\n') %></textarea></label>
    <div class="iki-form">
      <label>Alt çağrı başlığı<input type="text" name="sonCtaBaslik" value="<%= s.sonCtaBaslik %>" maxlength="90"></label>
      <label>Alt çağrı yazısı<input type="text" name="sonCtaMetin" value="<%= s.sonCtaMetin %>" maxlength="220"></label>
    </div>
  </div>

  <div class="kutu">
    <h2 class="kutu-h">📍 İletişim / alt bilgi</h2>
    <label>Adres<input type="text" name="adres" value="<%= s.adres %>" maxlength="200"></label>
    <label>Google Maps linki <span class="mut">("Yol tarifi" düğmesi çıkar)</span><input type="text" name="haritaUrl" value="<%= s.haritaUrl %>" maxlength="300"></label>
    <label>Alt not<input type="text" name="altNot" value="<%= s.altNot %>" maxlength="200"></label>
  </div>

  <div class="kutu">
    <h2 class="kutu-h">🎯 Google Ads / SEO</h2>
    <div class="iki-form">
      <label>SEO başlık <span class="mut">(boşsa otomatik)</span><input type="text" name="seoBaslik" value="<%= s.seoBaslik %>" maxlength="90"></label>
      <label>SEO açıklama<input type="text" name="seoAciklama" value="<%= s.seoAciklama %>" maxlength="200"></label>
    </div>
    <label>Google etiketi (gtag.js) <span class="mut">yalnızca "Google etiketi / global site tag" kodunu yapıştır — "olay snippet'i" (içinde gtag('event','conversion'…) geçen) yapıştırma, yoksa her sayfa açılışı dönüşüm sayılır; dönüşümü site kendisi arama/WhatsApp tıklamasında gönderir</span><textarea name="headKodu" rows="5" class="mono" placeholder="<script async src=&quot;https://www.googletagmanager.com/gtag/js?id=AW-XXXXXXX&quot;></script>…"><%= s.headKodu %></textarea></label>
    <div class="iki-form">
      <label>Ads dönüşüm ID <span class="mut">(AW-123456789)</span><input type="text" name="adsId" value="<%= s.adsId %>" maxlength="40"></label>
      <label>Ads dönüşüm etiketi (label)<input type="text" name="adsEtiket" value="<%= s.adsEtiket %>" maxlength="60"></label>
    </div>
    <p class="mut">İkisi de doluysa her arama tıklaması (yukarıda açıksa) ve her WhatsApp tıklaması Google Ads'e "dönüşüm" olarak gider; kampanyayı "dönüşümleri en üst düzeye çıkar" hedefiyle çalıştırabilirsin.</p>
  </div>

  <div class="form-alt"><button type="submit" class="btn birincil buyuk">Kaydet</button></div>
</form>
<%- include('_alt') %>
