@clink/emails 1.2.4 → 1.2.6

package/dist/html/buyer/invoice-rate1/en.html

@@ -42,10 +42,12 @@
     <style type="text/css">
       @media only screen and (min-width:480px) {
         .mj-column-per-100 { width:100% !important; max-width: 100%; }
+.mj-column-per-50 { width:50% !important; max-width: 50%; }
       }
     </style>
     <style media="screen and (min-width:480px)">
       .moz-text-html .mj-column-per-100 { width:100% !important; max-width: 100%; }
+.moz-text-html .mj-column-per-50 { width:50% !important; max-width: 50%; }
     </style>
     
     
@@ -61,11 +63,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>
     
@@ -152,10 +154,22 @@
               <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;">Hello,</p>
-      <p style="line-height: 24px; margin: 16px
-      0px;">Here is your invoice for the 1st instalment of your order with {{collection.title}}.</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;">
+        <font size="5"><b style="line-height: 24px;">Your invoice from Nuento</b></font>
+      </p>
+      <p style="line-height: 24px; margin: 16px
+      0px;">Invoice no.: {{ invoice.id }}
+        <br>{{ booking.createdAtDateshort }}</p>
+      <p style="line-height: 24px; margin: 16px
+      0px;">
+        {{ invoice.user.companyName }}
+        <br>{{ invoice.user.name }}
+        <br>{{ invoice.user.location.route }}
+        <br>{{ invoice.user.location.postalCode }} {{ invoice.user.location.locality }}
+        <br>{{ invoice.user.cvr }}
+        <br><br>{{ invoice.user.companyName }}
+      </p></div>
     
                 </td>
               </tr>
@@ -182,7 +196,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;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-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%;">
@@ -193,11 +250,14 @@
               <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;">Invoice</b> #{{ invoice.id }}<br>
-      <b style="line-height: 24px;">Order</b> #{{ order.id8digit }}<br>
-      <b style="line-height: 24px;">Invoice date:</b> {{ invoice.createdAtDate }}<br>
-      <b style="line-height: 24px;">Payment card:</b> {{ invoice.paymentCard }}</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;">{{ place.title }}</b></p>
+      <p style="line-height: 24px; margin: 16px
+      0px;">
+        {{ booking.checkInAtDate }}
+        <font color="#bababa"><b style="line-height: 24px;">→</b></font> {{ booking.checkOutAtDate }}
+        <br>Booking ID: {{ booking.id8digit }}
+      </p></div>
     
                 </td>
               </tr>
@@ -216,9 +276,7 @@
       </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]-->
+      <!--[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;">
@@ -226,7 +284,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;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%;">
@@ -237,8 +338,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;"><b style="line-height: 24px;">Event date:</b> {{ order_catering.catererSelectedDatetime }}</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;">
+        <font size="5"><b style="line-height: 24px;">Invoice</b></font>
+      </p></div>
     
                 </td>
               </tr>
@@ -257,9 +360,7 @@
       </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]-->
