@clink/emails 1.1.8 → 1.2.0

package/dist/templates/buyer/payment-card-expired/da.json

@@ -1,12 +1,9 @@
-{
-  "subject": "Dit betalingskort er udløbet – Ordre #{{ order.id8digit }}",
-  "greeting": "Hej {{ user.firstName }},",
-  "body": "Vi har forsøgt at trække 2. rate for din bestilling #{{ order.id8digit }} hos {{collection.title}}, men dit betalingskort er udløbet.",
-  "amount_label": "Beløb:",
-  "card_label": "Betalingskort:",
-  "date_label": "Dato:",
-  "event_date_label": "Arrangementsdato:",
-  "checkin_label": "Check-in:",
-  "checkout_label": "Check-ud:",
-  "contact_text": "Kontakt os venligst hurtigst muligt for at opdatere dit betalingskort. Vi kan kontaktes på tlf."
-}
+{
+  "subject": "Dit betalingskort er udl\u00f8bet \u2013 Ordre #{{ order.id8digit }}",
+  "greeting": "Hej {{ guest_firstname }},",
+  "card_expired_message": "I forbindelse med din booking hos {{ place_title }} er vi blevet opm\u00e6rksomme p\u00e5, at dit betalingskort er udl\u00f8bet inden {{ rate2_deposit_term }} p\u00e5 {{ booking_rate2_deposit_amount }} kr. automatisk {{ charge_reserve_term }} den {{ booking_rate2_deposit_date }}.",
+  "register_new_card_message": "For ikke at risikere, at din booking aflyses j\u00e6vnf\u00f8r g\u00e6ldende vilk\u00e5r og betingelser, bedes du registrere et nyt betalingskort via knappen nedenfor.",
+  "register_new_payment_button": "Registr\u00e9r ny betalingsmetode",
+  "kind_regards": "Venlig hilsen",
+  "nuento_team": "Nuento-teamet"
+}

package/dist/templates/buyer/payment-card-expired/en.json

@@ -1,12 +1,9 @@
-{
-  "subject": "Your payment card has expired – Order #{{ order.id8digit }}",
-  "greeting": "Hi {{ user.firstName }},",
-  "body": "We attempted to charge the 2nd instalment for your order #{{ order.id8digit }} with {{collection.title}}, but your payment card has expired.",
-  "amount_label": "Amount:",
-  "card_label": "Payment card:",
-  "date_label": "Date:",
-  "event_date_label": "Event date:",
-  "checkin_label": "Check-in:",
-  "checkout_label": "Check-out:",
-  "contact_text": "Please contact us as soon as possible to update your payment card. You can reach us at"
-}
+{
+  "subject": "Your payment card has expired \u2013 Order #{{ order.id8digit }}",
+  "greeting": "Hi {{ guest_firstname }},",
+  "card_expired_message": "In connection with your booking at {{ place_title }}, we have noticed that your payment card has expired before the {{ rate2_deposit_term }} of {{ booking_rate2_deposit_amount }} kr. is automatically {{ charge_reserve_term }} on {{ booking_rate2_deposit_date }}.",
+  "register_new_card_message": "To avoid the risk of your booking being cancelled in accordance with the applicable terms and conditions, please register a new payment card via the button below.",
+  "register_new_payment_button": "Register new payment method",
+  "kind_regards": "Kind regards",
+  "nuento_team": "The Nuento team"
+}

package/dist/templates/buyer/payment-card-expired/template.mjml

