price change while ordering

assets/views/shop/checkout_payment.html

@@ -12,6 +12,13 @@
 
 <h1 class="text-3xl font-bold text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="checkout-title", lang=lang | default(value='sk')) }}</h1>
 
+{% if price_changed %}
+<div role="alert" class="mt-4 flex items-start gap-3 rounded-radius border border-warning/40 bg-warning/10 p-4 text-sm text-on-surface dark:text-on-surface-dark">
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="size-5 shrink-0 text-warning" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m9-.75a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 3.75h.008v.008H12v-.008Z" /></svg>
+  <span>{{ t(key="checkout-price-changed", lang=lang | default(value='sk')) }}</span>
+</div>
+{% endif %}
+
 <form method="post" action="/checkout/payment" hx-boost="false"
   x-data="{
     paymentMethod: '',
@@ -35,6 +42,7 @@
   class="mt-6 grid gap-8 lg:grid-cols-3">
   {{ ui::csrf_field() }}
 
+
   <div class="space-y-6 lg:col-span-2">
     <!-- carrier -->
     <fieldset class="space-y-3 rounded-radius border border-outline bg-surface p-6 dark:border-outline-dark dark:bg-surface-dark-alt">