{{define "content"}}

{{if eq .OK "vitrin"}}<div class="alert alert-ok"><svg class="ico ico-sm"><use href="/static/icons.svg#i-check-c"/></svg>Vitrin metinleri kaydedildi.</div>{{end}}
{{if eq .OK "telegram"}}<div class="alert alert-ok"><svg class="ico ico-sm"><use href="/static/icons.svg#i-check-c"/></svg>Telegram bildirim ayarları kaydedildi.</div>{{end}}
{{if eq .OK "test-ok"}}<div class="alert alert-ok"><svg class="ico ico-sm"><use href="/static/icons.svg#i-check-c"/></svg>Test mesajı gönderildi — Telegram'ınızı kontrol edin.</div>{{end}}
{{if eq .OK "test-hata"}}<div class="alert alert-err"><svg class="ico ico-sm"><use href="/static/icons.svg#i-info"/></svg>Test gönderilemedi. Token ve Chat ID'yi kontrol edin (bota bir mesaj atmış olmalısınız).</div>{{end}}
{{if eq .OK "test-bos"}}<div class="alert alert-err"><svg class="ico ico-sm"><use href="/static/icons.svg#i-info"/></svg>Önce Token ve Chat ID girip kaydedin.</div>{{end}}
{{if eq .OK "genel"}}<div class="alert alert-ok"><svg class="ico ico-sm"><use href="/static/icons.svg#i-check-c"/></svg>Genel ayarlar kaydedildi.</div>{{end}}
{{if eq .OK "telefon"}}<div class="alert alert-ok"><svg class="ico ico-sm"><use href="/static/icons.svg#i-check-c"/></svg>Telefon ayarları kaydedildi.</div>{{end}}
{{if eq .OK "iban"}}<div class="alert alert-ok"><svg class="ico ico-sm"><use href="/static/icons.svg#i-check-c"/></svg>IBAN bilgileri kaydedildi.</div>{{end}}
{{if eq .OK "sifre"}}<div class="alert alert-ok"><svg class="ico ico-sm"><use href="/static/icons.svg#i-check-c"/></svg>Şifre değiştirildi.</div>{{end}}
{{if eq .OK "sifrehata"}}<div class="alert alert-err"><svg class="ico ico-sm"><use href="/static/icons.svg#i-info"/></svg>Mevcut şifre hatalı veya yeni şifre çok kısa (en az 6 karakter).</div>{{end}}

<div class="panel" id="telegram">
  <div class="panel-head"><h2><svg class="ico"><use href="/static/icons.svg#i-bell"/></svg>Telegram Bildirimleri</h2></div>
  <p class="muted">Yeni sipariş, "ödeme yaptım" bildirimi ve iletişim mesajları buraya girdiğiniz Telegram botuna anında düşer. Kurulum: Telegram'da <strong>@BotFather</strong>'dan bir bot açıp token'ı alın, sonra botunuza bir mesaj gönderin ve Chat ID'nizi girin. Alttaki "Test Gönder" ile doğrulayın.</p>
  <form class="form" method="post" action="/admin/ayarlar/telegram">
    <div class="form-row">
      <label>Bot Token<input type="text" name="panel_tg_token" value="{{.S.PanelTGToken}}" placeholder="123456789:AA..."></label>
      <label>Chat ID<input type="text" name="panel_tg_chat" value="{{.S.PanelTGChat}}" placeholder="Kişisel veya grup ID'niz"></label>
    </div>
    <label class="check"><input type="checkbox" name="panel_tg_enabled" value="1" {{if .S.PanelTGEnabled}}checked{{end}}> Telegram bildirimleri aktif</label>
    <div class="form-foot">
      <button class="btn btn-gold" type="submit">Kaydet</button>
      <button class="btn btn-ghost-dark" type="submit" formaction="/admin/ayarlar/telegram/test">Test Gönder</button>
    </div>
  </form>
</div>

