{include file="_partials/head.tpl"}

<div class="cm-container cm-thanks">
  <div class="cm-thanks__card">
    <div class="cm-thanks__ico" aria-hidden="true">
      <svg width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>
    </div>
    <h1 class="cm-thanks__title">Дякуємо за замовлення!</h1>
    <p class="cm-thanks__lead">
      Ваше замовлення <b>№{order.number}</b> прийнято.<br>
      Ми надіслали підтвердження на <b>{order.email}</b>. Менеджер зв'яжеться з вами найближчим часом.
    </p>
    <div class="cm-thanks__total">
      <span>Сума замовлення</span>
      <b>{order.total} {order.currency}</b>
    </div>
    <div class="cm-thanks__actions">
      <a href="/" class="cm-btn cm-btn--primary cm-btn--lg">{icon name="arrow_left" size="16"} На головну</a>
      <a href="/shop" class="cm-btn cm-btn--ghost cm-btn--lg">Продовжити покупки</a>
    </div>
  </div>
</div>

<script>
  // Очистка корзины после успешного оформления — сигнал для shop.js
  window.CELENA_CART_CLEAR = true;
  try {
    localStorage.setItem('celena_shop_cart', JSON.stringify({ items: [], v: 1 }));
    window.dispatchEvent(new CustomEvent('celena:cart:changed'));
  } catch (e) {}
</script>

{include file="_partials/foot.tpl"}
