{{define "content"}}
<div class="container">
  <div class="checkout-steps reveal">
    <div class="cstep cstep-done"><span><svg class="ico ico-xs"><use href="/static/icons.svg#i-check"/></svg></span>Sipariş Bilgileri</div>
    <div class="cstep-line cstep-line-on"></div>
    <div class="cstep {{if .Paid}}cstep-done{{else}}cstep-on{{end}}"><span>{{if .Paid}}<svg class="ico ico-xs"><use href="/static/icons.svg#i-check"/></svg>{{else}}2{{end}}</span>Havale / EFT</div>
    <div class="cstep-line {{if .Paid}}cstep-line-on{{end}}"></div>
    <div class="cstep {{if .Paid}}cstep-on{{end}}"><span>3</span>Onay &amp; Kargo</div>
  </div>

  <div class="buy-ok">
    <div class="buy-ok-card panel-w reveal">
      {{if .Paid}}
      <span class="buy-ok-ico"><svg class="ico ico-xl"><use href="/static/icons.svg#i-check-c"/></svg></span>
      <h1>Ödeme bildiriminiz alındı!</h1>
      <p class="buy-ok-code">Sipariş Numaranız: <strong>{{.O.Code}}</strong></p>
      <p>Teşekkürler! Ödemeniz bize iletildi. Hesabımıza geçtiğini kontrol edip siparişinizi <strong>24 saat içinde</strong> kargoya veriyoruz. Sipariş durumunuzla ilgili sizi arayabiliriz.</p>
      <div class="buy-ok-actions">
        {{with .S.MainPhone}}<a class="btn btn-primary" href="{{tel .}}"><svg class="ico ico-sm"><use href="/static/icons.svg#i-phone"/></svg>Bizi Arayın: {{.}}</a>{{end}}
        {{if .S.ShowWhatsApp}}<a class="btn btn-wa" href="{{wa .S.WhatsApp}}" target="_blank" rel="noopener">Dekontu WhatsApp'tan Gönder</a>{{end}}
        <a class="btn btn-outline" href="/urunler">Alışverişe Devam Et</a>
      </div>
      {{else}}
      <span class="buy-ok-ico"><svg class="ico ico-xl"><use href="/static/icons.svg#i-check-c"/></svg></span>
      <h1>Siparişiniz alındı!</h1>
      <p class="buy-ok-code">Sipariş Numaranız: <strong>{{.O.Code}}</strong></p>
      {{if .O.ProductName}}<p class="buy-ok-product">{{.O.ProductName}}</p>{{end}}

      {{if .S.VisibleIBANs}}
      <p>Aşağıdaki hesaplardan birine ödemenizi yapın. Açıklama kısmına <strong>{{.O.Code}}</strong> kodunu ve adınızı yazmayı unutmayın.</p>
      <div class="iban-card iban-card-center">
        {{range .S.VisibleIBANs}}
        <div class="iban-row">
          <div class="iban-head"><strong>{{.Bank}}</strong><span>{{.Holder}}</span></div>
          <div class="iban-no">
            <code>{{.Number}}</code>
            <button type="button" class="copy-btn" data-copy="{{.Number}}" title="IBAN'ı kopyala">Kopyala</button>
          </div>
        </div>
        {{end}}
        {{if .S.OrderNote}}<p class="iban-note"><svg class="ico ico-sm"><use href="/static/icons.svg#i-info"/></svg>{{.S.OrderNote}}</p>{{end}}
      </div>

      <form method="post" action="/odeme-bildir" class="paid-form">
        <input type="hidden" name="order_id" value="{{.O.ID}}">
        <button class="btn btn-primary btn-lg btn-block" type="submit"><svg class="ico ico-sm"><use href="/static/icons.svg#i-check"/></svg>Ödemeyi Yaptım</button>
        <p class="form-hint">Havale/EFT'nizi yaptıktan sonra bu butona basın; siparişiniz hazırlanmaya başlansın.</p>
      </form>
      {{else}}
      <p>Siparişiniz alınmıştır. Ödeme ve teslimat detayları için sizi arayacağız.</p>
      {{end}}

      <div class="buy-ok-actions">
        {{with .S.MainPhone}}<a class="btn btn-outline" href="{{tel .}}"><svg class="ico ico-sm"><use href="/static/icons.svg#i-phone"/></svg>Bizi Arayın: {{.}}</a>{{end}}
        {{if .S.ShowWhatsApp}}<a class="btn btn-wa" href="{{wa .S.WhatsApp}}" target="_blank" rel="noopener">Dekontu WhatsApp'tan Gönder</a>{{end}}
        <a class="btn btn-outline" href="/urunler">Alışverişe Devam Et</a>
      </div>
      {{end}}
    </div>
  </div>
</div>
{{end}}