@clink/emails 1.2.1 → 1.2.4

package/dist/html/buyer/order-confirmed/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>
     
@@ -141,7 +141,48 @@
         <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%;">
+        
+      <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;">Hi {{ user.name }},</p>
+      <p style="line-height: 24px; margin: 16px
+      0px;">Great news! Your order with {{collection.title}} has been confirmed.</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><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%;">
@@ -152,10 +193,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;"><h3 style="font-size: 25px; line-height: 110%; font-weight: 700; margin: 24px 0px
-      0px;">Your order has been confirmed by {{ collection.title }}.</h3>
-            <p style="line-height: 24px; margin: 16px
-      0px;">See expected arrival time and more details about your order on Nuento.</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;">Arrival time</b><br>{{ order_catering.catererSelectedDate }}</p>
+      <p style="line-height: 24px; margin: 16px
+      0px;"><b style="line-height: 24px;">Requested serving time</b><br>{{ order_catering.userSelectedDate }}</p></div>
     
                 </td>
               </tr>
@@ -198,7 +239,7 @@
           <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="{{{ order_catering.url }}}" 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">
-                See your order
+                View your order
               </a>
             </td>
           </tr>
@@ -230,7 +271,50 @@
         <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;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%;">
+        
+      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
+        <tbody>
+          
+              <tr>
+                <td align="center" style="font-size:0px;padding:16px 0px 8px 0px;word-break:break-word;">
+                  
+      <p style="line-height: 24px; border-top: solid 1px #dadada; font-size: 1px; margin: 0px auto; width: 100%;">
+      </p>
+      
+      <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" style="border-top:solid 1px #dadada;font-size:1px;margin:0px auto;width:600px;" role="presentation" width="600px" ><tr><td style="height:0;line-height:0;"> &nbsp;
+</td></tr></table><![endif]-->
+    
+    
+                </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><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-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%;">
@@ -241,12 +325,11 @@
               <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 class="small" style="margin: 16px
-      0px; line-height: 1;"><font size="4"><b style="line-height: 24px;">Need to adjust your order – or have questions?</b></font></p>
-            <p style="line-height: 24px; margin: 16px
-      0px;">On your order page you will find contact information for the catering manager and other relevant details.</p>
-            <p style="line-height: 24px; margin: 16px
-      0px;">You can easily log in with your phone number.</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;">Contact details</b><br>
+      {{ collection.contact.name }}<br>
+      {{ collection.contact.email }}<br>
+      {{ collection.contact.phone }}</p></div>
     
                 </td>
               </tr>
@@ -327,10 +410,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/order-confirmed-already-booked/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>
     
@@ -141,7 +141,48 @@
         <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%;">
+        
+      <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;">Hej {{ user.name }},</p>
+      <p style="line-height: 24px; margin: 16px
+      0px;">Gode nyheder! Din bestilling hos {{collection.title}} er nu bekræftet.</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><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%;">
@@ -152,15 +193,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;">Hej {{ user.name }},</p>
-            <p style="line-height: 24px; margin: 16px
-      0px;">Vi skriver til dig, fordi <b style="line-height: 24px;">{{ collection.title }}</b> har flyttet din ordre til et nyt bookingsystem på Nuento.dk.</p>
-            <p style="line-height: 24px; margin: 16px
-      0px;"><b style="line-height: 24px;">Hvad betyder det for mig?</b>
-            <br>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 }}.</p>
-            <p style="line-height: 24px; margin: 16px
-      0px;">Det betyder også, at du kan logge ind på Nuento for at se din ordre. Anvend blot dit telefonnummer <b style="line-height: 24px;">{{ user.phone }}</b> ved login. Ønsker du at tilgå ordren med et andet telefonnummer? Så skriv på kontakt@nuento.dk.</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;">Ankomsttid</b><br>{{ order_catering.catererSelectedDate }}</p>
+      <p style="line-height: 24px; margin: 16px
+      0px;"><b style="line-height: 24px;">Ønsket serveringstidspunkt</b><br>{{ order_catering.userSelectedDate }}</p></div>
     
                 </td>
               </tr>
