automatically display android discount

Author: tobihagemann

assets/js/androidkey.js

@@ -30,6 +30,7 @@ class AndroidLicense {
     }).done(data => {
       this._checkoutData.price = {
         amount: data.response.products[0].price.gross,
+        listAmount: data.response.products[0].list_price.gross,
         currency: data.response.products[0].currency
       };
     });

layouts/partials/android-getkey.html

@@ -6,7 +6,8 @@ <h3 class="font-h3 text-lg">{{ i18n "android_getkey_title" }}</h3>
   <form x-show="!checkoutData.success" x-ref="form" class="px-4 py-8">
     <div class="mb-4">
       <label class="label-uppercase mb-2">{{ i18n "android_getkey_price" }}</label>
-      <div class="input-box flex items-center w-full lg:w-1/2">
+      <div class="input-box flex items-center gap-2 w-full lg:w-1/2">
+        <span x-show="checkoutData.price && checkoutData.price.amount != checkoutData.price.listAmount" x-text="checkoutData.price ? checkoutData.price.listAmount.toLocaleString('{{ .Site.Language.Lang }}', { style: 'currency', currency: checkoutData.price.currency }) : '…'" class="text-gray-500 line-through decoration-red-600"></span>
         <span x-text="checkoutData.price ? checkoutData.price.amount.toLocaleString('{{ .Site.Language.Lang }}', { style: 'currency', currency: checkoutData.price.currency }) : '…'">…</span>
       </div>
     </div>