<div class="panel" id="vitrin">
  <div class="panel-head"><h2><svg class="ico"><use href="/static/icons.svg#i-img"/></svg>Vitrin / Kampanya Metinleri</h2></div>
  <p class="muted">Anasayfadaki büyük kampanya alanı ve sitenin en üstündeki duyuru şeridi buradan yönetilir.</p>
  <form class="form" method="post" action="/admin/ayarlar/vitrin">
    <label>Üst Duyuru Şeridi (kalın vurgu için &lt;strong&gt; kullanabilirsiniz)
      <input type="text" name="promo_topbar" value="{{.S.PromoTopbar}}" placeholder="Türkiye geneli <strong>ÜCRETSİZ KARGO</strong>">
    </label>
    <div class="form-row">
      <label>Kampanya Rozeti<input type="text" name="hero_chip" value="{{.S.HeroChip}}" placeholder="Sezon Kampanyası"></label>
    </div>
    <label>Büyük Başlık (vurgu için &lt;em&gt; kullanabilirsiniz)
      <input type="text" name="hero_title" value="{{.S.HeroTitle}}" placeholder="Akülü araçlarda <em>ücretsiz kargo</em> + 2 yıl garanti">
    </label>
    <label>Alt Açıklama<textarea name="hero_sub" rows="2">{{.S.HeroSub}}</textarea></label>
    <div class="form-foot"><button class="btn btn-gold" type="submit">Vitrini Kaydet</button></div>
  </form>
</div>

<div class="panel" id="telefon">
  <div class="panel-head"><h2><svg class="ico"><use href="/static/icons.svg#i-phone"/></svg>Telefon Numaraları</h2></div>
  <p class="muted">Buradaki numaralar sitenin üst çubuğunda, "Hemen Ara" butonlarında ve iletişim sayfasında görünür. <strong>Gizli</strong> yaptığınız numara sitede hiçbir yerde görünmez.</p>
  <form class="form" method="post" action="/admin/ayarlar/telefonlar">
    <div id="phoneRows">
      {{range .S.Phones}}
      <div class="dyn-row">
        <input type="text" name="phone_label" value="{{.Label}}" placeholder="Etiket (örn. Satış Hattı)">
        <input type="text" name="phone_number" value="{{.Number}}" placeholder="0532 555 44 33">
        <select name="phone_visible">
          <option value="1" {{if .Visible}}selected{{end}}>Görünür</option>
          <option value="0" {{if not .Visible}}selected{{end}}>Gizli</option>
        </select>
        <button type="button" class="btn btn-sm btn-danger" onclick="this.parentElement.remove()">Sil</button>
      </div>
      {{end}}
    </div>
    <button type="button" class="btn btn-sm btn-dark" onclick="addPhoneRow()"><svg class="ico ico-sm"><use href="/static/icons.svg#i-plus"/></svg>Numara Ekle</button>

    <h3 class="form-section">WhatsApp</h3>
    <div class="dyn-row">
      <input type="text" name="whatsapp" value="{{.S.WhatsApp}}" placeholder="0532 555 44 33">
      <select name="whatsapp_visible">
        <option value="1" {{if .S.WhatsAppVisible}}selected{{end}}>Görünür</option>
        <option value="0" {{if not .S.WhatsAppVisible}}selected{{end}}>Gizli</option>
      </select>
    </div>

    <div class="form-foot"><button class="btn btn-gold" type="submit">Telefonları Kaydet</button></div>
  </form>
</div>

<div class="panel" id="iban">
  <div class="panel-head"><h2><svg class="ico"><use href="/static/icons.svg#i-card"/></svg>IBAN / Banka Hesapları</h2></div>
  <p class="muted">Bu hesaplar Satın Al sayfasında ve sipariş sonrası ekranda müşteriye gösterilir. <strong>Gizli</strong> yaptığınız hesap sitede görünmez.</p>
  <form class="form" method="post" action="/admin/ayarlar/iban">
    <div id="ibanRows">
      {{range .S.IBANs}}
      <div class="dyn-row dyn-row-iban">
        <input type="text" name="iban_bank" value="{{.Bank}}" placeholder="Banka (örn. Ziraat)">
        <input type="text" name="iban_holder" value="{{.Holder}}" placeholder="Hesap Sahibi">
        <input type="text" name="iban_number" value="{{.Number}}" placeholder="TR__ ____ ____ ____ ____ ____ __" class="iban-input">
        <select name="iban_visible">
          <option value="1" {{if .Visible}}selected{{end}}>Görünür</option>
          <option value="0" {{if not .Visible}}selected{{end}}>Gizli</option>
        </select>
        <button type="button" class="btn btn-sm btn-danger" onclick="this.parentElement.remove()">Sil</button>
      </div>
      {{end}}
    </div>
    <button type="button" class="btn btn-sm btn-dark" onclick="addIbanRow()"><svg class="ico ico-sm"><use href="/static/icons.svg#i-plus"/></svg>Hesap Ekle</button>
    <div class="form-foot"><button class="btn btn-gold" type="submit">IBAN'ları Kaydet</button></div>
  </form>
