@clink/emails 1.2.1 → 1.2.4

package/dist/html/buyer/deposit-captured/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,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%;">
@@ -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="3"><b style="line-height: 24px;">Hej {{ host_firstname }},</b></font></p>
-            <p style="line-height: 24px; margin: 16px
-      0px;">{{ place_title }} har pr. {{ deposit_collected_date }} opkrævet betaling via et reserveret depositum. Se information 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;">Hej {{ user.firstName }},</p>
+      <p style="line-height: 24px; margin: 16px
+      0px;">Depositummet for din booking hos {{place.title}} er blevet trukket.</p></div>
     
                 </td>
               </tr>
@@ -174,15 +174,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="#4170d4" ><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:#4170d4;background-color:#4170d4;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:#4170d4;background-color:#4170d4;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:10px;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%;">
@@ -193,40 +193,181 @@
               <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:#ffffff;"><h3 style="font-size: 25px; line-height: 110%; font-weight: 700; margin: 24px 0px
-      0px;">{{ guest_full_name }}</h3>
-            <p style="line-height: 24px; margin: 16px
-      0px;">Booking ID: {{ booking_id }}</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;">Booking</b> #{{ booking.id }}<br>
+      <b style="line-height: 24px;">Check-in:</b> {{ booking.checkinDate }}<br>
+      <b style="line-height: 24px;">Check-ud:</b> {{ booking.checkoutDate }}</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;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;">
+                <td align="center" style="font-size:0px;padding:16px 0px 8px 0px;word-break:break-word;">
                   
-      <table cellpadding="0" cellspacing="0" width="100%" border="0" style="color:#ffffff;font-family:Arial, sans-serif;font-size:16px;line-height:24px;table-layout:auto;width:100%;border:none;">
-        <tr>
-            <td>Check ind</td>
-            <td>Check ud</td>
-          </tr>
-          <tr>
-            <td><font size="4"><b style="line-height: 24px;">{{ booking_checkin_date }}</b></font></td>
-            <td><font size="4"><b style="line-height: 24px;">{{ booking_checkout_date }}</b></font></td>
-          </tr>
-          <tr>
-            <td>{{ booking_checkin_time }}</td>
-            <td>{{ booking_checkout_time }}</td>
-          </tr>
+      <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-bottom:10px;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%;">
+        
+      <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;">Trukket beløb:</b> {{ invoice_transaction.depositCapturedAmount }}<br>
+      <b style="line-height: 24px;">Depositum i alt:</b> {{ invoice_transaction.depositAmount }}<br>
+      <b style="line-height: 24px;">Dato:</b> {{ invoice_transaction.createdAtDate }}<br>
+      <b style="line-height: 24px;">Betalingskort:</b> {{ booking.paymentCard }}</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 depositReason}}
+          <!--[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:#ffffff;"><p style="line-height: 24px; margin: 16px
-      0px;">Beløb opkrævet: <strong style="line-height: 24px;">{{ booking_deposit_collected_amount }}</strong></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;">Begrundelse</b><br>{{{ depositReason }}}</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 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;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>
@@ -253,7 +394,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%;">
@@ -264,14 +405,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;">Beløbet vil fremgå af din næste udbetalingsopgørelse.</p>
-            <p style="line-height: 24px; margin: 16px
-      0px;">Har du spørgsmål til denne opkrævning; kontakt Andreas på tlf. <a href="tel:+4520275781" style="line-height: 24px; text-decoration: underline;">20 27 57 81</a>.</p>
-            <p style="line-height: 24px; margin: 16px
-      0px; margin-top: 30px; margin-bottom: 0;">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;">Har du spørgsmål? Kontakt udlejeren:<br>
+      {{ collection.phone }}<br>
+      {{ collection.email }}</p></div>
     
                 </td>
               </tr>
@@ -352,10 +489,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/deposit-captured/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,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%;">
@@ -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="3"><b style="line-height: 24px;">Hi {{ host_firstname }},</b></font></p>
-            <p style="line-height: 24px; margin: 16px
-      0px;">{{ place_title }} has as of {{ deposit_collected_date }} collected payment via a reserved deposit. See details 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;">Hi {{ user.firstName }},</p>
+      <p style="line-height: 24px; margin: 16px
+      0px;">The deposit for your booking at {{place.title}} has been captured.</p></div>
     
                 </td>
               </tr>
@@ -174,15 +174,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="#4170d4" ><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:#4170d4;background-color:#4170d4;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:#4170d4;background-color:#4170d4;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:10px;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%;">
@@ -193,40 +193,181 @@
               <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:#ffffff;"><h3 style="font-size: 25px; line-height: 110%; font-weight: 700; margin: 24px 0px
-      0px;">{{ guest_full_name }}</h3>
-            <p style="line-height: 24px; margin: 16px
-      0px;">Booking ID: {{ booking_id }}</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;">Booking</b> #{{ booking.id }}<br>
+      <b style="line-height: 24px;">Check-in:</b> {{ booking.checkinDate }}<br>
+      <b style="line-height: 24px;">Check-out:</b> {{ booking.checkoutDate }}</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;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;">
+                <td align="center" style="font-size:0px;padding:16px 0px 8px 0px;word-break:break-word;">
                   
-      <table cellpadding="0" cellspacing="0" width="100%" border="0" style="color:#ffffff;font-family:Arial, sans-serif;font-size:16px;line-height:24px;table-layout:auto;width:100%;border:none;">
-        <tr>
-            <td>Check in</td>
-            <td>Check out</td>
-          </tr>
-          <tr>
-            <td><font size="4"><b style="line-height: 24px;">{{ booking_checkin_date }}</b></font></td>
-            <td><font size="4"><b style="line-height: 24px;">{{ booking_checkout_date }}</b></font></td>
-          </tr>
-          <tr>
-            <td>{{ booking_checkin_time }}</td>
-            <td>{{ booking_checkout_time }}</td>
-          </tr>
+      <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-bottom:10px;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%;">
+        
+      <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;">Amount captured:</b> {{ invoice_transaction.depositCapturedAmount }}<br>
+      <b style="line-height: 24px;">Total deposit:</b> {{ invoice_transaction.depositAmount }}<br>
+      <b style="line-height: 24px;">Date:</b> {{ invoice_transaction.createdAtDate }}<br>
+      <b style="line-height: 24px;">Payment card:</b> {{ booking.paymentCard }}</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 depositReason}}
+          <!--[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:#ffffff;"><p style="line-height: 24px; margin: 16px
-      0px;">Amount collected: <strong style="line-height: 24px;">{{ booking_deposit_collected_amount }}</strong></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;">Reason</b><br>{{{ depositReason }}}</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 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;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>
@@ -253,7 +394,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%;">
@@ -264,14 +405,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;">The amount will appear on your next payout statement.</p>
-            <p style="line-height: 24px; margin: 16px
-      0px;">If you have questions about this charge, contact Andreas at tel. <a href="tel:+4520275781" style="line-height: 24px; text-decoration: underline;">20 27 57 81</a>.</p>
-            <p style="line-height: 24px; margin: 16px
-      0px; margin-top: 30px; margin-bottom: 0;">Kind regards</p>
-            <p style="line-height: 24px; margin: 16px
-      0px;">The Nuento team</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;">Have questions? Contact the host:<br>
+      {{ collection.phone }}<br>
+      {{ collection.email }}</p></div>
     
                 </td>
               </tr>
@@ -352,10 +489,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>