{{define "content"}}
{{if eq .OK "uygulandi"}}<div class="alert alert-ok"><svg class="ico ico-sm"><use href="/static/icons.svg#i-check-c"/></svg>İndirim uygulandı — {{.N}} ürün güncellendi.</div>{{end}}
{{if eq .OK "kaldirildi"}}<div class="alert alert-ok"><svg class="ico ico-sm"><use href="/static/icons.svg#i-check-c"/></svg>İndirimler kaldırıldı — {{.N}} ürün eski fiyatına döndü.</div>{{end}}

<div class="stat-grid stat-grid-2">
  <div class="stat-card"><span class="stat-ico"><svg class="ico"><use href="/static/icons.svg#i-percent"/></svg></span><div><strong>{{.NumDiscounted}}</strong><span>İndirimli Ürün</span></div></div>
  <div class="stat-card"><span class="stat-ico"><svg class="ico"><use href="/static/icons.svg#i-car"/></svg></span><div><strong>{{.Total}}</strong><span>Toplam Ürün</span></div></div>
</div>

<div class="panel">
  <div class="panel-head"><h2><svg class="ico"><use href="/static/icons.svg#i-percent"/></svg>Toplu İndirim Uygula</h2></div>
  <p class="muted">Seçtiğiniz kapsamdaki ürünlere yüzde indirim uygulanır. Ürünün eski fiyatı saklanır ve sitede üstü çizili gösterilir; indirim rozeti otomatik hesaplanır. Aynı kapsama yeniden uygularsanız indirim <strong>eski fiyat üzerinden</strong> yeniden hesaplanır (üst üste binmez).</p>
  <form class="form" method="post" action="/admin/kampanya/uygula" onsubmit="return confirm('Seçili kapsama indirim uygulansın mı?')">
    <div class="form-row">
      <label>İndirim Oranı (%)
        <input type="number" name="yuzde" min="1" max="90" required placeholder="örn. 15">
      </label>
      <label>Kapsam
        <select name="kapsam">
          <option value="all">Tüm Ürünler</option>
          <optgroup label="Kategori">
            {{range .Categories}}<option value="kategori:{{.Slug}}">{{.Name}}</option>{{end}}
          </optgroup>
          {{if .Brands}}
          <optgroup label="Marka">
            {{range .Brands}}<option value="marka:{{.}}">{{.}}</option>{{end}}
          </optgroup>
          {{end}}
        </select>
      </label>
    </div>
    <div class="form-foot"><button class="btn btn-gold" type="submit">İndirimi Uygula</button></div>
  </form>
</div>

<div class="panel">
  <div class="panel-head"><h2><svg class="ico"><use href="/static/icons.svg#i-info"/></svg>İndirimleri Kaldır</h2></div>
  <p class="muted">Seçtiğiniz kapsamdaki tüm indirimler kaldırılır; ürünler eski (üstü çizili) fiyatlarına geri döner.</p>
  <form class="form" method="post" action="/admin/kampanya/kaldir" onsubmit="return confirm('Seçili kapsamdaki indirimler kaldırılsın mı?')">
    <div class="form-row">
      <label>Kapsam
        <select name="kapsam">
          <option value="all">Tüm Ürünler</option>
          <optgroup label="Kategori">
            {{range .Categories}}<option value="kategori:{{.Slug}}">{{.Name}}</option>{{end}}
          </optgroup>
          {{if .Brands}}
          <optgroup label="Marka">
            {{range .Brands}}<option value="marka:{{.}}">{{.}}</option>{{end}}
          </optgroup>
          {{end}}
        </select>
      </label>
    </div>
    <div class="form-foot"><button class="btn btn-danger" type="submit">İndirimleri Kaldır</button></div>
  </form>
</div>

<div class="panel">
  <div class="panel-head"><h2><svg class="ico"><use href="/static/icons.svg#i-car"/></svg>Tek Ürün İndirimi</h2></div>
  <p class="muted">Tek bir ürüne özel indirim için <a href="/admin/urunler">Ürünler</a> sayfasından ürünü düzenleyin: <strong>Eski Fiyat</strong> alanına normal fiyatı, <strong>Fiyat</strong> alanına indirimli fiyatı yazmanız yeterli.</p>
</div>
{{end}}
