<!DOCTYPE html>
<html lang="lv">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Cart</title>
<meta name="description" content="">
<meta name="subject" content="">
<meta name="theme-color" content="#612fc0">
<meta name="referrer" content="no-referrer">
<meta name="robots" content="noindex,nofollow">
<meta name="googlebot" content="noindex,nofollow">
<meta name="google" content="nositelinkssearchbox">
<meta name="google" content="notranslate">
<meta name="generator" content="notepad">
<meta name="format-detection" content="telephone=no">
<meta http-equiv="Content-Security-Policy" content="script-src http://shop.stage.klix.app:443 https://klix.blob.core.windows.net http://localhost:3344 'unsafe-inline' blob:; img-src http://shop.stage.klix.app:443 https://klix.blob.core.windows.net http://localhost:3344; style-src http://shop.stage.klix.app:443 https://klix.blob.core.windows.net http://localhost:3344 'unsafe-inline'; connect-src https://klix.blob.core.windows.net http://localhost:3344; frame-src https://klixprotected.blob.core.windows.net http://localhost:3333; default-src 'self'">
<link rel="stylesheet" href="/static/css/shopStyle.css">
<script type="module" src="https://klix.blob.core.windows.net/stage/widget/build/klixwidget.esm.js"></script>
<script nomodule src="https://klix.blob.core.windows.net/stage/widget/build/klixwidget.js"></script>
</head>
<body>
<div>
<div>
<h1>Widget with dynamic price</h1>
<div class="merchant-body">
<div class="merchant-header">
<ul>
<li>About Us</li>
<li>Products</li>
<li>Contacts</li>
</ul>
</div>
<div class="merchant-content">
<div class="merchant-side-menu">
<ul>
<li>Category 1</li>
<li>Category 2</li>
<li>Category 3</li>
</ul>
</div>
<div class="merchant-page">
<klix-checkout
widget-id="2e1277ab-9b4b-4d4a-b202-c1d1ec721271"
language="lv"
order="{"orderId": "739b337a-5ec8-4b23-bac7-69c9cc887353", "items": [{"orderItemId": "merchantOrderItemId", "amount": 100, "taxRate": 0.21, "currency": "EUR", "label": "Philips matu fēns XR3857", "count": 1, "unit": "PIECE"}, {"amount": 10, "taxRate": 0.21, "currency": "EUR", "label": "Akumulators"}], "shippingOptions": [{"id":"pickup","amount":0}, {"id":"omniva","amount":5,"currency":"EUR","taxRate": 0.21}, {"id":"latvijaspasts","amount":3}, {"id":"courier","amount":5}]}"
signature="SKgGE4D0WRBwcZbDktIduDzKaF5YPdlXndB8gRB8bmg4U9fTm4fMhDzJZtezvy4xsbdnQjfrwqAPn0hwamaDS8lVEG+Zfa+BrG/AHgXWWTZ1phGIP+7SeyXzabqtRh1eykn1UXg0fBKc9hl+CjeOwXF0blfjw/sWp4lNhJRFwpelTOIe7962BF2JO0EcosrxrFK9/fltzGzre4LrVgIS0/bjKQXYq6vMfJhblSa2Q5TpV+rYOKJz7uNin6/9RqYS9KQOZ+stEc8zkRbntcSysW6bk8s5an9/3NYyIbJ3PuFTg7x2TX8hcQQQBOJm1ZB/5Uoj40aIfRmAc+xM7IkOCw=="
></klix-checkout>
</div>
</div>
<div class="merchant-footer">Copyright 2019</div>
</div>
</div>
</div>
<script nonce="12345">
const checkoutElement = document.querySelector('klix-checkout');
checkoutElement.addEventListener('paymentCompleted', function() {
let message = 'Order with id ' + event.detail["orderId"] + ' payment succeeded -> ' + event.detail["paymentSucceeded"];
let orderDetailsLabel = document.createTextNode(message);
checkoutElement.parentElement.appendChild(orderDetailsLabel);
});
</script>
<br/>
<br/>
</body>
</html>