{{define "content"}}

<div class="lockbar {{if .S.StoreLocked}}lockbar-on{{end}}">
  <div class="lockbar-info">
    <svg class="ico"><use href="/static/icons.svg#{{if .S.StoreLocked}}i-lock{{else}}i-check-c{{end}}"/></svg>
    <div>
      {{if .S.StoreLocked}}
      <strong>İletişim & Ödeme bilgileri GİZLİ</strong>
      <span>Şu an sitede telefon, WhatsApp, IBAN ve ödeme bölümü görünmüyor. Yalnızca mağaza adı görünür.</span>
      {{else}}
      <strong>İletişim & Ödeme bilgileri AÇIK</strong>
      <span>Telefonlar, WhatsApp, IBAN ve ödeme bölümü sitede normal görünüyor.</span>
      {{end}}
    </div>
  </div>
  <form method="post" action="/admin/kilit">
    {{if .S.StoreLocked}}
    <button class="btn btn-gold" type="submit"><svg class="ico ico-sm"><use href="/static/icons.svg#i-globe"/></svg>Bilgileri Geri Getir</button>
    {{else}}
    <button class="btn btn-danger" type="submit" onclick="return confirm('Sitedeki tüm telefon, WhatsApp, IBAN ve ödeme bölümü gizlensin mi?')"><svg class="ico ico-sm"><use href="/static/icons.svg#i-lock"/></svg>Tüm İletişim/Ödemeyi Gizle</button>
    {{end}}
  </form>
</div>

<div class="stat-grid">
  <div class="stat-card"><span class="stat-ico"><svg class="ico"><use href="/static/icons.svg#i-car"/></svg></span><div><strong>{{.NumProducts}}</strong><span>Ürün</span></div></div>
  <div class="stat-card stat-hot"><span class="stat-ico"><svg class="ico"><use href="/static/icons.svg#i-bell"/></svg></span><div><strong>{{.NumNewOrders}}</strong><span>Yeni Sipariş</span></div></div>
  <div class="stat-card"><span class="stat-ico"><svg class="ico"><use href="/static/icons.svg#i-box"/></svg></span><div><strong>{{.NumOrders}}</strong><span>Toplam Sipariş</span></div></div>
  <div class="stat-card"><span class="stat-ico"><svg class="ico"><use href="/static/icons.svg#i-card"/></svg></span><div><strong>{{money .Revenue}} ₺</strong><span>Tahmini Ciro</span></div></div>
</div>

{{if or .NumNoImage .NumOutOfStock .NumUnread}}
<div class="warn-grid">
  {{if .NumNoImage}}
  <a class="warn-card" href="/admin/urunler?filtre=gorselsiz">
    <svg class="ico"><use href="/static/icons.svg#i-img"/></svg>
    <div><strong>{{.NumNoImage}} ürünün görseli eksik</strong><span>Tıklayın, listeden görsel yükleyin</span></div>
  </a>
  {{end}}
  {{if .NumOutOfStock}}
  <a class="warn-card" href="/admin/urunler?filtre=tukenen">
    <svg class="ico"><use href="/static/icons.svg#i-info"/></svg>
    <div><strong>{{.NumOutOfStock}} ürün stokta yok</strong><span>Tükenen ürünleri inceleyin</span></div>
  </a>
  {{end}}
  {{if .NumUnread}}
  <a class="warn-card" href="/admin/mesajlar">
    <svg class="ico"><use href="/static/icons.svg#i-msg"/></svg>
    <div><strong>{{.NumUnread}} okunmamış mesaj</strong><span>Müşteri mesajlarını yanıtlayın</span></div>
  </a>
  {{end}}
</div>
{{end}}

<div class="panel">
  <div class="panel-head">
    <h2><svg class="ico"><use href="/static/icons.svg#i-box"/></svg>Son Siparişler</h2>
    <div class="status-chips">
      {{$sc := .StatusCounts}}
      {{if index $sc "yeni"}}<a class="badge st-yeni" href="/admin/siparisler?durum=yeni">Yeni: {{index $sc "yeni"}}</a>{{end}}
      {{if index $sc "onaylandi"}}<a class="badge st-onaylandi" href="/admin/siparisler?durum=onaylandi">Onaylı: {{index $sc "onaylandi"}}</a>{{end}}
      {{if index $sc "kargoda"}}<a class="badge st-kargoda" href="/admin/siparisler?durum=kargoda">Kargoda: {{index $sc "kargoda"}}</a>{{end}}
      {{if index $sc "tamamlandi"}}<a class="badge st-tamamlandi" href="/admin/siparisler?durum=tamamlandi">Tamam: {{index $sc "tamamlandi"}}</a>{{end}}
      {{if index $sc "iptal"}}<a class="badge st-iptal" href="/admin/siparisler?durum=iptal">İptal: {{index $sc "iptal"}}</a>{{end}}
      <a class="btn btn-sm btn-dark" href="/admin/siparisler">Tümü</a>
    </div>
  </div>
  {{if .LastOrders}}
  <table class="table">
    <thead><tr><th>Kod</th><th>Müşteri</th><th>Telefon</th><th>Ürün</th><th>Durum</th><th>Tarih</th></tr></thead>
    <tbody>
      {{range .LastOrders}}
      <tr>
        <td><strong>{{.Code}}</strong></td>
        <td>{{.Name}}</td>
        <td><a href="{{tel .Phone}}">{{.Phone}}</a></td>
        <td>{{if .ProductName}}{{.ProductName}}{{else}}—{{end}}</td>
        <td><span class="badge st-{{.Status}}">{{status .Status}}</span></td>
        <td>{{dt .CreatedAt}}</td>
      </tr>
      {{end}}
    </tbody>
  </table>
  {{else}}
  <p class="muted">Henüz sipariş yok. Müşteriler Satın Al formunu doldurduğunda burada listelenecek.</p>
  {{end}}
</div>

{{if .UnreadMsgs}}
<div class="panel">
  <div class="panel-head">
    <h2><svg class="ico"><use href="/static/icons.svg#i-msg"/></svg>Okunmamış Mesajlar</h2>
    <a class="btn btn-sm btn-dark" href="/admin/mesajlar">Tümü</a>
  </div>
  <div class="msg-list">
    {{range .UnreadMsgs}}
    <div class="msg msg-unread">
      <div class="msg-head"><strong>{{.Name}}</strong><span class="muted">{{dt .CreatedAt}}</span></div>
      <p>{{.Body}}</p>
    </div>
    {{end}}
  </div>
</div>
{{end}}

<div class="quick-grid">
  <a class="quick" href="/admin/urun/yeni"><svg class="ico ico-sm"><use href="/static/icons.svg#i-plus"/></svg>Yeni Ürün Ekle</a>
  <a class="quick" href="/admin/kampanya"><svg class="ico ico-sm"><use href="/static/icons.svg#i-percent"/></svg>İndirim / Kampanya</a>
  <a class="quick" href="/admin/ayarlar#vitrin"><svg class="ico ico-sm"><use href="/static/icons.svg#i-img"/></svg>Vitrin Metinlerini Düzenle</a>
  <a class="quick" href="/admin/ayarlar#iban"><svg class="ico ico-sm"><use href="/static/icons.svg#i-card"/></svg>IBAN Bilgilerini Düzenle</a>
  <a class="quick" href="/admin/ayarlar#telefon"><svg class="ico ico-sm"><use href="/static/icons.svg#i-phone"/></svg>Telefonları Düzenle</a>
</div>
{{end}}