@@ -198,22 +234,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;"><h3 style="font-size: 25px; line-height: 110%; font-weight: 700; margin: 24px 0px
-      0px;">Ordredetaljer</h3>
-            <p style="line-height: 24px; margin: 16px
-      0px;"><b style="line-height: 24px;">Tidspunkt for ankomst:</b>
-            <br>{{ order_catering.catererSelectedDate }}</p>
-            <p style="line-height: 24px; margin: 16px
-      0px;"><b style="line-height: 24px;">Tidspunkt for servering:</b>
-            <br>{{ order_catering.userSelectedDate }}</p>
-            <p style="line-height: 24px; margin: 16px
-      0px;"><b style="line-height: 24px;">Kontaktoplysninger</b>
-            <br>{{ collection.title }}
-            <br>{{ collection.contact.name }}
-            <br>{{ collection.contact.email }}
-            <br>{{ collection.contact.phone }}</p>
-            <p style="line-height: 24px; margin: 16px
-      0px;">Se de resterende detaljer på Nuento via knappen nedenfor.</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;">Din faktura vil blive trukket den {{ invoice_scheduled.scheduledTo }}</p></div>
     
                 </td>
               </tr>
@@ -249,14 +271,14 @@
         <tbody>
           
               <tr>
-                <td align="center" class="btn-link" style="font-size:0px;padding:10px 25px;padding-bottom:0px;word-break:break-word;">
+                <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;width:100%;line-height:100%;">
+      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
         <tbody>
           <tr>
-            <td align="center" bgcolor="#11141A" role="presentation" style="border:none;border-radius:999px;cursor:auto;mso-padding-alt:10px 25px;background:#11141A;" valign="middle">
-              <a href="{{{ order_catering.url }}}" style="background-color: #FA3232; align: left; display: inline-block; background: #11141A; 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">
-                Se din ordre
+            <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="{{{ order_catering.url }}}" 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">
+                Se din bestilling
               </a>
             </td>
           </tr>
@@ -266,11 +288,45 @@
                 </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><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;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="center" style="font-size:0px;padding:0px 24px;padding-top:0px;word-break:break-word;">
+                <td align="center" style="font-size:0px;padding:16px 0px 8px 0px;word-break:break-word;">
                   
-      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:center;color:#222730;"><p style="line-height: 24px; margin: 16px
-      0px;">(Anvend dit telefonnummer <b style="line-height: 24px;">{{ user.phone }}</b> ved login)</p></div>
+      <p style="line-height: 24px; border-top: solid 1px #dadada; font-size: 1px; margin: 0px auto; width: 100%;">
+      </p>
+      
+      <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" style="border-top:solid 1px #dadada;font-size:1px;margin:0px auto;width:600px;" role="presentation" width="600px" ><tr><td style="height:0;line-height:0;"> &nbsp;
+</td></tr></table><![endif]-->
+    
     
                 </td>
               </tr>
@@ -297,7 +353,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:10px;padding-top:10px;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%;">
@@ -308,10 +364,11 @@
               <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 class="small" style="margin: 16px
-      0px; line-height: 1;"><font size="4"><b style="line-height: 24px;">Skal du justere din ordre?</b></font></p>
-            <p style="line-height: 24px; margin: 16px
-      0px;">Kontakt {{ collection.title }} på {{ collection.contact.email }} eller {{ collection.contact.phone }}.</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;">Kontaktoplysninger</b><br>
+      {{ collection.contact.name }}<br>
+      {{ collection.contact.email }}<br>
+      {{ collection.contact.phone }}</p></div>
     
                 </td>
               </tr>
@@ -392,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>

package/dist/html/buyer/order-confirmed-already-booked/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>
     
@@ -141,7 +141,48 @@
         <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%;">