</div>

<div class="panel" id="genel">
  <div class="panel-head"><h2><svg class="ico"><use href="/static/icons.svg#i-gear"/></svg>Genel Ayarlar</h2></div>
  <form class="form" method="post" action="/admin/ayarlar/genel">
    <div class="form-row">
      <label>Site Adı<input type="text" name="site_name" value="{{.S.SiteName}}"></label>
      <label>Slogan<input type="text" name="tagline" value="{{.S.Tagline}}"></label>
    </div>
    <div class="form-row">
      <label>E-posta<input type="email" name="email" value="{{.S.Email}}"></label>
      <label>Instagram (link)<input type="text" name="instagram" value="{{.S.Instagram}}"></label>
    </div>
    <label>Adres<input type="text" name="address" value="{{.S.Address}}"></label>
    <label>Çalışma Saatleri<input type="text" name="work_hours" value="{{.S.WorkHours}}"></label>
    <label>Hakkımızda Metni<textarea name="about" rows="6">{{.S.About}}</textarea></label>
    <label>Havale Yönergesi (Satın Al sayfasındaki bilgilendirme)<textarea name="order_note" rows="3">{{.S.OrderNote}}</textarea></label>
    <div class="form-foot"><button class="btn btn-gold" type="submit">Genel Ayarları Kaydet</button></div>
  </form>
</div>

<div class="panel" id="sifre">
  <div class="panel-head"><h2><svg class="ico"><use href="/static/icons.svg#i-lock"/></svg>Yönetici Şifresi</h2></div>
  <form class="form" method="post" action="/admin/ayarlar/sifre">
    <div class="form-row">
      <label>Kullanıcı Adı<input type="text" name="admin_user" value="{{.S.AdminUser}}"></label>
    </div>
    <div class="form-row">
      <label>Mevcut Şifre *<input type="password" name="old_pass" required autocomplete="current-password"></label>
      <label>Yeni Şifre * (en az 6 karakter)<input type="password" name="new_pass" required minlength="6" autocomplete="new-password"></label>
    </div>
    <div class="form-foot"><button class="btn btn-gold" type="submit">Şifreyi Değiştir</button></div>
  </form>
</div>

<script>
function addPhoneRow() {
  var d = document.createElement('div');
  d.className = 'dyn-row';
  d.innerHTML = '<input type="text" name="phone_label" placeholder="Etiket (örn. Satış Hattı)">' +
    '<input type="text" name="phone_number" placeholder="0532 555 44 33">' +
    '<select name="phone_visible"><option value="1">Görünür</option><option value="0">Gizli</option></select>' +
    '<button type="button" class="btn btn-sm btn-danger" onclick="this.parentElement.remove()">Sil</button>';
  document.getElementById('phoneRows').appendChild(d);
}
function addIbanRow() {
  var d = document.createElement('div');
  d.className = 'dyn-row dyn-row-iban';
  d.innerHTML = '<input type="text" name="iban_bank" placeholder="Banka (örn. Ziraat)">' +
    '<input type="text" name="iban_holder" placeholder="Hesap Sahibi">' +
    '<input type="text" name="iban_number" placeholder="TR__ ____ ____ ____ ____ ____ __" class="iban-input">' +
    '<select name="iban_visible"><option value="1">Görünür</option><option value="0">Gizli</option></select>' +
    '<button type="button" class="btn btn-sm btn-danger" onclick="this.parentElement.remove()">Sil</button>';
  document.getElementById('ibanRows').appendChild(d);
}
</script>
{{end}}