@@ -1,47 +1,17 @@
-<mj-section padding-bottom="10px">
-  <mj-column>
-    <mj-text>
-      <p>[[greeting]]</p>
-      <p>[[body]]</p>
-    </mj-text>
-  </mj-column>
-</mj-section>
-
-<mj-section padding-bottom="10px">
-  <mj-column>
-    <mj-text>
-      <p><b>[[amount_label]]</b> {{ invoice_transaction.amountRate2 }}<br>
-      <b>[[card_label]]</b> {{ paymentCard }}<br>
-      <b>[[date_label]]</b> {{ nowTimestamp }}</p>
-    </mj-text>
-  </mj-column>
-</mj-section>
-
-<mj-raw>{{#if order_catering.catererSelectedDate}}</mj-raw>
-<mj-section padding-bottom="10px">
-  <mj-column>
-    <mj-text>
-      <p><b>[[event_date_label]]</b> {{ order_catering.catererSelectedDate }}</p>
-    </mj-text>
-  </mj-column>
-</mj-section>
-<mj-raw>{{/if}}</mj-raw>
-
-<mj-raw>{{#if isPlace}}</mj-raw>
-<mj-section padding-bottom="10px">
-  <mj-column>
-    <mj-text>
-      <p><b>[[checkin_label]]</b> {{ order_place.checkInAtDate }}<br>
-      <b>[[checkout_label]]</b> {{ order_place.checkOutAtDate }}</p>
-    </mj-text>
-  </mj-column>
-</mj-section>
-<mj-raw>{{/if}}</mj-raw>
-
-<mj-section padding-top="10px">
-  <mj-column>
-    <mj-text>
-      <p>[[contact_text]] {{ user.phone }}</p>
-    </mj-text>
-  </mj-column>
-</mj-section>
+<mj-section padding-bottom="20px">
+    <mj-column>
+        <mj-text>
+            <p><font size="3"><b>[[greeting]]</b></font></p>
+            <p>[[card_expired_message]]</p>
+            <p>[[register_new_card_message]]</p>
+        </mj-text>
+        <mj-button font-weight="700" align="left" inner-padding="18px 25px" color="#ffffff" background-color="#F55645">
+            [[register_new_payment_button]]
+        </mj-button>
+        <mj-text>
+            <p>[[kind_regards]]</p>
+            <p>[[nuento_team]]</p>
+        </mj-text>
+
+    </mj-column>
+</mj-section>

package/dist/templates/buyer/payment-failed/da.json

@@ -1,13 +1,16 @@
-{
-  "subject": "Betaling mislykket – Ordre #{{ order.id8digit }}",
-  "greeting": "Hej {{ user.name }},",
-  "body": "Din betaling for bestilling #{{ order.id8digit }} hos {{collection.title}} er desværre mislykket.",
-  "amount_label": "Beløb:",
-  "card_label": "Betalingskort:",
-  "date_label": "Dato:",
-  "event_date_label": "Arrangementsdato:",
-  "checkin_label": "Check-in:",
-  "checkout_label": "Check-ud:",
-  "deadline_text": "Betal venligst inden",
-  "button_pay_now": "Betal nu"
-}
+{
+  "subject": "Betaling mislykket – Ordre #{{ order.id8digit }}",
+  "heading": "Betaling af restbeløb kunne ikke gennemføres",
+  "greeting": "Hej {{ user.name }},",
+  "body_attempted_charge": "I forbindelse med din {{#if order_catering}}ordre{{else}}booking{{/if}} hos {{collection.title}}, har vi forsøgt at trække et beløb på {{ order.calcMissingPayment }} via det angivne betalingskort ({{ paymentCard }}).",
+  "body_card_issue": "Det har imidlertid ikke været muligt og kan skyldes, at dit kort er udløbet eller mangler tilstrækkelig dækning.",
+  "btn_pay_outstanding": "Betal udestående",
+  "body_cancellation_warning": "For ikke at risikere, at din {{#if order_catering}}ordre{{else}}booking{{/if}} annulleres jævnfør gældende vilkår og betingelser, bedes du straks gennemføre betalingen og senest inden for <b>48 timer</b>. Anvend betalingslinket ovenfor.",
+  "body_contact_support": "Kan du ikke få adgang til linket? Kontakt os på support@nuento.dk eller tlf. 9340 6040",
+  "label_delivery_date": "Leveringsdato:",
+  "label_order_number": "Ordrenr.:",
+  "label_booking_id": "Booking ID:",
+  "label_new_payment_deadline": "Ny betalingsfrist:",
+  "closing": "Venlig hilsen",
+  "team_name": "Nuento-teamet"
+}

package/dist/templates/buyer/payment-failed/en.json

@@ -1,13 +1,16 @@
-{
-  "subject": "Payment failed – Order #{{ order.id8digit }}",
-  "greeting": "Hi {{ user.name }},",
-  "body": "Your payment for order #{{ order.id8digit }} with {{collection.title}} has unfortunately failed.",
-  "amount_label": "Amount:",
-  "card_label": "Payment card:",
-  "date_label": "Date:",
-  "event_date_label": "Event date:",
-  "checkin_label": "Check-in:",
-  "checkout_label": "Check-out:",
-  "deadline_text": "Please pay before",
-  "button_pay_now": "Pay now"
-}
+{
+  "subject": "Payment failed – Order #{{ order.id8digit }}",
+  "heading": "Payment of remaining balance could not be processed",
+  "greeting": "Hi {{ user.name }},",
+  "body_attempted_charge": "In connection with your {{#if order_catering}}order{{else}}booking{{/if}} at {{collection.title}}, we attempted to charge {{ order.calcMissingPayment }} from the registered payment card ({{ paymentCard }}).",
+  "body_card_issue": "Unfortunately, the payment could not be completed. This may be due to an expired card or insufficient funds.",
+  "btn_pay_outstanding": "Pay outstanding balance",
+  "body_cancellation_warning": "To avoid your {{#if order_catering}}order{{else}}booking{{/if}} being cancelled in accordance with the applicable terms and conditions, please complete the payment immediately and no later than within <b>48 hours</b>. Use the payment link above.",
+  "body_contact_support": "Can't access the link? Contact us at support@nuento.dk or tel. 9340 6040",
+  "label_delivery_date": "Delivery date:",
+  "label_order_number": "Order no.:",
+  "label_booking_id": "Booking ID:",
+  "label_new_payment_deadline": "New payment deadline:",
+  "closing": "Kind regards",
+  "team_name": "The Nuento Team"
+}

package/dist/templates/buyer/payment-failed/template.mjml

@@ -1,55 +1,65 @@
-<mj-section padding-bottom="10px">
-  <mj-column>
-    <mj-text>
-      <p>[[greeting]]</p>
-      <p>[[body]]</p>
-    </mj-text>
-  </mj-column>
-</mj-section>
-
-<mj-section padding-bottom="10px">
-  <mj-column>
-    <mj-text>
-      <p><b>[[amount_label]]</b> {{ order.calcMissingPayment }}<br>
-      <b>[[card_label]]</b> {{ paymentCard }}<br>
-      <b>[[date_label]]</b> {{ nowTimestamp }}</p>
-    </mj-text>
-  </mj-column>
-</mj-section>
-
-<mj-raw>{{#if order_catering}}</mj-raw>
-<mj-section padding-bottom="10px">
-  <mj-column>
-    <mj-text>
-      <p><b>[[event_date_label]]</b> {{ order_catering.catererSelectedDate }}</p>
-    </mj-text>
-  </mj-column>
-</mj-section>
-<mj-raw>{{/if}}</mj-raw>
-
-<mj-raw>{{#if order_place}}</mj-raw>
-<mj-section padding-bottom="10px">
-  <mj-column>
-    <mj-text>
-      <p><b>[[checkin_label]]</b> {{ order_place.checkInAtDate }}<br>
-      <b>[[checkout_label]]</b> {{ order_place.checkOutAtDate }}</p>
-    </mj-text>
-  </mj-column>
-</mj-section>
-<mj-raw>{{/if}}</mj-raw>
-
-<mj-section padding-bottom="10px">
-  <mj-column>
-    <mj-text>
-      <p>[[deadline_text]] {{ newPaymentDeadline }}</p>
-    </mj-text>
-  </mj-column>
-</mj-section>
-
-<mj-section>
-  <mj-column>
-    <mj-button css-class="btn-link" href="{{{ paymentURL }}}">
-      [[button_pay_now]]
-    </mj-button>
-  </mj-column>
-</mj-section>
+<mj-section background-color="#FFE5EB">
+  <mj-column>
+    <mj-text>
+      <p>
+        <font size="4" color="85002C"><b>[[heading]]</b></font>
+      </p>
+    </mj-text>
+
+  </mj-column>
+</mj-section>
+
+<mj-section padding-bottom="20px">
+  <mj-column>
+    <mj-text>
+      <p>
+        <font size="3"><b>[[greeting]]</b></font>
+      </p>
+      <p>[[body_attempted_charge]]</p>
+      <p>[[body_card_issue]]
+      </p>
+    </mj-text>
+    <mj-button css-class="btn-link" border-radius="8px" align="left" font-size="18px" font-weight="bold" color="#ffffff" background-color="#F55645" href="{{ paymentURL }}">
+      [[btn_pay_outstanding]]
+    </mj-button>
+    <mj-text>
+      <p>[[body_cancellation_warning]]
+      </p>
+    <p>[[body_contact_support]]</p>
+    </mj-text>
+  </mj-column>
+</mj-section>
+
+<mj-section background-color="#E6F7FF" padding-top="10px" padding-bottom="20px">
+    <mj-column>
+        <mj-text>
+            <p><b>{{ collection.title }}</b></p>
+            {{#if order_catering}}
+            <p>
+                [[label_delivery_date]] <br>{{ order_catering.catererSelectedDate }}
+            </p>
+            <p>
+                [[label_order_number]] <br>{{ order.id8digit }}
+            </p>
+            {{else if order_place}}
+            <p>
+                {{ order_place.checkInAtDate }}
+                <font color="#bababa"><b>→</b></font> {{ order_place.checkOutAtDate }}
+                <br>[[label_booking_id]]<br>{{ order.id8digit }}
+            </p>
+            {{/if}}
+            <p>
+                [[label_new_payment_deadline]]<br><font size="4"><b>{{ newPaymentDeadline }}</b></font>
+            </p>
+        </mj-text>
+    </mj-column>
+</mj-section>
+
+<mj-section padding-top="20px" padding-bottom="20px">
+  <mj-column>
+    <mj-text>
+      <p>[[closing]]</p>
+      <p>[[team_name]]</p>
+    </mj-text>
+  </mj-column>
+</mj-section>

package/dist/templates/buyer/payment-failed-new-deadline/da.json

@@ -1,13 +1,15 @@
-{
-  "subject": "Ny betalingsfrist – Ordre #{{ order.id8digit }}",
-  "greeting": "Hej {{ user.name }},",
-  "body": "Din betaling for bestilling #{{ order.id8digit }} hos {{collection.title}} er stadig ikke modtaget. Du har fået en ny betalingsfrist.",
-  "amount_label": "Beløb:",
-  "card_label": "Betalingskort:",
-  "deadline_label": "Ny frist:",
-  "event_date_label": "Arrangementsdato:",
-  "checkin_label": "Check-in:",
-  "checkout_label": "Check-ud:",
-  "button_pay_now": "Betal nu",
-  "cancel_warning": "Hvis betalingen ikke modtages inden fristen, vil bestillingen blive annulleret."
-}
+{
+  "subject": "Ny betalingsfrist \u2013 Ordre #{{ order.id8digit }}",
+  "deadline_extended_heading": "{{collection.title}} har forl\u00e6nget din betalingsfrist",
+  "greeting": "K\u00e6re {{ user.name }},",
+  "deadline_extended_intro": "I forbindelse med din {{#if order_catering}}ordre{{else}}booking{{/if}} hos {{collection.title}}, har {{collection.contact.name}} valgt at forl\u00e6nge din betalingsfrist.",
+  "pay_outstanding_button": "Betal udest\u00e5ende",
+  "pay_before_deadline_message": "For ikke at risikere, at din {{#if order_catering}}ordre{{else}}booking{{/if}} annulleres j\u00e6vnf\u00f8r g\u00e6ldende vilk\u00e5r og betingelser, bedes du straks gennemf\u00f8re betalingen og senest inden den nye betalingsfrist, {{ newPaymentDeadline }}. Faktura {{invoice.id}} er vedh\u00e6ftet denne mail.",
+  "cannot_access_link": "Kan du ikke f\u00e5 adgang til linket? Kontakt os p\u00e5 support@nuento.dk eller tlf. 9340 6040",
+  "delivery_date_label": "Leveringsdato:",
+  "order_number_label": "Ordrenr.:",
+  "booking_id_label": "Booking ID:",
+  "new_payment_deadline_label": "Ny betalingsfrist:",
+  "kind_regards": "Venlig hilsen",
+  "nuento_team": "Nuento-teamet"
+}

package/dist/templates/buyer/payment-failed-new-deadline/en.json

@@ -1,13 +1,15 @@
-{
-  "subject": "New payment deadline – Order #{{ order.id8digit }}",
-  "greeting": "Hi {{ user.name }},",
-  "body": "Your payment for order #{{ order.id8digit }} with {{collection.title}} has still not been received. You have been given a new payment deadline.",
-  "amount_label": "Amount:",
-  "card_label": "Payment card:",
-  "deadline_label": "New deadline:",
-  "event_date_label": "Event date:",
-  "checkin_label": "Check-in:",
-  "checkout_label": "Check-out:",
-  "button_pay_now": "Pay now",
-  "cancel_warning": "If payment is not received before the deadline, the order will be cancelled."
-}
+{
+  "subject": "New payment deadline \u2013 Order #{{ order.id8digit }}",
+  "deadline_extended_heading": "{{collection.title}} has extended your payment deadline",
+  "greeting": "Dear {{ user.name }},",
+  "deadline_extended_intro": "In connection with your {{#if order_catering}}order{{else}}booking{{/if}} with {{collection.title}}, {{collection.contact.name}} has chosen to extend your payment deadline.",
+  "pay_outstanding_button": "Pay outstanding amount",
+  "pay_before_deadline_message": "To avoid the risk of your {{#if order_catering}}order{{else}}booking{{/if}} being cancelled in accordance with the applicable terms and conditions, please complete the payment immediately and no later than the new payment deadline, {{ newPaymentDeadline }}. Invoice {{invoice.id}} is attached to this email.",
+  "cannot_access_link": "Cannot access the link? Contact us at support@nuento.dk or tel. 9340 6040",
+  "delivery_date_label": "Delivery date:",
+  "order_number_label": "Order no.:",
+  "booking_id_label": "Booking ID:",
+  "new_payment_deadline_label": "New payment deadline:",
+  "kind_regards": "Kind regards",
+  "nuento_team": "The Nuento team"
+}

package/dist/templates/buyer/payment-failed-new-deadline/template.mjml

@@ -1,55 +1,64 @@
-<mj-section padding-bottom="10px">
-  <mj-column>
-    <mj-text>
-      <p>[[greeting]]</p>
-      <p>[[body]]</p>
-    </mj-text>
-  </mj-column>
-</mj-section>
-
-<mj-section padding-bottom="10px">
-  <mj-column>
-    <mj-text>
-      <p><b>[[amount_label]]</b> {{ order.calcMissingPayment }}<br>
-      <b>[[card_label]]</b> {{ paymentCard }}<br>
-      <b>[[deadline_label]]</b> {{ newPaymentDeadline }}</p>
-    </mj-text>
-  </mj-column>
-</mj-section>
-
-<mj-raw>{{#if order_catering}}</mj-raw>
-<mj-section padding-bottom="10px">
-  <mj-column>
-    <mj-text>
-      <p><b>[[event_date_label]]</b> {{ order_catering.catererSelectedDate }}</p>
-    </mj-text>
-  </mj-column>
-</mj-section>
-<mj-raw>{{/if}}</mj-raw>
-
-<mj-raw>{{#if order_place}}</mj-raw>
-<mj-section padding-bottom="10px">
-  <mj-column>
-    <mj-text>
-      <p><b>[[checkin_label]]</b> {{ order_place.checkInAtDate }}<br>
-      <b>[[checkout_label]]</b> {{ order_place.checkOutAtDate }}</p>
-    </mj-text>
-  </mj-column>
-</mj-section>
-<mj-raw>{{/if}}</mj-raw>
-
-<mj-section>
-  <mj-column>
-    <mj-button css-class="btn-link" href="{{{ paymentURL }}}">
-      [[button_pay_now]]
-    </mj-button>
-  </mj-column>
-</mj-section>
-
-<mj-section padding-top="10px">
-  <mj-column>
-    <mj-text>
-      <p>[[cancel_warning]]</p>
-    </mj-text>
-  </mj-column>
-</mj-section>
+<mj-section background-color="#FFF1DF">
+  <mj-column>
+    <mj-text>
+      <p>
+        <font size="4" color="#9D3A00"><b>[[deadline_extended_heading]]</b></font>
+      </p>
+    </mj-text>
+
+  </mj-column>
+</mj-section>
+
+<mj-section padding-bottom="20px">
+  <mj-column>
+    <mj-text>
+      <p>
+        <font size="3"><b>[[greeting]]</b></font>
+      </p>
+      <p>[[deadline_extended_intro]]</p>
+    </mj-text>
+    <mj-button css-class="btn-link" align="left" font-size="18px" font-weight="bold" color="#ffffff" background-color="#000000" href="{{ paymentURL }}">
+      [[pay_outstanding_button]]
+    </mj-button>
+    <mj-text>
+      <p>[[pay_before_deadline_message]]
+      </p>
+    <p>[[cannot_access_link]]</p>
+    </mj-text>
+  </mj-column>
+</mj-section>
+
+<mj-section background-color="#E6F7FF" padding-top="10px" padding-bottom="20px">
+    <mj-column>
+        <mj-text>
+            <p><b>{{ collection.title }}</b></p>
+            {{#if order_catering}}
+            <p>
+                [[delivery_date_label]] <br>{{ order_catering.catererSelectedDate }}
+            </p>
+            <p>
+                [[order_number_label]] <br>{{ order.id8digit }}
+            </p>
+            {{else if order_place}}
+            <p>
+                {{ order_place.checkInAtDate }}
+                <font color="#bababa"><b>→</b></font> {{ order_place.checkOutAtDate }}
+                <br>[[booking_id_label]]<br>{{ order.id8digit }}
+            </p>
+            {{/if}}
+            <p>
+                [[new_payment_deadline_label]]<br><font size="4"><b>{{ newPaymentDeadline }}</b></font>
+            </p>
+        </mj-text>
+    </mj-column>
+</mj-section>
+
+<mj-section padding-top="20px" padding-bottom="20px">
+  <mj-column>
+    <mj-text>
+      <p>[[kind_regards]]</p>
+      <p>[[nuento_team]]</p>
+    </mj-text>
+
+  </mj-column>
+</mj-section>

package/dist/templates/buyer/payment-received/da.json

@@ -1,9 +1,9 @@
-{
-  "subject": "Betaling modtaget – Ordre #{{ order.id8digit }}",
-  "greeting": "Hej {{ user.name }},",
-  "body": "Vi bekræfter hermed, at vi har modtaget din betaling for ordre #{{ order.id8digit }}.",
-  "invoice_label": "Faktura",
-  "amount_label": "Beløb:",
-  "card_label": "Betalingskort:",
-  "date_label": "Betalingsdato:"
-}
+{
+  "subject": "Betaling modtaget – Ordre #{{ order.id8digit }}",
+  "heading_refund": "Vi har refunderet et beløb på faktura {{invoice.id}}",
+  "heading_overpayment": "Vi har registreret en overbetaling af faktura {{invoice.id}}",
+  "heading_payment": "Vi har registreret din betaling af faktura {{invoice.id}}",
+  "label_paid": "Betalt:",
+  "label_refunded": "Refunderet:",
+  "body_invoice_order": "Denne faktura vedrører ordre nr. <b>{{ order.id8digit }}</b>."
+}

package/dist/templates/buyer/payment-received/en.json

@@ -1,9 +1,9 @@
-{
-  "subject": "Payment received – Order #{{ order.id8digit }}",
-  "greeting": "Hi {{ user.name }},",
-  "body": "We hereby confirm that we have received your payment for order #{{ order.id8digit }}.",
-  "invoice_label": "Invoice",
-  "amount_label": "Amount:",
-  "card_label": "Payment card:",
-  "date_label": "Payment date:"
-}
+{
+  "subject": "Payment received – Order #{{ order.id8digit }}",
+  "heading_refund": "We have refunded an amount on invoice {{invoice.id}}",
+  "heading_overpayment": "We have registered an overpayment on invoice {{invoice.id}}",
+  "heading_payment": "We have registered your payment of invoice {{invoice.id}}",
+  "label_paid": "Paid:",
+  "label_refunded": "Refunded:",
+  "body_invoice_order": "This invoice relates to order no. <b>{{ order.id8digit }}</b>."
+}

package/dist/templates/buyer/payment-received/template.mjml

@@ -1,19 +1,63 @@
-<mj-section padding-bottom="10px">
-  <mj-column>
-    <mj-text>
-      <p>[[greeting]]</p>
-      <p>[[body]]</p>
-    </mj-text>
-  </mj-column>
-</mj-section>
-
-<mj-section padding-bottom="10px">
-  <mj-column>
-    <mj-text>
-      <p><b>[[invoice_label]]</b> #{{ invoice.id }}<br>
-      <b>[[amount_label]]</b> {{ invoice.transactionAmount }}<br>
-      <b>[[card_label]]</b> {{ invoice.paymentCard }}<br>
-      <b>[[date_label]]</b> {{ invoice.paymentDate }}</p>
-    </mj-text>
-  </mj-column>
-</mj-section>
+<mj-section>
+  <mj-column padding-top="20px" padding-bottom="10px">
+    <mj-text align="left">
+      <p>
+      {{#if invoice.refund}}
+        <font size="4"><b>[[heading_refund]]</b></font>
+      {{else if invoice.paymentAndRefund}}
+        <font size="4"><b>[[heading_overpayment]]</b></font>
+      {{else}}
+        <font size="4"><b>[[heading_payment]]</b></font>
+      {{/if}}
+      </p>
+      <p></p>
+    </mj-text>
+  </mj-column>
+</mj-section>
+
+<mj-section>
+  <mj-column padding-bottom="10px">
+    <mj-table>
+      <tr>
+        <td align="left">
+          {{ invoice.paymentCard }}
+        </td>
+      </tr>
+      {{#if invoice.paymentAndRefund}}
+      <tr>
+        <td align="left">
+          [[label_paid]] <b>{{ invoice.transactionAmount }}</b>
+        </td>
+      </tr>
+      <tr>
+        <td align="left">
+          [[label_refunded]] <b>{{ invoice.refundAmount }}</b>
+        </td>
+      </tr>
+      {{else}}
+      <tr>
+        <td align="left">
+          <b>{{ invoice.transactionAmount }}</b>
+        </td>
+      </tr>
+      {{/if}}
+      <tr>
+        <td align="left">
+          {{ invoice.paymentDate }}
+        </td>
+      </tr>
+    </mj-table>
+  </mj-column>
+</mj-section>
+
+<mj-raw>{{#if order}}</mj-raw>
+
+<mj-section padding-bottom="10px">
+  <mj-column>
+    <mj-text>
+      <p>[[body_invoice_order]]</p>
+    </mj-text>
+  </mj-column>
+</mj-section>
+
+<mj-raw>{{/if}}</mj-raw>