@clink/emails 1.2.2 → 1.2.4

package/dist/html/buyer/payment-failed/en.html

@@ -61,11 +61,11 @@
     </style>
      
     <style type="text/css">
-.body-bordered { border-radius: 24px; max-width: 600px; margin: 0 auto;
-      outline: none; /* Ensure the border is visible */ } @media (min-width:
-      600px) { .body-bordered { border-radius: 24px; max-width: 600px; margin: 0
-      auto; margin-top: 40px; outline: 1px solid #D6D6D6 !important; } }
-      .discountBox div { border-width: 1px; border-style: dashed; border-color:
+.body-bordered { border-radius: 24px; max-width: 600px; margin: 0 auto;
+      outline: none; /* Ensure the border is visible */ } @media (min-width:
+      600px) { .body-bordered { border-radius: 24px; max-width: 600px; margin: 0
+      auto; margin-top: 40px; outline: 1px solid #D6D6D6 !important; } }
+      .discountBox div { border-width: 1px; border-style: dashed; border-color:
       #FCBC42; }
     </style>
     
@@ -133,15 +133,15 @@
       </div>
     
       
-      <!--[if mso | IE]></td></tr></table></td></tr><tr><td class="" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" bgcolor="#FFE5EB" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+      <!--[if mso | IE]></td></tr></table></td></tr><tr><td class="" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
     
       
-      <div style="background:#FFE5EB;background-color:#FFE5EB;margin:0px auto;max-width:600px;">
+      <div style="margin:0px auto;max-width:600px;">
         
-        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#FFE5EB;background-color:#FFE5EB;width:100%;">
+        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
           <tbody>
             <tr>
-              <td style="direction:ltr;font-size:0px;padding:0px;text-align:center;">
+              <td style="direction:ltr;font-size:0px;padding:0px;padding-bottom:10px;text-align:center;">
                 <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
             
       <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
@@ -152,10 +152,10 @@
               <tr>
                 <td align="left" style="font-size:0px;padding:0px 24px;word-break:break-word;">
                   
-      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><p style="line-height: 24px; margin: 16px
-      0px;">
-        <font size="4" color="85002C"><b style="line-height: 24px;">Payment of remaining balance could not be processed</b></font>
-      </p></div>
+      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><p style="line-height: 24px; margin: 16px
+      0px;">Hi {{ user.name }},</p>
+      <p style="line-height: 24px; margin: 16px
+      0px;">Your payment for order #{{ order.id8digit }} with {{collection.title}} has unfortunately failed.</p></div>
     
                 </td>
               </tr>
@@ -182,7 +182,7 @@
         <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
           <tbody>
             <tr>
-              <td style="direction:ltr;font-size:0px;padding:0px;padding-bottom:20px;text-align:center;">
+              <td style="direction:ltr;font-size:0px;padding:0px;padding-bottom:10px;text-align:center;">
                 <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
             
       <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
@@ -193,45 +193,93 @@
               <tr>
                 <td align="left" style="font-size:0px;padding:0px 24px;word-break:break-word;">
                   
-      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><p style="line-height: 24px; margin: 16px
-      0px;">
-        <font size="3"><b style="line-height: 24px;">Hi {{ user.name }},</b></font>
-      </p>
-      <p style="line-height: 24px; margin: 16px
-      0px;">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 }}).</p>
-      <p style="line-height: 24px; margin: 16px
-      0px;">Unfortunately, the payment could not be completed. This may be due to an expired card or insufficient funds.
-      </p></div>
+      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><p style="line-height: 24px; margin: 16px
+      0px;"><b style="line-height: 24px;">Amount:</b> {{ order.calcMissingPayment }}<br>
+      <b style="line-height: 24px;">Payment card:</b> {{ paymentCard }}<br>
+      <b style="line-height: 24px;">Date:</b> {{ nowTimestamp }}</p></div>
     
                 </td>
               </tr>
             
-              <tr>
-                <td align="left" class="btn-link" style="font-size:0px;padding:10px 25px;word-break:break-word;">
-                  
-      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
-        <tbody>
-          <tr>
-            <td align="center" bgcolor="#F55645" role="presentation" style="border:none;border-radius:8px;cursor:auto;mso-padding-alt:10px 25px;background:#F55645;" valign="middle">
-              <a href="{{ paymentURL }}" style="background-color: #FA3232; align: left; display: inline-block; background: #F55645; color: #ffffff; font-family: Arial, sans-serif; font-size: 18px; font-weight: bold; line-height: 24px; margin: 0; text-decoration: none; text-transform: none; padding: 10px 25px; mso-padding-alt: 0px; border-radius: 8px;" target="_blank">
-                Pay outstanding balance
-              </a>
-            </td>
-          </tr>
         </tbody>
       </table>
     
+      </div>
+    
+          <!--[if mso | IE]></td></tr></table><![endif]-->
+              </td>
+            </tr>
+          </tbody>
+        </table>
+        
+      </div>
+    
+      
+      <!--[if mso | IE]></td></tr></table></td></tr><![endif]-->
+        {{#if order_catering}}
+          <!--[if mso | IE]><tr><td class="" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+    
+      
+      <div style="margin:0px auto;max-width:600px;">
+        
+        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
+          <tbody>
+            <tr>
+              <td style="direction:ltr;font-size:0px;padding:0px;padding-bottom:10px;text-align:center;">
+                <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
+            
+      <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+        
+      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
+        <tbody>
+          
+              <tr>
+                <td align="left" style="font-size:0px;padding:0px 24px;word-break:break-word;">
+                  
+      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><p style="line-height: 24px; margin: 16px
+      0px;"><b style="line-height: 24px;">Event date:</b> {{ order_catering.catererSelectedDate }}</p></div>
+    
                 </td>
               </tr>
             
+        </tbody>
+      </table>
+    
+      </div>
+    
+          <!--[if mso | IE]></td></tr></table><![endif]-->
+              </td>
+            </tr>
+          </tbody>
+        </table>
+        
+      </div>
+    
+      
+      <!--[if mso | IE]></td></tr></table></td></tr><![endif]-->
+        {{/if}}{{#if order_place}}
+          <!--[if mso | IE]><tr><td class="" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+    
+      
+      <div style="margin:0px auto;max-width:600px;">
+        
+        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
+          <tbody>
+            <tr>
+              <td style="direction:ltr;font-size:0px;padding:0px;padding-bottom:10px;text-align:center;">
+                <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
+            
+      <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+        
+      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
+        <tbody>
+          
               <tr>
                 <td align="left" style="font-size:0px;padding:0px 24px;word-break:break-word;">
                   
-      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><p style="line-height: 24px; margin: 16px
-      0px;">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 style="line-height: 24px;">48 hours</b>. Use the payment link above.
-      </p>
-    <p style="line-height: 24px; margin: 16px
-      0px;">Can't access the link? Contact us at support@nuento.dk or tel. 9340 6040</p></div>
+      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><p style="line-height: 24px; margin: 16px
+      0px;"><b style="line-height: 24px;">Check-in:</b> {{ order_place.checkInAtDate }}<br>
+      <b style="line-height: 24px;">Check-out:</b> {{ order_place.checkOutAtDate }}</p></div>
     
                 </td>
               </tr>
@@ -250,15 +298,17 @@
       </div>
     
       
-      <!--[if mso | IE]></td></tr></table></td></tr><tr><td class="" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" bgcolor="#E6F7FF" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+      <!--[if mso | IE]></td></tr></table></td></tr><![endif]-->
+        {{/if}}
+          <!--[if mso | IE]><tr><td class="" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
     
       
-      <div style="background:#E6F7FF;background-color:#E6F7FF;margin:0px auto;max-width:600px;">
+      <div style="margin:0px auto;max-width:600px;">
         
-        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#E6F7FF;background-color:#E6F7FF;width:100%;">
+        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
           <tbody>
             <tr>
-              <td style="direction:ltr;font-size:0px;padding:0px;padding-bottom:20px;padding-top:10px;text-align:center;">
+              <td style="direction:ltr;font-size:0px;padding:0px;padding-bottom:10px;text-align:center;">
                 <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
             
       <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
@@ -269,29 +319,8 @@
               <tr>
                 <td align="left" style="font-size:0px;padding:0px 24px;word-break:break-word;">
                   
-      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><p style="line-height: 24px; margin: 16px
-      0px;"><b style="line-height: 24px;">{{ collection.title }}</b></p>
-            {{#if order_catering}}
-            <p style="line-height: 24px; margin: 16px
-      0px;">
-                Delivery date: <br>{{ order_catering.catererSelectedDate }}
-            </p>
-            <p style="line-height: 24px; margin: 16px
-      0px;">
-                Order no.: <br>{{ order.id8digit }}
-            </p>
-            {{else if order_place}}
-            <p style="line-height: 24px; margin: 16px
-      0px;">
-                {{ order_place.checkInAtDate }}
-                <font color="#bababa"><b style="line-height: 24px;">→</b></font> {{ order_place.checkOutAtDate }}
-                <br>Booking ID:<br>{{ order.id8digit }}
-            </p>
-            {{/if}}
-            <p style="line-height: 24px; margin: 16px
-      0px;">
-                New payment deadline:<br><font size="4"><b style="line-height: 24px;">{{ newPaymentDeadline }}</b></font>
-            </p></div>
+      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><p style="line-height: 24px; margin: 16px
+      0px;">Please pay before {{ newPaymentDeadline }}</p></div>
     
                 </td>
               </tr>
@@ -318,7 +347,7 @@
         <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
           <tbody>
             <tr>
-              <td style="direction:ltr;font-size:0px;padding:0px;padding-bottom:20px;padding-top:20px;text-align:center;">
+              <td style="direction:ltr;font-size:0px;padding:0px;text-align:center;">
                 <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
             
       <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
@@ -327,12 +356,19 @@
         <tbody>
           
               <tr>
-                <td align="left" style="font-size:0px;padding:0px 24px;word-break:break-word;">
+                <td align="left" class="btn-link" style="font-size:0px;padding:10px 25px;word-break:break-word;">
                   
-      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><p style="line-height: 24px; margin: 16px
-      0px;">Kind regards</p>
-      <p style="line-height: 24px; margin: 16px
-      0px;">The Nuento Team</p></div>
+      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
+        <tbody>
+          <tr>
+            <td align="center" bgcolor="#FA3232" role="presentation" style="border:none;border-radius:999px;cursor:auto;mso-padding-alt:10px 25px;background:#FA3232;" valign="middle">
+              <a href="{{{ paymentURL }}}" style="background-color: #FA3232; align: left; display: inline-block; background: #FA3232; color: #ffffff; font-family: Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px; margin: 0; text-decoration: none; text-transform: none; padding: 10px 25px; mso-padding-alt: 0px; border-radius: 999px;" target="_blank">
+                Pay now
+              </a>
+            </td>
+          </tr>
+        </tbody>
+      </table>
     
                 </td>
               </tr>
@@ -413,10 +449,10 @@
               <tr>
                 <td align="left" style="font-size:0px;padding:24px 24px 0px;word-break:break-word;">
                   
-      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><b style="line-height: 24px;">Sent from</b>
-            <br>
-            Nuento Denmark ApS, CVR 39000725
-            <br>
+      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><b style="line-height: 24px;">Sent from</b>
+            <br>
+            Nuento Denmark ApS, CVR 39000725
+            <br>
             Lundeborgvej 4, 9220 Aalborg</div>
     
                 </td>

package/dist/html/buyer/payment-failed-new-deadline/da.html

@@ -61,11 +61,11 @@
     </style>
      
     <style type="text/css">
-.body-bordered { border-radius: 24px; max-width: 600px; margin: 0 auto;
-      outline: none; /* Ensure the border is visible */ } @media (min-width:
-      600px) { .body-bordered { border-radius: 24px; max-width: 600px; margin: 0
-      auto; margin-top: 40px; outline: 1px solid #D6D6D6 !important; } }
-      .discountBox div { border-width: 1px; border-style: dashed; border-color:
+.body-bordered { border-radius: 24px; max-width: 600px; margin: 0 auto;
+      outline: none; /* Ensure the border is visible */ } @media (min-width:
+      600px) { .body-bordered { border-radius: 24px; max-width: 600px; margin: 0
+      auto; margin-top: 40px; outline: 1px solid #D6D6D6 !important; } }
+      .discountBox div { border-width: 1px; border-style: dashed; border-color:
       #FCBC42; }
     </style>
     
@@ -133,15 +133,15 @@
       </div>
     
       
-      <!--[if mso | IE]></td></tr></table></td></tr><tr><td class="" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" bgcolor="#FFF1DF" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+      <!--[if mso | IE]></td></tr></table></td></tr><tr><td class="" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
     
       
-      <div style="background:#FFF1DF;background-color:#FFF1DF;margin:0px auto;max-width:600px;">
+      <div style="margin:0px auto;max-width:600px;">
         
-        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#FFF1DF;background-color:#FFF1DF;width:100%;">
+        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
           <tbody>
             <tr>
-              <td style="direction:ltr;font-size:0px;padding:0px;text-align:center;">
+              <td style="direction:ltr;font-size:0px;padding:0px;padding-bottom:10px;text-align:center;">
                 <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
             
       <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
@@ -152,10 +152,10 @@
               <tr>
                 <td align="left" style="font-size:0px;padding:0px 24px;word-break:break-word;">
                   
-      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><p style="line-height: 24px; margin: 16px
-      0px;">
-        <font size="4" color="#9D3A00"><b style="line-height: 24px;">{{collection.title}} har forlænget din betalingsfrist</b></font>
-      </p></div>
+      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><p style="line-height: 24px; margin: 16px
+      0px;">Hej {{ user.name }},</p>
+      <p style="line-height: 24px; margin: 16px
+      0px;">Din betaling for bestilling #{{ order.id8digit }} hos {{collection.title}} er stadig ikke modtaget. Du har fået en ny betalingsfrist.</p></div>
     
                 </td>
               </tr>
@@ -182,7 +182,7 @@
         <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
           <tbody>
             <tr>
-              <td style="direction:ltr;font-size:0px;padding:0px;padding-bottom:20px;text-align:center;">
+              <td style="direction:ltr;font-size:0px;padding:0px;padding-bottom:10px;text-align:center;">
                 <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
             
       <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
@@ -193,42 +193,93 @@
               <tr>
                 <td align="left" style="font-size:0px;padding:0px 24px;word-break:break-word;">
                   
-      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><p style="line-height: 24px; margin: 16px
-      0px;">
-        <font size="3"><b style="line-height: 24px;">Kære {{ user.name }},</b></font>
-      </p>
-      <p style="line-height: 24px; margin: 16px
-      0px;">I forbindelse med din {{#if order_catering}}ordre{{else}}booking{{/if}} hos {{collection.title}}, har {{collection.contact.name}} valgt at forlænge din betalingsfrist.</p></div>
+      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><p style="line-height: 24px; margin: 16px
+      0px;"><b style="line-height: 24px;">Beløb:</b> {{ order.calcMissingPayment }}<br>
+      <b style="line-height: 24px;">Betalingskort:</b> {{ paymentCard }}<br>
+      <b style="line-height: 24px;">Ny frist:</b> {{ newPaymentDeadline }}</p></div>
     
                 </td>
               </tr>
             
-              <tr>
-                <td align="left" class="btn-link" style="font-size:0px;padding:10px 25px;word-break:break-word;">
-                  
-      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
-        <tbody>
-          <tr>
-            <td align="center" bgcolor="#000000" role="presentation" style="border:none;border-radius:999px;cursor:auto;mso-padding-alt:10px 25px;background:#000000;" valign="middle">
-              <a href="{{ paymentURL }}" style="background-color: #FA3232; align: left; display: inline-block; background: #000000; color: #ffffff; font-family: Arial, sans-serif; font-size: 18px; font-weight: bold; line-height: 24px; margin: 0; text-decoration: none; text-transform: none; padding: 10px 25px; mso-padding-alt: 0px; border-radius: 999px;" target="_blank">
-                Betal udestående
-              </a>
-            </td>
-          </tr>
         </tbody>
       </table>
     
+      </div>
+    
+          <!--[if mso | IE]></td></tr></table><![endif]-->
+              </td>
+            </tr>
+          </tbody>
+        </table>
+        
+      </div>
+    
+      
+      <!--[if mso | IE]></td></tr></table></td></tr><![endif]-->
+        {{#if order_catering}}
+          <!--[if mso | IE]><tr><td class="" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+    
+      
+      <div style="margin:0px auto;max-width:600px;">
+        
+        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
+          <tbody>
+            <tr>
+              <td style="direction:ltr;font-size:0px;padding:0px;padding-bottom:10px;text-align:center;">
+                <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
+            
+      <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+        
+      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
+        <tbody>
+          
+              <tr>
+                <td align="left" style="font-size:0px;padding:0px 24px;word-break:break-word;">
+                  
+      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><p style="line-height: 24px; margin: 16px
+      0px;"><b style="line-height: 24px;">Arrangementsdato:</b> {{ order_catering.catererSelectedDate }}</p></div>
+    
                 </td>
               </tr>
             
+        </tbody>
+      </table>
+    
+      </div>
+    
+          <!--[if mso | IE]></td></tr></table><![endif]-->
+              </td>
+            </tr>
+          </tbody>
+        </table>
+        
+      </div>
+    
+      
+      <!--[if mso | IE]></td></tr></table></td></tr><![endif]-->
+        {{/if}}{{#if order_place}}
+          <!--[if mso | IE]><tr><td class="" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+    
+      
+      <div style="margin:0px auto;max-width:600px;">
+        
+        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
+          <tbody>
+            <tr>
+              <td style="direction:ltr;font-size:0px;padding:0px;padding-bottom:10px;text-align:center;">
+                <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
+            
+      <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
+        
+      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
+        <tbody>
+          
               <tr>
                 <td align="left" style="font-size:0px;padding:0px 24px;word-break:break-word;">
                   
-      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><p style="line-height: 24px; margin: 16px
-      0px;">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 den nye betalingsfrist, {{ newPaymentDeadline }}. Faktura {{invoice.id}} er vedhæftet denne mail.
-      </p>
-    <p style="line-height: 24px; margin: 16px
-      0px;">Kan du ikke få adgang til linket? Kontakt os på support@nuento.dk eller tlf. 9340 6040</p></div>
+      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><p style="line-height: 24px; margin: 16px
+      0px;"><b style="line-height: 24px;">Check-in:</b> {{ order_place.checkInAtDate }}<br>
+      <b style="line-height: 24px;">Check-ud:</b> {{ order_place.checkOutAtDate }}</p></div>
     
                 </td>
               </tr>
@@ -247,15 +298,17 @@
       </div>
     
       
-      <!--[if mso | IE]></td></tr></table></td></tr><tr><td class="" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" bgcolor="#E6F7FF" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+      <!--[if mso | IE]></td></tr></table></td></tr><![endif]-->
+        {{/if}}
+          <!--[if mso | IE]><tr><td class="" width="600px" ><table align="center" border="0" cellpadding="0" cellspacing="0" class="" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
     
       
-      <div style="background:#E6F7FF;background-color:#E6F7FF;margin:0px auto;max-width:600px;">
+      <div style="margin:0px auto;max-width:600px;">
         
-        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="background:#E6F7FF;background-color:#E6F7FF;width:100%;">
+        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
           <tbody>
             <tr>
-              <td style="direction:ltr;font-size:0px;padding:0px;padding-bottom:20px;padding-top:10px;text-align:center;">
+              <td style="direction:ltr;font-size:0px;padding:0px;text-align:center;">
                 <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
             
       <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
@@ -264,31 +317,19 @@
         <tbody>
           
               <tr>
-                <td align="left" style="font-size:0px;padding:0px 24px;word-break:break-word;">
+                <td align="left" class="btn-link" style="font-size:0px;padding:10px 25px;word-break:break-word;">
                   
-      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><p style="line-height: 24px; margin: 16px
-      0px;"><b style="line-height: 24px;">{{ collection.title }}</b></p>
-            {{#if order_catering}}
-            <p style="line-height: 24px; margin: 16px
-      0px;">
-                Leveringsdato: <br>{{ order_catering.catererSelectedDate }}
-            </p>
-            <p style="line-height: 24px; margin: 16px
-      0px;">
-                Ordrenr.: <br>{{ order.id8digit }}
-            </p>
-            {{else if order_place}}
-            <p style="line-height: 24px; margin: 16px
-      0px;">
-                {{ order_place.checkInAtDate }}
-                <font color="#bababa"><b style="line-height: 24px;">→</b></font> {{ order_place.checkOutAtDate }}
-                <br>Booking ID:<br>{{ order.id8digit }}
-            </p>
-            {{/if}}
-            <p style="line-height: 24px; margin: 16px
-      0px;">
-                Ny betalingsfrist:<br><font size="4"><b style="line-height: 24px;">{{ newPaymentDeadline }}</b></font>
-            </p></div>
+      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
+        <tbody>
+          <tr>
+            <td align="center" bgcolor="#FA3232" role="presentation" style="border:none;border-radius:999px;cursor:auto;mso-padding-alt:10px 25px;background:#FA3232;" valign="middle">
+              <a href="{{{ paymentURL }}}" style="background-color: #FA3232; align: left; display: inline-block; background: #FA3232; color: #ffffff; font-family: Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px; margin: 0; text-decoration: none; text-transform: none; padding: 10px 25px; mso-padding-alt: 0px; border-radius: 999px;" target="_blank">
+                Betal nu
+              </a>
+            </td>
+          </tr>
+        </tbody>
+      </table>
     
                 </td>
               </tr>
@@ -315,7 +356,7 @@
         <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
           <tbody>
             <tr>
-              <td style="direction:ltr;font-size:0px;padding:0px;padding-bottom:20px;padding-top:20px;text-align:center;">
+              <td style="direction:ltr;font-size:0px;padding:0px;padding-top:10px;text-align:center;">
                 <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:600px;" ><![endif]-->
             
       <div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
@@ -326,10 +367,8 @@
               <tr>
                 <td align="left" style="font-size:0px;padding:0px 24px;word-break:break-word;">
                   
-      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><p style="line-height: 24px; margin: 16px
-      0px;">Venlig hilsen</p>
-      <p style="line-height: 24px; margin: 16px
-      0px;">Nuento-teamet</p></div>
+      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><p style="line-height: 24px; margin: 16px
+      0px;">Hvis betalingen ikke modtages inden fristen, vil bestillingen blive annulleret.</p></div>
     
                 </td>
               </tr>
@@ -410,10 +449,10 @@
               <tr>
                 <td align="left" style="font-size:0px;padding:24px 24px 0px;word-break:break-word;">
                   
-      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><b style="line-height: 24px;">Sendt fra</b>
-            <br>
-            Nuento Denmark ApS, CVR 39000725
-            <br>
+      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:left;color:#222730;"><b style="line-height: 24px;">Sendt fra</b>
+            <br>
+            Nuento Denmark ApS, CVR 39000725
+            <br>
             Lundeborgvej 4, 9220 Aalborg</div>
     
                 </td>