Thank You

<script>
  document.addEventListener("DOMContentLoaded", function () {
    var order = {{ checkout | json }};

    console.log("Thank you for your order!");
    console.log("Order ID:", order.order_number);
    console.log("Total Price:", order.total_price);
    console.log("Customer Email:", order.email);
    
    // You can show a custom thank you message or trigger a conversion event
    const thankYouBanner = document.createElement("div");
    thankYouBanner.innerHTML = `
      <div style="background-color: #f4f4f4; padding: 20px; margin-top: 30px; text-align: center;">
        <h2>🎉 Thank You for Shopping at Veloure.shop!</h2>
        <p>Your order <strong>#${order.order_number}</strong> has been placed successfully.</p>
        <p>We'll notify you by email at <strong>${order.email}</strong> once it's shipped.</p>
        <a href="/" style="margin-top: 15px; display: inline-block; padding: 10px 20px; background-color: #9C27B0; color: white; text-decoration: none; border-radius: 5px;">Continue Shopping</a>
      </div>
    `;
    document.body.appendChild(thankYouBanner);
  });
</script>