From f0026f65dd33a7a07903efb86cd15319930553cb Mon Sep 17 00:00:00 2001
From: Alaguraj0361 <alaguraj0361@gmail.com>
Date: Mon, 18 May 2026 23:19:56 +0530
Subject: [PATCH] fix: Add logo to dark header banner with base64 embed for
 Gmail compatibility

---
 mailer.js | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/mailer.js b/mailer.js
index ce921a3..ef5c5e9 100644
--- a/mailer.js
+++ b/mailer.js
@@ -106,10 +106,22 @@ const sendEmailWithAttachment = async (toEmail, orderData, pdfBuffer) => {
                 <td align="center">
                     <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px; background-color: #ffffff; border-radius: 12px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03); overflow: hidden; padding: 30px;">
                         
-                        <!-- DARK HEADER BANNER -->
+                        <!-- DARK HEADER BANNER with LOGO -->
                         <tr>
-                            <td style="background-color: #3d3d3d; padding: 24px 30px; border-radius: 8px 8px 0 0; margin-bottom: 0;">
-                                <h1 style="font-family: Helvetica, Arial, sans-serif; font-size: 26px; font-weight: bold; color: #ffffff; margin: 0;">New Order: #${orderNumber}</h1>
+                            <td style="background-color: #3d3d3d; padding: 20px 30px; border-radius: 8px 8px 0 0;">
+                                <table border="0" cellpadding="0" cellspacing="0" width="100%">
+                                    <tr>
+                                        <td style="vertical-align: middle;">
+                                            ${logoBase64 
+                                                ? `<img src="data:${logoMimeType};base64,${logoBase64}" alt="rayaarishop" style="height: 55px; width: auto; display: block;" />`
+                                                : `<span style="font-family: Helvetica, Arial, sans-serif; font-size: 20px; font-weight: bold; color: #ffffff;">rayaarishop</span>`
+                                            }
+                                        </td>
+                                        <td align="right" style="vertical-align: middle;">
+                                            <h1 style="font-family: Helvetica, Arial, sans-serif; font-size: 22px; font-weight: bold; color: #ffffff; margin: 0;">New Order: #${orderNumber}</h1>
+                                        </td>
+                                    </tr>
+                                </table>
                             </td>
                         </tr>