+        
+      <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;">Hi {{ user.name }},</p>
+      <p style="line-height: 24px; margin: 16px
+      0px;">Great news! Your order with {{collection.title}} has been confirmed.</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><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%;">
@@ -152,15 +193,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;">Hi {{ user.name }},</p>
-            <p style="line-height: 24px; margin: 16px
-      0px;">We are writing to you because <b style="line-height: 24px;">{{ collection.title }}</b> has moved your order to a new booking system on Nuento.dk.</p>
-            <p style="line-height: 24px; margin: 16px
-      0px;"><b style="line-height: 24px;">What does this mean for me?</b>
-            <br>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 }}.</p>
-            <p style="line-height: 24px; margin: 16px
-      0px;">It also means that you can log in to Nuento to view your order. Simply use your phone number <b style="line-height: 24px;">{{ user.phone }}</b> to log in. Would you like to access the order with a different phone number? Then write to kontakt@nuento.dk.</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;">Arrival time</b><br>{{ order_catering.catererSelectedDate }}</p>
+      <p style="line-height: 24px; margin: 16px
+      0px;"><b style="line-height: 24px;">Requested serving time</b><br>{{ order_catering.userSelectedDate }}</p></div>
     
                 </td>
               </tr>
@@ -198,22 +234,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;"><h3 style="font-size: 25px; line-height: 110%; font-weight: 700; margin: 24px 0px
-      0px;">Order details</h3>
-            <p style="line-height: 24px; margin: 16px
-      0px;"><b style="line-height: 24px;">Arrival time:</b>
-            <br>{{ order_catering.catererSelectedDate }}</p>
-            <p style="line-height: 24px; margin: 16px
-      0px;"><b style="line-height: 24px;">Serving time:</b>
-            <br>{{ order_catering.userSelectedDate }}</p>
-            <p style="line-height: 24px; margin: 16px
-      0px;"><b style="line-height: 24px;">Contact information</b>
-            <br>{{ collection.title }}
-            <br>{{ collection.contact.name }}
-            <br>{{ collection.contact.email }}
-            <br>{{ collection.contact.phone }}</p>
-            <p style="line-height: 24px; margin: 16px
-      0px;">See the remaining details on Nuento via the button below.</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;">Your invoice will be charged on {{ invoice_scheduled.scheduledTo }}</p></div>
     
                 </td>
               </tr>
@@ -249,14 +271,14 @@
         <tbody>
           
               <tr>
-                <td align="center" class="btn-link" style="font-size:0px;padding:10px 25px;padding-bottom:0px;word-break:break-word;">
+                <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;width:100%;line-height:100%;">
+      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
         <tbody>
           <tr>
-            <td align="center" bgcolor="#11141A" role="presentation" style="border:none;border-radius:999px;cursor:auto;mso-padding-alt:10px 25px;background:#11141A;" valign="middle">
-              <a href="{{{ order_catering.url }}}" style="background-color: #FA3232; align: left; display: inline-block; background: #11141A; 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">
-                See your order
+            <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="{{{ order_catering.url }}}" 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">
+                View your order
               </a>
             </td>
           </tr>
@@ -266,11 +288,45 @@
                 </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><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;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="center" style="font-size:0px;padding:0px 24px;padding-top:0px;word-break:break-word;">
+                <td align="center" style="font-size:0px;padding:16px 0px 8px 0px;word-break:break-word;">
                   
-      <div style="font-family:Arial, sans-serif;font-size:16px;line-height:24px;text-align:center;color:#222730;"><p style="line-height: 24px; margin: 16px
-      0px;">(Use your phone number <b style="line-height: 24px;">{{ user.phone }}</b> to log in)</p></div>
+      <p style="line-height: 24px; border-top: solid 1px #dadada; font-size: 1px; margin: 0px auto; width: 100%;">
+      </p>
+      
+      <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" style="border-top:solid 1px #dadada;font-size:1px;margin:0px auto;width:600px;" role="presentation" width="600px" ><tr><td style="height:0;line-height:0;"> &nbsp;
+</td></tr></table><![endif]-->
+    
     
                 </td>
               </tr>
@@ -297,7 +353,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:10px;padding-top:10px;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%;">
@@ -308,10 +364,11 @@
               <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 class="small" style="margin: 16px
-      0px; line-height: 1;"><font size="4"><b style="line-height: 24px;">Need to adjust your order?</b></font></p>
-            <p style="line-height: 24px; margin: 16px
-      0px;">Contact {{ collection.title }} at {{ collection.contact.email }} or {{ collection.contact.phone }}.</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;">Contact details</b><br>
+      {{ collection.contact.name }}<br>
+      {{ collection.contact.email }}<br>
+      {{ collection.contact.phone }}</p></div>
     
                 </td>
               </tr>
@@ -392,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>