+      <!--[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;">
@@ -267,7 +368,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;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%;">
@@ -278,9 +379,32 @@
               <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;">Check-in:</b> {{ order_place.checkInAtDate }}<br>
-      <b style="line-height: 24px;">Check-out:</b> {{ order_place.checkOutAtDate }}</p></div>
+      <table cellpadding="0" cellspacing="0" width="100%" border="0" style="color:#222730;font-family:Arial, sans-serif;font-size:16px;line-height:24px;table-layout:auto;width:100%;border:none;">
+        <tr>
+        <td style="padding: 0 0 10px 0" align="left">Rental
+          {{#if invoice.price.rent.discount}}
+            <br>Discount (multiple days)
+          {{/if}}
+        </td>
+        <td style="padding: 0 0 10px 0" align="right">{{ invoice.price.rent.total }}
+          {{#if invoice.price.rent.discount}}
+            <br>{{ invoice.price.rent.discount }}
+          {{/if}}
+        </td>
+      </tr>
+      {{#each addons}}
+        <tr>
+          <td align="left">{{ this.name }}</td>
+          <td align="right">{{ this.price }}</td>
+        </tr>
+      {{/each}}
+      {{#if invoice.price.fee}}
+      <tr>
+        <td style="padding: 10px 0 0 0" align="left">Service fee</td>
+        <td style="padding: 10px 0 0 0" align="right">{{ invoice.price.fee }}</td>
+      </tr>
+      {{/if}}
+      </table>
     
                 </td>
               </tr>
@@ -299,9 +423,7 @@
       </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]-->
+      <!--[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;">
@@ -352,22 +474,175 @@
         <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:300px;" ><![endif]-->
+            
+      <div class="mj-column-per-50 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;">
+                  
+      <table cellpadding="0" cellspacing="0" width="100%" border="0" style="color:#222730;font-family:Arial, sans-serif;font-size:16px;line-height:24px;table-layout:auto;width:100%;border:none;">
+        <tr>
+        <td style="width: 10%; white-space: nowrap" align="left">
+          <font size="2">VAT exempt amount:</font>
+        </td>
+        <td style="width: 50%" align="left">
+          <font size="2">{{ invoice.vat.vatExemptAmount }}</font>
+        </td>
+      </tr>
+      <tr>
+        <td style="width: 10%; white-space: nowrap" align="left">
+          <font size="2">VAT liable amount:</font>
+        </td>
+        <td style="width: 50%" align="left">
+          <font size="2">{{ invoice.vat.subjectToVatAmount }}</font>
+        </td>
+      </tr>
+      </table>
+    
+                </td>
+              </tr>
+            
+        </tbody>
+      </table>
+    
+      </div>
+    
+          <!--[if mso | IE]></td><td class="" style="vertical-align:top;width:300px;" ><![endif]-->
+            
+      <div class="mj-column-per-50 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;">
+                  
+      <table cellpadding="0" cellspacing="0" width="100%" border="0" style="color:#222730;font-family:Arial, sans-serif;font-size:16px;line-height:24px;table-layout:auto;width:100%;border:none;">
+        <tr>
+        <td align="left">Total excl. VAT</td>
+        <td align="right">{{ invoice.vat.totalAmountWithoutVat }}</td>
+      </tr>
+      <tr>
+        <td align="left">VAT (25%)</td>
+        <td align="right">{{ invoice.vat.vatAmount }}</td>
+      </tr>
+      </table>
+    
+                </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:16px 0px 8px 0px;padding-left:50%;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:550px;" role="presentation" width="550px" ><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;text-align:center;">
+                <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:300px;" ><![endif]-->
+            
+      <div class="mj-column-per-50 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;">1st instalment:</b> {{ invoice.price.total }}<br>
-      <b style="line-height: 24px;">2nd instalment:</b> {{ invoice_scheduled.amount }}<br>
-      <b style="line-height: 24px;">2nd instalment charged:</b> {{ invoice_scheduled.reserveAtDate }}<br>
-      <b style="line-height: 24px;">Total order amount:</b> {{ order.price.total }}</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;"></p></div>
+    
+                </td>
+              </tr>
+            
+        </tbody>
+      </table>
+    
+      </div>
+    
+          <!--[if mso | IE]></td><td class="" style="vertical-align:top;width:300px;" ><![endif]-->
+            
+      <div class="mj-column-per-50 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;">
+                  
+      <table cellpadding="0" cellspacing="0" width="100%" border="0" style="color:#222730;font-family:Arial, sans-serif;font-size:16px;line-height:24px;table-layout:auto;width:100%;border:none;">
+        <tr>
+        <td align="left">
+          <font size="3"><b style="line-height: 24px;">Total incl. VAT</b></font>
+        </td>
+        <td align="right">
+          <font size="3"><b style="line-height: 24px;">{{ invoice.price.total }}</b></font>
+        </td>
+      </tr>
+      </table>
     
                 </td>
               </tr>
@@ -386,9 +661,7 @@
       </div>
     
       
-      <!--[if mso | IE]></td></tr></table></td></tr><![endif]-->
-        {{#if order.depositAmount}}
-          <!--[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]-->
+      <!--[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;">
@@ -396,7 +669,161 @@
         <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;">
+              <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;padding-left:50%;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:550px;" role="presentation" width="550px" ><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;text-align:center;">
+                <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="" style="vertical-align:top;width:300px;" ><![endif]-->
+            
+      <div class="mj-column-per-50 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;">{{#if invoice_transaction.amountDeposit}}
+        <p style="line-height: 24px; margin: 16px
+      0px;"></p>
+      {{/if}}</div>
+    
+                </td>
+              </tr>
+            
+        </tbody>
+      </table>
+    
+      </div>
+    
+          <!--[if mso | IE]></td><td class="" style="vertical-align:top;width:300px;" ><![endif]-->
+            
+      <div class="mj-column-per-50 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;">
+                  
+      <table cellpadding="0" cellspacing="0" width="100%" border="0" style="color:#222730;font-family:Arial, sans-serif;font-size:16px;line-height:24px;table-layout:auto;width:100%;border:none;">
+        {{#if invoice_transaction.amountDeposit}}
+        <tr>
+          <td align="left">Deposit</td>
+          <td align="right">{{ invoice_transaction.amountDeposit }}</td>
+        </tr>
+      {{/if}}
+      </table>
+    
+                </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: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%;">
@@ -407,9 +834,14 @@
               <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;">Deposit:</b> {{ order.depositAmount }}<br>
-      <b style="line-height: 24px;">Deposit charged:</b> {{ order.depositDate }}</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;">
+        {{#if booking.instalment}}
+          <font size="5"><b style="line-height: 24px;">Payment 1 of 2</b></font>
+        {{else}}
+          <font size="5"><b style="line-height: 24px;">Payment</b></font>
+        {{/if}}
+      </p></div>
     
                 </td>
               </tr>
@@ -428,9 +860,194 @@
       </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]-->
+      <!--[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;">
+                  
+      <table cellpadding="0" cellspacing="0" width="100%" border="0" style="color:#222730;font-family:Arial, sans-serif;font-size:16px;line-height:24px;table-layout:auto;width:100%;border:none;">
+        <tr>
+        <td align="left" width="50%">
+          <font size="3">{{ booking.paymentCard }}</font>
+        </td>
+        <td align="right" width="50%">
+          <font size="3">
+            <b style="line-height: 24px;">{{ invoice_transaction.amountRate1 }}</b>
+          </font>
+        </td>
+      </tr>
+      <tr>
+        <td align="left">{{ invoice_transaction.createdAtDate }}</td>
+      </tr>
+      </table>
+    
+                </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%;">
+        
+      <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;">
+        {{#if booking.instalment}}
+          Next payment will be charged automatically {{ invoice_transaction.reserveAtRate2Date }}: {{ invoice_transaction.amountRate2 }}
+        {{/if}}
+        <br>
+        {{#if invoice_transaction.amountDeposit}}
+          Deposit will be automatically reserved {{ invoice_transaction.reserveAtDepositDate }}: {{ invoice_transaction.amountDeposit }}
+        {{/if}}
+      </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="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-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;">
+        <font size="4"><b style="line-height: 24px;">Do you have questions about your invoice?</b></font>
+      </p>
+      <p style="line-height: 24px; margin: 16px
+      0px;">
+        Feel free to contact us at <a href="mailto:support@nuento.dk" style="line-height: 24px; text-decoration: underline;">support@nuento.dk
+      </a></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;">
@@ -492,11 +1109,11 @@
               <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>
-            Lundeborgvej 4, 9220 Aalborg</div>
+      <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 · nuento.co.uk
+            <br>
+            Operated by Nuento Denmark</div>
     
                 </td>
               </tr>