@clink/emails 1.2.4 → 1.2.6

package/dist/templates/buyer/order-changed/template.mjml

@@ -1,63 +1,103 @@
 <mj-section padding-bottom="10px">
-  <mj-column>
-    <mj-text>
-      <p>[[greeting]]</p>
-      <p>[[body]]</p>
-    </mj-text>
-  </mj-column>
+    <mj-column>
+        <mj-text>
+             <p>[[greeting]] {{ user.name }},</p>
+            <p>[[order_changed_intro]]</p>
+        </mj-text>
+    </mj-column>
 </mj-section>
 
-<mj-raw>{{#if catering}}</mj-raw>
+<mj-raw>{{#if orderChange}}</mj-raw>
 <mj-section padding-bottom="10px">
+    <mj-column>
+        <mj-text>
+             <h4>[[order_section_heading]]</h4>
+        </mj-text>
+    </mj-column>
+</mj-section>
+<mj-section>
   <mj-column>
-    <mj-text>
-      <p><b>[[order_label]]</b> #{{ order_catering.id8digit }}<br>
-      <b>[[date_label]]</b> {{ order_catering.selectedDate }}</p>
-    </mj-text>
+    <mj-table>
+      {{#each orderChange}}
+        <tr>
+          <td align="left">{{{ this.logitem }}}</td>
+        </tr>
+      {{/each}}
+    </mj-table>
   </mj-column>
 </mj-section>
 <mj-raw>{{/if}}</mj-raw>
 
-<mj-raw>{{#if place}}</mj-raw>
+<mj-raw>{{#if eventChange}}</mj-raw>
 <mj-section padding-bottom="10px">
+    <mj-column>
+        <mj-text>
+             <h4>{{#if catering}}[[event_heading_catering]]{{else}}[[event_heading_place]]{{/if}}</h4>
+        </mj-text>
+    </mj-column>
+</mj-section>
+<mj-section>
   <mj-column>
-    <mj-text>
-      <p><b>[[booking_label]]</b> #{{ order_place.id8digit }}<br>
-      <b>[[checkin_label]]</b> {{ order_place.checkInAtDate }}</p>
-    </mj-text>
+    <mj-table>
+      {{#each eventChange}}
+        <tr>
+          <td align="left">{{{ this.logitem }}}</td>
+        </tr>
+      {{/each}}
+    </mj-table>
   </mj-column>
 </mj-section>
 <mj-raw>{{/if}}</mj-raw>
 
 <mj-raw>{{#if priceChange.isChanged}}</mj-raw>
-<mj-section padding-bottom="10px">
+<mj-section padding-top="20px">
   <mj-column>
-    <mj-text>
-      <p><b>[[price_change_label]]</b><br>
-      [[previous_total]] {{ priceChange.oldAmount }}<br>
-      [[new_total]] {{ priceChange.totalAmount }}<br>
-      [[difference]] {{ priceChange.differenceAmount }}</p>
-    </mj-text>
+    <mj-divider />
   </mj-column>
 </mj-section>
-<mj-raw>{{/if}}</mj-raw>
 
-<mj-raw>{{#if catering}}</mj-raw>
-<mj-section>
+<mj-section padding-top="20px">
   <mj-column>
-    <mj-button css-class="btn-link" href="{{{ order_catering.url }}}">
-      [[button_view_order]]
-    </mj-button>
+    <mj-table>
+      <tr>
+        <td align="left"><b>{{#if catering}}[[order_total_label]]{{else}}[[booking_total_label]]{{/if}}</b></td>
+        <td align="right"><b>{{priceChange.totalAmount}}</b></td>
+      </tr>
+      <tr height='40px'>
+        <td align="left" valign='bottom'><font color='#828282'>{{#if catering}}[[order_total_before_label]]{{else}}[[booking_total_before_label]]{{/if}}</font></td>
+        <td align="right" valign='bottom'><font color='#828282'>{{priceChange.oldAmount}}</font></td>
+      </tr>
+      <tr>
+        <td align="left"><font color='#828282'>[[price_change_label]]</font></td>
+        <td align="right"><font color='#828282'>{{priceChange.differenceAmount}}</font></td>
+      </tr>
+    </mj-table>
+  </mj-column>
+</mj-section>
+
+<mj-section padding-top="20px">
+  <mj-column>
+    <mj-divider />
   </mj-column>
 </mj-section>
 <mj-raw>{{/if}}</mj-raw>
 
-<mj-raw>{{#if place}}</mj-raw>
-<mj-section>
+<mj-section padding-top='20px'>
   <mj-column>
-    <mj-button css-class="btn-link" href="{{{ order_place.url }}}">
-      [[button_view_booking]]
+    <mj-button css-class="btn-link" align="left" font-size="18px" font-weight="bold" align="left" color="#ffffff" background-color="#000000" href="{{#if catering}}{{{ order_catering.url }}}{{else}}{{{ order_place.url }}}{{/if}}">
+      [[view_changed_button]]
     </mj-button>
+      <mj-text>
+        <p>[[login_required_note]]</p>
+      </mj-text>
   </mj-column>
 </mj-section>
-<mj-raw>{{/if}}</mj-raw>
+
+<mj-section padding-bottom="10px">
+    <mj-column>
+        <mj-text>
+             <p class="small"><font size="4"><b>[[need_help_heading]]</b></font></p>
+            <p>[[contact_nuento_support]]</p>
+        </mj-text>
+    </mj-column>
+</mj-section>

package/dist/templates/buyer/order-confirmed/da.json

@@ -1,9 +1,9 @@
 {
   "subject": "Din bestilling hos {{collection.title}} er bekræftet",
-  "greeting": "Hej {{ user.name }},",
-  "body": "Gode nyheder! Din bestilling hos {{collection.title}} er nu bekræftet.",
-  "delivery_label": "Ankomsttid",
-  "serving_label": "Ønsket serveringstidspunkt",
-  "button_view_order": "Se din bestilling",
-  "contact_label": "Kontaktoplysninger"
+  "order_confirmed_heading": "Din ordre er bekræftet af {{ collection.title }}.",
+  "see_arrival_time_details": "Se forventet ankomsttidspunkt og flere detaljer om din ordre på Nuento.",
+  "see_order_button": "Se din ordre",
+  "adjust_or_questions_heading": "Skal du justere din ordre – eller har du spørgsmål?",
+  "contact_info_on_order_page": "På din ordreside finder du kontaktoplysninger på den serveringsansvarlige og andre relevante detaljer.",
+  "login_with_phone": "Du logger nemt ind med dit telefonnummer."
 }

package/dist/templates/buyer/order-confirmed/en.json

@@ -1,9 +1,9 @@
 {
   "subject": "Your order with {{collection.title}} has been confirmed",
-  "greeting": "Hi {{ user.name }},",
-  "body": "Great news! Your order with {{collection.title}} has been confirmed.",
-  "delivery_label": "Arrival time",
-  "serving_label": "Requested serving time",
-  "button_view_order": "View your order",
-  "contact_label": "Contact details"
+  "order_confirmed_heading": "Your order has been confirmed by {{ collection.title }}.",
+  "see_arrival_time_details": "See expected arrival time and more details about your order on Nuento.",
+  "see_order_button": "See your order",
+  "adjust_or_questions_heading": "Need to adjust your order – or have questions?",
+  "contact_info_on_order_page": "On your order page you will find contact information for the catering manager and other relevant details.",
+  "login_with_phone": "You can easily log in with your phone number."
 }

package/dist/templates/buyer/order-confirmed/template.mjml

@@ -1,42 +1,26 @@
-<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>[[delivery_label]]</b><br>{{ order_catering.catererSelectedDate }}</p>
-      <p><b>[[serving_label]]</b><br>{{ order_catering.userSelectedDate }}</p>
-    </mj-text>
-  </mj-column>
+<mj-section>
+    <mj-column>
+        <mj-text>
+            <h3>[[order_confirmed_heading]]</h3>
+            <p>[[see_arrival_time_details]]</p>
+        </mj-text>
+    </mj-column>
 </mj-section>
 
 <mj-section>
   <mj-column>
     <mj-button css-class="btn-link" href="{{{ order_catering.url }}}">
-      [[button_view_order]]
+      [[see_order_button]]
     </mj-button>
   </mj-column>
 </mj-section>
 
-<mj-section>
-  <mj-column>
-    <mj-divider />
-  </mj-column>
-</mj-section>
-
-<mj-section padding-top="10px">
-  <mj-column>
-    <mj-text>
-      <p><b>[[contact_label]]</b><br>
-      {{ collection.contact.name }}<br>
-      {{ collection.contact.email }}<br>
-      {{ collection.contact.phone }}</p>
-    </mj-text>
-  </mj-column>
+<mj-section padding-top="10px" padding-bottom="10px">
+    <mj-column>
+        <mj-text>
+            <p class="small"><font size="4"><b>[[adjust_or_questions_heading]]</b></font></p>
+            <p>[[contact_info_on_order_page]]</p>
+            <p>[[login_with_phone]]</p>
+        </mj-text>
+    </mj-column>
 </mj-section>

package/dist/templates/buyer/order-confirmed-already-booked/da.json

@@ -1,10 +1,17 @@
 {
   "subject": "Din bestilling hos {{collection.title}} er bekræftet",
   "greeting": "Hej {{ user.name }},",
-  "body": "Gode nyheder! Din bestilling hos {{collection.title}} er nu bekræftet.",
-  "delivery_label": "Ankomsttid",
-  "serving_label": "Ønsket serveringstidspunkt",
-  "invoice_note": "Din faktura vil blive trukket den",
-  "button_view_order": "Se din bestilling",
-  "contact_label": "Kontaktoplysninger"
+  "moved_order_intro": "Vi skriver til dig, fordi <b>{{ collection.title }}</b> har flyttet din ordre til et nyt bookingsystem på Nuento.dk.",
+  "what_does_it_mean": "Hvad betyder det for mig?",
+  "moved_order_explanation": "Det betyder blot, at du fremadrettet vil modtage mails fra Nuento angående ordren. Det gælder også din faktura, som du vil modtage {{ invoice_scheduled.scheduledTo }}.",
+  "login_instructions": "Det betyder også, at du kan logge ind på Nuento for at se din ordre. Anvend blot dit telefonnummer <b>{{ user.phone }}</b> ved login. Ønsker du at tilgå ordren med et andet telefonnummer? Så skriv på kontakt@nuento.dk.",
+  "order_details_heading": "Ordredetaljer",
+  "arrival_time_label": "Tidspunkt for ankomst:",
+  "serving_time_label": "Tidspunkt for servering:",
+  "contact_info_label": "Kontaktoplysninger",
+  "see_details_on_nuento": "Se de resterende detaljer på Nuento via knappen nedenfor.",
+  "see_order_button": "Se din ordre",
+  "login_with_phone": "(Anvend dit telefonnummer <b>{{ user.phone }}</b> ved login)",
+  "adjust_order_heading": "Skal du justere din ordre?",
+  "contact_to_adjust": "Kontakt {{ collection.title }} på {{ collection.contact.email }} eller {{ collection.contact.phone }}."
 }

package/dist/templates/buyer/order-confirmed-already-booked/en.json

@@ -1,10 +1,17 @@
 {
   "subject": "Your order with {{collection.title}} has been confirmed",
   "greeting": "Hi {{ user.name }},",
-  "body": "Great news! Your order with {{collection.title}} has been confirmed.",
-  "delivery_label": "Arrival time",
-  "serving_label": "Requested serving time",
-  "invoice_note": "Your invoice will be charged on",
-  "button_view_order": "View your order",
-  "contact_label": "Contact details"
+  "moved_order_intro": "We are writing to you because <b>{{ collection.title }}</b> has moved your order to a new booking system on Nuento.dk.",
+  "what_does_it_mean": "What does this mean for me?",
+  "moved_order_explanation": "It simply means that going forward you will receive emails from Nuento regarding the order. This also applies to your invoice, which you will receive {{ invoice_scheduled.scheduledTo }}.",
+  "login_instructions": "It also means that you can log in to Nuento to view your order. Simply use your phone number <b>{{ user.phone }}</b> to log in. Would you like to access the order with a different phone number? Then write to kontakt@nuento.dk.",
+  "order_details_heading": "Order details",
+  "arrival_time_label": "Arrival time:",
+  "serving_time_label": "Serving time:",
+  "contact_info_label": "Contact information",
+  "see_details_on_nuento": "See the remaining details on Nuento via the button below.",
+  "see_order_button": "See your order",
+  "login_with_phone": "(Use your phone number <b>{{ user.phone }}</b> to log in)",
+  "adjust_order_heading": "Need to adjust your order?",
+  "contact_to_adjust": "Contact {{ collection.title }} at {{ collection.contact.email }} or {{ collection.contact.phone }}."
 }

package/dist/templates/buyer/order-confirmed-already-booked/template.mjml

@@ -1,50 +1,49 @@
-<mj-section padding-bottom="10px">
-  <mj-column>
-    <mj-text>
-      <p>[[greeting]]</p>
-      <p>[[body]]</p>
-    </mj-text>
-  </mj-column>
+<mj-section>
+    <mj-column>
+        <mj-text>
+            <p>[[greeting]]</p>
+            <p>[[moved_order_intro]]</p>
+            <p><b>[[what_does_it_mean]]</b>
+            <br>[[moved_order_explanation]]</p>
+            <p>[[login_instructions]]</p>
+        </mj-text>
+    </mj-column>
 </mj-section>
 
 <mj-section padding-bottom="10px">
-  <mj-column>
-    <mj-text>
-      <p><b>[[delivery_label]]</b><br>{{ order_catering.catererSelectedDate }}</p>
-      <p><b>[[serving_label]]</b><br>{{ order_catering.userSelectedDate }}</p>
-    </mj-text>
-  </mj-column>
-</mj-section>
-
-<mj-section padding-bottom="10px">
-  <mj-column>
-    <mj-text>
-      <p>[[invoice_note]] {{ invoice_scheduled.scheduledTo }}</p>
-    </mj-text>
-  </mj-column>
+    <mj-column>
+        <mj-text>
+            <h3>[[order_details_heading]]</h3>
+            <p><b>[[arrival_time_label]]</b>
+            <br>{{ order_catering.catererSelectedDate }}</p>
+            <p><b>[[serving_time_label]]</b>
+            <br>{{ order_catering.userSelectedDate }}</p>
+            <p><b>[[contact_info_label]]</b>
+            <br>{{ collection.title }}
+            <br>{{ collection.contact.name }}
+            <br>{{ collection.contact.email }}
+            <br>{{ collection.contact.phone }}</p>
+            <p>[[see_details_on_nuento]]</p>
+        </mj-text>
+    </mj-column>
 </mj-section>
 
 <mj-section>
   <mj-column>
-    <mj-button css-class="btn-link" href="{{{ order_catering.url }}}">
-      [[button_view_order]]
+    <mj-button css-class="btn-link" padding-bottom="0px" width="100%" align="center" font-size="16px" align="left" color="#ffffff" background-color="#11141A" href="{{{ order_catering.url }}}">
+      [[see_order_button]]
     </mj-button>
+    <mj-text align="center" padding-top="0px">
+        <p>[[login_with_phone]]</p>
+    </mj-text>
   </mj-column>
 </mj-section>
 
-<mj-section>
-  <mj-column>
-    <mj-divider />
-  </mj-column>
-</mj-section>
-
-<mj-section padding-top="10px">
-  <mj-column>
-    <mj-text>
-      <p><b>[[contact_label]]</b><br>
-      {{ collection.contact.name }}<br>
-      {{ collection.contact.email }}<br>
-      {{ collection.contact.phone }}</p>
-    </mj-text>
-  </mj-column>
+<mj-section padding-top="10px" padding-bottom="10px">
+    <mj-column>
+        <mj-text>
+            <p class="small"><font size="4"><b>[[adjust_order_heading]]</b></font></p>
+            <p>[[contact_to_adjust]]</p>
+        </mj-text>
+    </mj-column>
 </mj-section>

package/dist/templates/buyer/order-confirmed-w-reservations/da.json

@@ -1,11 +1,11 @@
 {
   "subject": "Din bestilling hos {{collection.title}} er bekræftet med forbehold",
   "greeting": "Hej {{ user.name }},",
-  "body": "Din bestilling hos {{collection.title}} er bekræftet, men med nedenstående forbehold. Læs forbeholdet og vælg om du vil godkende eller afvise ordren.",
-  "reservations_label": "Forbehold",
-  "delivery_label": "Ankomsttid",
-  "serving_label": "Ønsket serveringstidspunkt",
-  "button_approve": "Godkend forbehold",
-  "button_decline": "Afvis ordre",
-  "contact_label": "Kontaktoplysninger"
+  "order_confirmed_with_reservations": "Din ordre er bekræftet <b>med forbehold</b> af {{ collection.title }}. Du skal godkende forbeholdet før ordren kan endeligt bekræftes.",
+  "reservations_from": "Forbehold fra {{ collection.title }}",
+  "approve_reservations_button": "Godkend forbehold",
+  "reject_reservations_link": "Afvis forbehold og annullér bestilling",
+  "arrival_time_label": "Tidspunkt for ankomst:",
+  "serving_time_label": "Tidspunkt for servering:",
+  "contact_info_label": "Kontaktoplysninger"
 }

package/dist/templates/buyer/order-confirmed-w-reservations/en.json

@@ -1,11 +1,11 @@
 {
   "subject": "Your order with {{collection.title}} has been confirmed with reservations",
   "greeting": "Hi {{ user.name }},",
-  "body": "Your order with {{collection.title}} has been confirmed, but with the reservations below. Please read the reservations and choose whether to approve or decline the order.",
-  "reservations_label": "Reservations",
-  "delivery_label": "Arrival time",
-  "serving_label": "Requested serving time",
-  "button_approve": "Approve reservations",
-  "button_decline": "Decline order",
-  "contact_label": "Contact details"
+  "order_confirmed_with_reservations": "Your order has been confirmed <b>with reservations</b> by {{ collection.title }}. You must approve the reservations before the order can be finally confirmed.",
+  "reservations_from": "Reservations from {{ collection.title }}",
+  "approve_reservations_button": "Approve reservations",
+  "reject_reservations_link": "Reject reservations and cancel order",
+  "arrival_time_label": "Arrival time:",
+  "serving_time_label": "Serving time:",
+  "contact_info_label": "Contact information"
 }

package/dist/templates/buyer/order-confirmed-w-reservations/template.mjml

@@ -1,43 +1,34 @@
 <mj-section padding-bottom="10px">
-  <mj-column>
-    <mj-text>
-      <p>[[greeting]]</p>
-      <p>[[body]]</p>
-    </mj-text>
-  </mj-column>
+    <mj-column>
+        <mj-text>
+             <p>[[greeting]]</p>
+            <p>[[order_confirmed_with_reservations]]</p>
+        </mj-text>
+    </mj-column>
 </mj-section>
 
-<mj-section padding-bottom="10px">
-  <mj-column>
-    <mj-text>
-      <p><b>[[reservations_label]]</b></p>
-      <p>{{{ order_catering.reservations }}}</p>
+<mj-section padding-left="24px" padding-right="24px" padding-top="10px" padding-bottom="10px">
+  <mj-column border-radius="8px" background-color="#FFF5E1">
+    <mj-text >
+      <p class="small"><b>[[reservations_from]]</b></p>
+      <p><i>{{ order_catering.reservations }}</i></p>
     </mj-text>
   </mj-column>
 </mj-section>
 
-<mj-section padding-bottom="10px">
-  <mj-column>
-    <mj-text>
-      <p><b>[[delivery_label]]</b><br>{{ order_catering.catererSelectedDate }}</p>
-      <p><b>[[serving_label]]</b><br>{{ order_catering.userSelectedDate }}</p>
-    </mj-text>
-  </mj-column>
-</mj-section>
-
-<mj-section padding-bottom="5px">
+<mj-section>
   <mj-column>
-    <mj-button css-class="btn-link" href="{{{ order_catering.approvalUrl }}}">
-      [[button_approve]]
+    <mj-button width="100%" align="center" font-size="16px" align="left" font-weight="700" inner-padding="18px 25px" color="#ffffff" background-color="#13923C" href="{{{ order_catering.approvalUrl }}}">
+      [[approve_reservations_button]]
     </mj-button>
   </mj-column>
 </mj-section>
 
 <mj-section padding-bottom="10px">
   <mj-column>
-    <mj-button css-class="btn-link" background-color="#888888" href="{{{ order_catering.cancelUrl }}}">
-      [[button_decline]]
-    </mj-button>
+    <mj-text align="center">
+      <p><a href="{{{ order_catering.cancelUrl }}}"><font size="3" color="#000000"><b>[[reject_reservations_link]]</b></font></a></p>
+    </mj-text>
   </mj-column>
 </mj-section>
 
@@ -48,12 +39,17 @@
 </mj-section>
 
 <mj-section padding-top="10px">
-  <mj-column>
-    <mj-text>
-      <p><b>[[contact_label]]</b><br>
-      {{ collection.contact.name }}<br>
-      {{ collection.contact.email }}<br>
-      {{ collection.contact.phone }}</p>
-    </mj-text>
-  </mj-column>
+    <mj-column>
+        <mj-text>
+            <p><b>[[arrival_time_label]]</b>
+            <br>{{ order_catering.catererSelectedDate }}</p>
+            <p><b>[[serving_time_label]]</b>
+            <br>{{ order_catering.userSelectedDate }}</p>
+            <p><b>[[contact_info_label]]</b>
+            <br>{{ collection.title }}
+            <br>{{ collection.contact.name }}
+            <br>{{ collection.contact.email }}
+            <br>{{ collection.contact.phone }}</p>
+        </mj-text>
+    </mj-column>
 </mj-section>

package/dist/templates/buyer/order-declined/da.json

@@ -1,8 +1,9 @@
 {
   "subject": "Din bestilling hos {{collection.title}} er blevet afvist",
   "greeting": "Hej {{ user.name }},",
-  "body": "Vi beklager, men din bestilling #{{ order.id8digit }} hos {{collection.title}} er desværre blevet afvist.",
-  "reason_label": "Begrundelse fra leverandøren",
-  "browse_text": "Vi håber, at du kan finde en anden passende løsning på Nuento.",
-  "button_browse": "Se andre leverandører"
+  "order_declined_message": "Din ordre med ordrenummer {{ order.id8digit }} kan desværre ikke imødekommes og er blevet afvist af {{ collection.title }}. Vi beklager ulejligheden.",
+  "payments_cancelled": "Alle betalinger er annulleret.",
+  "reason_for_decline": "Årsag til afvisning",
+  "help_you_further_heading": "... Men vi vil selvfølgelig gerne hjælpe dig videre.",
+  "contact_for_help": "Kontakt os på support@nuento.dk eller ring <a href=\"tel:+4593406040\">93 40 60 40</a>. Så finder vi sammen en anden —og måske endnu bedre— løsning."
 }

package/dist/templates/buyer/order-declined/en.json

@@ -1,8 +1,9 @@
 {
   "subject": "Your order with {{collection.title}} has been declined",
   "greeting": "Hi {{ user.name }},",
-  "body": "We're sorry, but your order #{{ order.id8digit }} with {{collection.title}} has been declined.",
-  "reason_label": "Reason from the supplier",
-  "browse_text": "We hope you can find another suitable option on Nuento.",
-  "button_browse": "Browse other suppliers"
+  "order_declined_message": "Your order with order number {{ order.id8digit }} unfortunately cannot be accommodated and has been declined by {{ collection.title }}. We apologise for the inconvenience.",
+  "payments_cancelled": "All payments have been cancelled.",
+  "reason_for_decline": "Reason for decline",
+  "help_you_further_heading": "... But of course we would like to help you further.",
+  "contact_for_help": "Contact us at support@nuento.dk or call <a href=\"tel:+4593406040\">93 40 60 40</a>. Together we will find another — and perhaps even better — solution."
 }

package/dist/templates/buyer/order-declined/template.mjml

@@ -1,39 +1,27 @@
 <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>[[reason_label]]</b></p>
-      <p>{{{ order.reasonDecline }}}</p>
-    </mj-text>
-  </mj-column>
-</mj-section>
-
-<mj-section>
-  <mj-column>
-    <mj-divider />
-  </mj-column>
+    <mj-column>
+        <mj-text>
+             <p>[[greeting]]</p>
+            <p>[[order_declined_message]]</p>
+            <p>[[payments_cancelled]]</p>
+        </mj-text>
+    </mj-column>
 </mj-section>
 
-<mj-section padding-top="10px">
-  <mj-column>
-    <mj-text>
-      <p>[[browse_text]]</p>
+<mj-section padding-left="16px" padding-right="16px" padding-top="10px" padding-bottom="10px">
+  <mj-column border-radius="8px" background-color="#FFF5E1">
+    <mj-text >
+      <p class="small"><b>[[reason_for_decline]]</b></p>
+      <p><i>{{{ order.reasonDecline }}}</i></p>
     </mj-text>
   </mj-column>
 </mj-section>
 
 <mj-section>
-  <mj-column>
-    <mj-button css-class="btn-link" href="[[urls.root]]">
-      [[button_browse]]
-    </mj-button>
-  </mj-column>
+    <mj-column>
+        <mj-text>
+             <p class="small"><font size="4"><b>[[help_you_further_heading]]</b></font></p>
+            <p>[[contact_for_help]]</p>
+        </mj-text>
+    </mj-column>
 </mj-section>