price change while ordering

assets/i18n/en/main.ftl

@@ -386,6 +386,7 @@ field-optional = optional
 checkout-place-order = Place order
 checkout-continue-payment = Continue
 checkout-back-info = Back to details
+checkout-price-changed = The price of an item in your basket has changed since you opened this page. Please review the updated total below before placing your order.
 checkout-summary = Order summary
 profile-title = My profile
 profile-intro = We'll use these details to prefill checkout.

assets/i18n/sk/main.ftl

@@ -386,6 +386,7 @@ field-optional = nepovinné
 checkout-place-order = Odoslať objednávku
 checkout-continue-payment = Pokračovať
 checkout-back-info = Späť na údaje
+checkout-price-changed = Cena niektorej položky v košíku sa od otvorenia tejto stránky zmenila. Pred odoslaním objednávky si prosím skontrolujte aktualizovanú sumu nižšie.
 checkout-summary = Súhrn objednávky
 profile-title = Môj profil
 profile-intro = Tieto údaje použijeme na predvyplnenie pokladne.

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">