From f292152135c9a08d940f430d5d10430a7b735df1 Mon Sep 17 00:00:00 2001
From: Jeppe Bundgaard <jb@truckwash.dk>
Date: Wed, 18 Feb 2026 15:43:19 +0100
Subject: [PATCH] Improve email templates with MSO compatibility and enhanced
 styling

- Refactor header and footer to support Outlook Classic (MSO) rendering.
- Adjust logo sizing, alignment, and styles for improved consistency.
- Update inline styles for better cross-platform email rendering.
---
 .../email/templates/email_template_footer.php | 45 +++++++++++++------
 .../email/templates/email_template_header.php | 26 ++++++++---
 2 files changed, 52 insertions(+), 19 deletions(-)

diff --git a/services/nginx/app/modules/email/templates/email_template_footer.php b/services/nginx/app/modules/email/templates/email_template_footer.php
index 1b150f62..c1245935 100644
--- a/services/nginx/app/modules/email/templates/email_template_footer.php
+++ b/services/nginx/app/modules/email/templates/email_template_footer.php
@@ -19,19 +19,38 @@ class email_template_footer
         # Start of the html
         ?>
 
-        <!-- Footer -->
-        <br><br>
-        <div style="max-width: 600px;">
-            <img src="https://usercontent.one/wp/www.truckwash.dk/wp-content/uploads/2021/04/truckwash-banner-png.png"
-                 alt="Truck Wash logo" style="width: 25%; height: auto; display: block; margin: 0 auto;">
-            <p style="text-align: center;"><a href="https://truckwash.dk/">Truckwash ApS</a> | <a
-                    href="https://datacvr.virk.dk/enhed/virksomhed/41004355"> CVR: 41004355</a> | <a
-                    href="https://truckwash.dk/">https://truckwash.dk</a></p>
-            <p style="text-align: center;"><a href="mailto:cph@truckwash.dk"
-                                              style="color: black; text-decoration: none;">Send os en email på
-                    cph@truckwash.dk</a> - <a href="tel:+4543717886" style="color: black; text-decoration: none;">Ring
-                    til os på (+45) 43 71 78 86</a></p>
-        </div>
+        <!-- Footer with Outlook Classic support -->
+        <table role="presentation" width="100%" cellspacing="0" cellpadding="0" border="0" style="margin:0;padding:0;">
+            <tr>
+                <td align="center" style="padding:24px 0 0 0;">
+                    <!--[if mso]>
+                    <table role="presentation" width="600" cellspacing="0" cellpadding="0" border="0">
+                        <tr>
+                            <td align="center">
+                    <![endif]-->
+                    <div style="max-width:600px;margin:0 auto;">
+                        <img src="https://usercontent.one/wp/www.truckwash.dk/wp-content/uploads/2021/04/truckwash-banner-png.png"
+                             alt="Truck Wash logo" width="150"
+                             style="width:25%;max-width:150px;height:auto;display:block;margin:0 auto 10px auto;line-height:0;border:0;outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;">
+                        <p style="margin:0 0 8px 0;text-align:center;mso-line-height-rule:exactly;line-height:150%;font-family:Arial, sans-serif;font-size:14px;color:#000000;">
+                            <a href="https://truckwash.dk/" style="color:#000000;text-decoration:none;">Truckwash ApS</a> |
+                            <a href="https://datacvr.virk.dk/enhed/virksomhed/41004355" style="color:#000000;text-decoration:none;"> CVR: 41004355</a> |
+                            <a href="https://truckwash.dk/" style="color:#000000;text-decoration:none;">https://truckwash.dk</a>
+                        </p>
+                        <p style="margin:0 0 8px 0;text-align:center;mso-line-height-rule:exactly;line-height:150%;font-family:Arial, sans-serif;font-size:14px;color:#000000;">
+                            <a href="mailto:cph@truckwash.dk" style="color:#000000;text-decoration:none;">Send os en email på cph@truckwash.dk</a>
+                            &nbsp;-&nbsp;
+                            <a href="tel:+4543717886" style="color:#000000;text-decoration:none;">Ring til os på (+45) 43 71 78 86</a>
+                        </p>
+                    </div>
+                    <!--[if mso]>
+                            </td>
+                        </tr>
+                    </table>
+                    <![endif]-->
+                </td>
+            </tr>
+        </table>
 
         <?php
         # End of the html
diff --git a/services/nginx/app/modules/email/templates/email_template_header.php b/services/nginx/app/modules/email/templates/email_template_header.php
index f726f096..d2af9512 100644
--- a/services/nginx/app/modules/email/templates/email_template_header.php
+++ b/services/nginx/app/modules/email/templates/email_template_header.php
@@ -19,12 +19,26 @@ class email_template_header
         # Start of the html
         ?>
 
-        <!-- Logo centered -->
-        <div style="text-align: center; margin-bottom: 20px;">
-            <img src="https://usercontent.one/wp/www.truckwash.dk/wp-content/uploads/2021/04/truckwash-banner-png.png"
-                 alt="Truck Wash logo"
-                 style="width: 100%; max-width: 600px; height: auto;">
-        </div>
+        <!-- Header: centered logo with Outlook Classic support -->
+        <table role="presentation" width="100%" cellspacing="0" cellpadding="0" border="0" style="margin:0;padding:0;">
+            <tr>
+                <td align="center" style="padding:0 0 20px 0;">
+                    <!--[if mso]>
+                    <table role="presentation" width="600" cellspacing="0" cellpadding="0" border="0">
+                        <tr>
+                            <td align="center">
+                    <![endif]-->
+                    <img src="https://usercontent.one/wp/www.truckwash.dk/wp-content/uploads/2021/04/truckwash-banner-png.png"
+                         alt="Truck Wash logo" width="600"
+                         style="width:100%;max-width:600px;height:auto;display:block;line-height:0;border:0;outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;">
+                    <!--[if mso]>
+                            </td>
+                        </tr>
+                    </table>
+                    <![endif]-->
+                </td>
+            </tr>
+        </table>
 
         <?php
         # End of the html