"use strict";exports.id=2280,exports.ids=[2280],exports.modules={30953:(t,e,o)=>{o.d(e,{_:()=>a});var r=o(53524);let i=globalThis,a=i.prisma??new r.PrismaClient},82280:(t,e,o)=>{o.d(e,{y:()=>n});var r=o(63330),i=o(30953),a=o(85919);let n=new class{async getSettings(){let t=await i._.systemSetting.findMany({where:{key:{in:["smtp_host","smtp_port","smtp_user","smtp_pass","smtp_from","admin_emails"]}}}),e={};return t.forEach(t=>{e[t.key]=t.value}),e}async createTransporter(){let t=await this.getSettings();if(!t.smtp_host||!t.smtp_user||!t.smtp_pass)return console.warn("Email settings not configured"),null;try{return this.transporter=r.createTransport({host:t.smtp_host,port:parseInt(t.smtp_port||"465"),secure:465===parseInt(t.smtp_port||"465"),auth:{user:t.smtp_user,pass:t.smtp_pass}}),{transporter:this.transporter,settings:t}}catch(t){return console.error("Failed to create transporter:",t),null}}async sendEmail(t,e,o){let r=await this.createTransporter();if(!r)return!1;let{transporter:i,settings:a}=r;try{let r=await i.sendMail({from:a.smtp_from&&a.smtp_from.includes("<")?a.smtp_from:`"${a.smtp_from||"MusaFoods"}" <${a.smtp_user}>`,to:Array.isArray(t)?t.join(", "):t,subject:e,html:o});return console.log("Message sent: %s",r.messageId),!0}catch(t){return console.error("Error sending email:",t),!1}}async sendOrderConfirmation(t){let e=(0,a.Zz)(t),o=`Order Confirmation #${t.orderNumber}`;t.email&&await this.sendEmail(t.email,o,e)}async sendOrderStatusUpdate(t){if("new"===t.status)return;let e=(0,a.dX)(t),o={new:"New",processing:"Processing",in_transit:"In Transit",delivered:"Delivered",cancelled:"Cancelled"}[t.status]||t.status,r=`Order Status Update #${t.orderNumber} - ${o}`;t.email&&await this.sendEmail(t.email,r,e)}async sendAdminNotification(t){let e=await this.getSettings(),o=e.admin_emails?e.admin_emails.split(",").map(t=>t.trim()):[];if(0===o.length)return;let r=(0,a.jJ)(t),i=`New Order Received #${t.orderNumber}`;await this.sendEmail(o,i,r)}async sendContactFormEmails(t){let e=(0,a.hj)(t),o=`We Received Your Message - ${t.subject}`;t.email&&await this.sendEmail(t.email,o,e);let r=await this.getSettings(),i=r.admin_emails?r.admin_emails.split(",").map(t=>t.trim()):[];if(i.length>0){let e=(0,a.qZ)(t),o=`New Contact Inquiry: ${t.subject}`;await this.sendEmail(i,o,e)}}async sendReviewOTP(t,e,r){let{generateReviewOTPEmail:i}=await Promise.resolve().then(o.bind(o,85919)),a=i(e,r),n=`Your Verification Code for Review - ${e}`;return await this.sendEmail(t,n,a)}async verifyConnection(){let t=await this.createTransporter();if(!t)throw Error("Could not create transporter, check settings.");let{transporter:e}=t;return e.verify()}async sendQuoteVerificationOTP(t,e,r){let{generateQuoteVerificationOTPEmail:i}=await Promise.resolve().then(o.bind(o,85919)),a=i(e,r),n=`Your Quote Verification Code - ${e}`;return await this.sendEmail(t,n,a)}constructor(){this.transporter=null}}},85919:(t,e,o)=>{o.d(e,{Zz:()=>r,dX:()=>a,generateQuoteVerificationOTPEmail:()=>s,generateReviewOTPEmail:()=>d,hj:()=>n,jJ:()=>i,qZ:()=>l});let r=t=>{let e=new Date(t.createdAt).toLocaleDateString("en-US",{month:"long",day:"numeric",year:"numeric"}),o=t.items.map(t=>`
    <tr>
      <td style="padding: 15px 0; border-bottom: 1px solid #e5e7eb;">
        <table border="0" cellspacing="0" cellpadding="0" width="100%">
            <tr>
                <td width="80" valign="top" style="padding-right: 15px;">
                     ${t.product?.image?`<img src="${t.product.image}" alt="${t.product.nameEn}" width="80" height="80" style="width: 80px; height: 80px; object-fit: cover; border-radius: 4px; background-color: #f3f4f6;" />`:'<div style="width: 80px; height: 80px; background-color: #e5e7eb; border-radius: 4px;"></div>'}
                </td>
                <td valign="top">
                    <p style="margin: 0 0 4px 0; font-weight: 600; font-size: 14px; color: #1f2937;">${t.product?.nameEn||"Product"}</p>
                    ${t.variant?`<p style="margin: 0 0 4px 0; font-size: 12px; color: #6b7280;">SIZE: ${t.variant.size}</p>`:""}
                    <p style="margin: 0; font-size: 12px; color: #6b7280;">QTY: ${t.quantity}</p>
                </td>
            </tr>
        </table>
      </td>
      
    </tr>
  `).join("");return`
    <!DOCTYPE html>
    <html>
    <head>
      <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
      <title>Order Confirmation</title>
    </head>
    <body style="margin: 0; padding: 0; background-color: #ffffff; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased;">
      <table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #ffffff; width: 100%;">
        <tr>
          <td align="center" style="padding: 20px;">
            <table role="presentation" border="0" cellspacing="0" cellpadding="0" style="background-color: #ffffff; width: 100%; max-width: 600px;">
              
              <!-- Logo Section -->
              <tr>
                <td align="center" style="padding: 20px 0 10px 0;">
                  <img src="https://musafoods.ca/wp-content/uploads/2026/02/musafoods_logo.png" alt="Musa Foods" width="150" style="display: block; width: 150px; max-width: 100%; height: auto;" />
                </td>
              </tr>

              <!-- Order Info -->
              <tr>
                <td align="center" style="padding-bottom: 30px;">
                  <h2 style="margin: 0 0 5px 0; font-size: 20px; font-weight: 700; color: #000000; letter-spacing: 1px;">ORDER #${t.orderNumber}</h2>
                  <p style="margin: 0; font-size: 14px; color: #666666;">${e}</p>
                </td>
              </tr>

              <!-- Hero Banner -->
              <tr>
                <td align="center" style="padding-bottom: 30px;">
                   <div style="background-color: #cfb096; width: 100%; height: 250px; display: table; background-image: url('https://placehold.co/600x250/cfb096/ffffff.png?text=ORDER+CONFIRMED'); background-size: cover; background-position: center;">
                        <!-- Fallback text if image doesn't load or for accessibility -->
                   </div>
                </td>
              </tr>

              <!-- Message -->
              <tr>
                <td align="center" style="padding: 0 20px 40px 20px;">
                    <h2 style="margin: 0 0 10px 0; font-size: 18px; font-weight: 700; color: #000000;">We Appreciate Your Purchase!</h2>
                    <p style="margin: 0 0 20px 0; font-size: 14px; line-height: 22px; color: #333333;">
                        Hello ${t.customerName||"Customer"}, We're getting your order ready for dispatch. We'll notify you as soon as it's on its way.
                    </p>
                    <p style="margin: 0 0 25px 0; font-size: 12px; font-style: italic; color: #666666;">— MusaFoods Team</p>
                    
                    <a href="${process.env.NEXTAUTH_URL}/orders/track/${t.orderNumber}" style="display: inline-block; background-color: #333333; color: #ffffff; text-decoration: none; padding: 12px 30px; font-size: 13px; font-weight: 600; text-transform: uppercase;">Track your Purchase</a>
                </td>
              </tr>

              <!-- Purchase Details Section -->
              <tr>
                <td style="background-color: #f9f9f9; padding: 30px 25px;">
                    <h3 style="margin: 0 0 20px 0; font-size: 16px; font-weight: 700; color: #333333;">Purchase Details</h3>
                    
                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                        ${o}
                    </table>

                     <div style="margin-top: 20px; border-top: 1px solid #e5e7eb; padding-top: 20px;">
                        
                     </div>
                </td>
              </tr>

              <!-- Customer Information -->
              <tr>
                <td style="padding: 30px 20px;">
                    <h3 style="margin: 0 0 20px 0; font-size: 16px; font-weight: 700; color: #333333;">Customer Information</h3>
                    
                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                            <td valign="top" width="50%" style="padding-right: 15px;">
                                <h4 style="margin: 0 0 10px 0; font-size: 13px; font-weight: 700; color: #000000;">Shipping address</h4>
                                <p style="margin: 0 0 4px 0; font-size: 12px; line-height: 18px; color: #333333;">${t.customerName}</p>
                                <p style="margin: 0 0 4px 0; font-size: 12px; line-height: 18px; color: #333333;">${(t.address||"No address details").replace(/\n/g,"<br />")}</p>
                                <p style="margin: 0 0 4px 0; font-size: 12px; line-height: 18px; color: #333333;">${t.country||""}</p>
                                ${t.phone?`<p style="margin: 0; font-size: 12px; line-height: 18px; color: #333333;">${t.phone}</p>`:""}
                            </td>
                        </tr>
                    </table>
                </td>
              </tr>
              
              <!-- Footer Icons (Simulated) -->
              <tr>
                <td style="background-color: #f4f4f5; padding: 20px; text-align: center;">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                            <td align="center" width="25%">
                                <span style="font-size: 20px;">👍</span>
                                <p style="margin: 5px 0 0 0; font-size: 10px; font-weight: 700; color: #666;">QUALITY<br>ASSURANCE</p>
                            </td>
                            <td align="center" width="25%">
                                <span style="font-size: 20px;">🚚</span>
                                <p style="margin: 5px 0 0 0; font-size: 10px; font-weight: 700; color: #666;">FAST<br>SHIPPING</p>
                            </td>
                             <td align="center" width="25%">
                                <span style="font-size: 20px;">💳</span>
                                <p style="margin: 5px 0 0 0; font-size: 10px; font-weight: 700; color: #666;">SECURE<br>PAYMENTS</p>
                            </td>
                             <td align="center" width="25%">
                                <span style="font-size: 20px;">↩️</span>
                                <p style="margin: 5px 0 0 0; font-size: 10px; font-weight: 700; color: #666;">EASY<br>RETURNS</p>
                            </td>
                        </tr>
                    </table>
                </td>
              </tr>

              <!-- Footer Links -->
               <tr>
                <td align="center" style="padding: 20px; border-top: 1px solid #e5e7eb;">
                   <p style="margin: 0; font-size: 11px; color: #999;">
                      <a href="${process.env.NEXTAUTH_URL}" style="color: #333; text-decoration: none; margin: 0 10px;">HOME</a>
                      <a href="${process.env.NEXTAUTH_URL}/products" style="color: #333; text-decoration: none; margin: 0 10px;">SHOP</a>
                      <a href="${process.env.NEXTAUTH_URL}/contact" style="color: #333; text-decoration: none; margin: 0 10px;">CONTACT</a>
                   </p>
                </td>
              </tr>

            </table>
          </td>
        </tr>
      </table>
    </body>
    </html>
  `},i=t=>{let e=t.items.map(t=>`
    <tr>
      <td style="padding: 15px 0; border-bottom: 1px solid #e5e7eb;">
        <table border="0" cellspacing="0" cellpadding="0" width="100%">
            <tr>
                <td width="60" valign="top" style="padding-right: 15px;">
                     ${t.product?.image?`<img src="${t.product.image}" alt="${t.product.nameEn}" width="60" height="60" style="width: 60px; height: 60px; object-fit: cover; border-radius: 4px; background-color: #f3f4f6;" />`:'<div style="width: 60px; height: 60px; background-color: #e5e7eb; border-radius: 4px;"></div>'}
                </td>
                <td valign="top">
                    <p style="margin: 0 0 4px 0; font-weight: 600; font-size: 14px; color: #1f2937;">${t.product?.nameEn||"Product"}</p>
                    ${t.variant?`<p style="margin: 0 0 4px 0; font-size: 12px; color: #6b7280;">SIZE: ${t.variant.size}</p>`:""}
                    <p style="margin: 0; font-size: 12px; color: #6b7280;">QTY: ${t.quantity}</p>
                </td>
            </tr>
        </table>
      </td>
    </tr>
  `).join("");return`
    <!DOCTYPE html>
    <html>
    <head>
      <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
      <title>New Order Notification</title>
    </head>
    <body style="margin: 0; padding: 0; background-color: #f1f5f9; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;">
      <table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #f1f5f9; width: 100%;">
        <tr>
          <td align="center" style="padding: 40px 20px;">
            <table role="presentation" border="0" cellspacing="0" cellpadding="0" style="background-color: #ffffff; width: 100%; max-width: 600px; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);">
              
               <!-- Top Bar -->
              <tr>
                <td style="height: 6px; background-color: #df9f20;"></td>
              </tr>

              <!-- Header -->
              <tr>
                <td align="center" style="padding: 30px 40px; border-bottom: 1px solid #f3f4f6;">
                  <img src="https://musafoods.ca/wp-content/uploads/2026/02/musafoods_logo.png" alt="Musa Foods" width="140" style="display: block; width: 140px; margin-bottom: 16px;" />
                  <h1 style="color: #1f2937; margin: 0; font-size: 22px; font-weight: 700;">New Order Alert</h1>
                  <div style="display: inline-block; background-color: #dcfce7; color: #166534; font-size: 14px; font-weight: 600; padding: 4px 12px; border-radius: 9999px; margin-top: 8px;">Order #${t.orderNumber}</div>
                </td>
              </tr>

              <!-- Content -->
              <tr>
                <td style="padding: 30px 40px;">
                  
                  <!-- Customer Details Cards -->
                  <table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-bottom: 24px;">
                    <tr>
                      <td valign="top" width="50%" style="padding-right: 12px;">
                        <h4 style="margin: 0 0 8px 0; font-size: 12px; text-transform: uppercase; color: #9ca3af; letter-spacing: 0.5px;">Customer</h4>
                        <p style="margin: 0; font-weight: 600; color: #1f2937;">${t.customerName}</p>
                        <p style="margin: 2px 0; color: #4b5563; font-size: 14px;">${t.email}</p>
                        <p style="margin: 0; color: #6b7280; font-size: 13px;">${t.phone||""}</p>
                      </td>
                      <td valign="top" width="50%" style="padding-left: 12px;">
                        <h4 style="margin: 0 0 8px 0; font-size: 12px; text-transform: uppercase; color: #9ca3af; letter-spacing: 0.5px;">Shipping To</h4>
                        <p style="margin: 0; color: #1f2937; font-size: 14px;">${(t.address||"No Address").replace(/\n/g,"<br />")}</p>
                        <p style="margin: 2px 0 0 0; color: #4b5563; font-size: 14px;">${t.country||""}</p>
                      </td>
                    </tr>
                  </table>

                  ${t.notes?`
                  <div style="background-color: #fffbeb; border: 1px solid #fef3c7; padding: 16px; border-radius: 6px; margin-bottom: 24px;">
                    <p style="margin: 0 0 4px 0; font-size: 12px; font-weight: 700; color: #b45309; text-transform: uppercase;">Customer Note</p>
                    <p style="margin: 0; color: #92400e; font-style: italic;">"${t.notes.replace(/\n/g,"<br />")}"</p>
                  </div>
                  `:""}

                  <!-- Order Items -->
                  <h3 style="color: #1f2937; margin: 0 0 12px 0; font-size: 16px; font-weight: 600;">Items</h3>
                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    ${e}
                  </table>

                  <div style="margin-top: 32px; text-align: center;">
                    <a href="${process.env.NEXTAUTH_URL}/admin/orders" style="display: inline-block; background-color: #1f2937; color: #ffffff; text-decoration: none; padding: 12px 24px; border-radius: 6px; font-weight: 600; font-size: 14px;">View in Admin Panel</a>
                  </div>

                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </body>
    </html>
  `},a=t=>{let e={new:"New",processing:"Processing",in_transit:"In Transit",delivered:"Delivered",cancelled:"Cancelled"}[t.status]||t.status,o=`Your order is now <strong>${e}</strong>.`,r="#276846",i="#ecfdf5";"in_transit"===t.status?(o="Great news! Your order is now <strong>In Transit</strong> and on its way to you.",r="#ca8a04",i="#fefce8"):"delivered"===t.status?o="Your order has been <strong>Delivered</strong>. We hope you enjoy your products!":"processing"===t.status&&(o="We are currently <strong>Processing</strong> your order and preparing it for shipment.",r="#2563eb",i="#eff6ff");let a=t.items?t.items.map(t=>`
    <tr>
      <td style="padding: 15px 0; border-bottom: 1px solid #e5e7eb;">
        <table border="0" cellspacing="0" cellpadding="0" width="100%">
            <tr>
                <td width="60" valign="top" style="padding-right: 15px;">
                     ${t.product?.image?`<img src="${t.product.image}" alt="${t.product.nameEn}" width="60" height="60" style="width: 60px; height: 60px; object-fit: cover; border-radius: 4px; background-color: #f3f4f6;" />`:'<div style="width: 60px; height: 60px; background-color: #e5e7eb; border-radius: 4px;"></div>'}
                </td>
                <td valign="top">
                    <p style="margin: 0 0 4px 0; font-weight: 600; font-size: 14px; color: #1f2937;">${t.product?.nameEn||"Product"}</p>
                    ${t.variant?`<p style="margin: 0 0 4px 0; font-size: 12px; color: #6b7280;">SIZE: ${t.variant.size}</p>`:""}
                    <p style="margin: 0; font-size: 12px; color: #6b7280;">QTY: ${t.quantity}</p>
                </td>
            </tr>
        </table>
      </td>
    </tr>
  `).join(""):"";return`
      <!DOCTYPE html>
      <html>
      <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <title>Order Status Update</title>
      </head>
      <body style="margin: 0; padding: 0; background-color: #f4f4f5; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased;">
        <table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #f4f4f5; width: 100%;">
          <tr>
            <td align="center" style="padding: 40px 20px;">
              <table role="presentation" border="0" cellspacing="0" cellpadding="0" style="background-color: #ffffff; width: 100%; max-width: 600px; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);">
                
                <!-- Logo Section -->
                <tr>
                  <td align="center" style="padding: 40px 0 20px 0; background-color: #ffffff;">
                    <img src="https://musafoods.ca/wp-content/uploads/2026/02/musafoods_logo.png" alt="Musa Foods" width="160" style="display: block; width: 160px; max-width: 100%; height: auto;" />
                  </td>
                </tr>
  
                <!-- Hero Section -->
                <tr>
                  <td align="center" style="padding: 0 40px 10px 40px;">
                    <h1 style="color: #1f2937; margin: 0; font-size: 26px; font-weight: 700; letter-spacing: -0.5px;">Order Update</h1>
                    <p style="color: #6b7280; margin: 8px 0 0 0; font-size: 16px;">Order #${t.orderNumber}</p>
                  </td>
                </tr>
  
                <!-- Status Banner -->
                <tr>
                    <td align="center" style="padding: 20px 40px;">
                        <div style="background-color: ${i}; color: ${r}; border: 1px solid ${r}40; padding: 16px 24px; border-radius: 8px; font-size: 16px; line-height: 24px;">
                            ${o}
                        </div>
                    </td>
                </tr>
  
                <!-- Content Section -->
                <tr>
                  <td style="padding: 0 40px 40px 40px;">
                    <p style="margin: 0 0 24px 0; font-size: 16px; line-height: 24px; color: #374151;">
                      Hi ${t.customerName||"Customer"},
                    </p>
                    <p style="margin: 0 0 24px 0; font-size: 16px; line-height: 24px; color: #374151; margin-bottom: 30px;">
                      You can check the status of your order at any time by contacting us.
                    </p>
  
                    ${a?`
                    <div style="background-color: #f9fafb; border-radius: 8px; padding: 24px; margin-bottom: 32px;">
                        <h3 style="color: #111827; margin: 0 0 16px 0; font-size: 18px; font-weight: 600;">Order Details</h3>
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                        ${a}
                        </table>
                    </div>
                    `:""}

                    <p style="margin: 5px 0 30px 0; color: #6b7280; font-size: 14px; text-align: center;">
                        <strong>Date:</strong> ${new Date(t.createdAt).toLocaleDateString()}
                    </p>
  
                    <div style="padding-top: 24px; border-top: 1px solid #e5e7eb; text-align: center;">
                      <p style="margin: 0; font-size: 14px; color: #9ca3af;">Questions? Email us at <a href="mailto:info@musafoods.ca" style="color: #276846; text-decoration: none; font-weight: 600;">info@musafoods.ca</a></p>
                    </div>
                  </td>
                </tr>
                
                <!-- Footer -->
                <tr>
                  <td style="background-color: #f9fafb; padding: 24px; text-align: center;">
                    <p style="margin: 0; font-size: 12px; color: #9ca3af;">
                      &copy; ${new Date().getFullYear()} MusaFoods. All rights reserved.
                    </p>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
        </table>
      </body>
      </html>
    `},n=t=>`
      <!DOCTYPE html>
      <html>
      <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <title>We Received Your Message</title>
      </head>
      <body style="margin: 0; padding: 0; background-color: #f4f4f5; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;">
        <table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #f4f4f5; width: 100%;">
          <tr>
            <td align="center" style="padding: 40px 20px;">
              <table role="presentation" border="0" cellspacing="0" cellpadding="0" style="background-color: #ffffff; width: 100%; max-width: 600px; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);">
                
                <!-- Logo Section -->
                <tr>
                  <td align="center" style="padding: 40px 0 20px 0; background-color: #ffffff;">
                    <img src="https://musafoods.ca/wp-content/uploads/2026/02/musafoods_logo.png" alt="Musa Foods" width="160" style="display: block; width: 160px; max-width: 100%; height: auto;" />
                  </td>
                </tr>
  
                <!-- Hero Section -->
                <tr>
                  <td align="center" style="padding: 0 40px 10px 40px;">
                    <h1 style="color: #1f2937; margin: 0; font-size: 24px; font-weight: 700;">We Received Your Message</h1>
                  </td>
                </tr>
  
                <!-- Content Section -->
                <tr>
                  <td style="padding: 20px 40px 40px 40px;">
                    <p style="margin: 0 0 24px 0; font-size: 16px; line-height: 24px; color: #374151;">
                      Hi ${t.name},
                    </p>
                    <p style="margin: 0 0 24px 0; font-size: 16px; line-height: 24px; color: #374151;">
                      Thank you for contacting MusaFoods. We have received your message regarding "<strong>${t.subject}</strong>" and will get back to you as soon as possible.
                    </p>

                    <div style="background-color: #f9fafb; border-radius: 8px; padding: 24px; margin-bottom: 32px;">
                        <h3 style="color: #111827; margin: 0 0 16px 0; font-size: 16px; font-weight: 600;">Your Message:</h3>
                        <p style="margin: 0; color: #4b5563; font-style: italic; white-space: pre-wrap;">"${t.message}"</p>
                    </div>
  
                    <div style="padding-top: 24px; border-top: 1px solid #e5e7eb; text-align: center;">
                      <p style="margin: 0; font-size: 14px; color: #9ca3af;">Questions? Email us at <a href="mailto:info@musafoods.ca" style="color: #276846; text-decoration: none; font-weight: 600;">info@musafoods.ca</a></p>
                    </div>
                  </td>
                </tr>
                
                <!-- Footer -->
                <tr>
                  <td style="background-color: #f9fafb; padding: 24px; text-align: center;">
                    <p style="margin: 0; font-size: 12px; color: #9ca3af;">
                      &copy; ${new Date().getFullYear()} MusaFoods. All rights reserved.
                    </p>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
        </table>
      </body>
      </html>
    `,l=t=>`
      <!DOCTYPE html>
      <html>
      <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <title>New Contact Form Submission</title>
      </head>
      <body style="margin: 0; padding: 0; background-color: #f1f5f9; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;">
        <table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #f1f5f9; width: 100%;">
          <tr>
            <td align="center" style="padding: 40px 20px;">
              <table role="presentation" border="0" cellspacing="0" cellpadding="0" style="background-color: #ffffff; width: 100%; max-width: 600px; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);">
                
                 <!-- Top Bar -->
                <tr>
                  <td style="height: 6px; background-color: #df9f20;"></td>
                </tr>
  
                <!-- Header -->
                <tr>
                  <td align="center" style="padding: 30px 40px; border-bottom: 1px solid #f3f4f6;">
                    <img src="https://musafoods.ca/wp-content/uploads/2026/02/musafoods_logo.png" alt="Musa Foods" width="140" style="display: block; width: 140px; margin-bottom: 16px;" />
                    <h1 style="color: #1f2937; margin: 0; font-size: 22px; font-weight: 700;">New Contact Inquiry</h1>
                  </td>
                </tr>
  
                <!-- Content -->
                <tr>
                  <td style="padding: 30px 40px;">
                    
                    <table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-bottom: 24px;">
                      <tr>
                        <td valign="top" style="padding-bottom: 15px;">
                          <h4 style="margin: 0 0 4px 0; font-size: 12px; text-transform: uppercase; color: #9ca3af; letter-spacing: 0.5px;">Name</h4>
                          <p style="margin: 0; font-weight: 600; color: #1f2937;">${t.name}</p>
                        </td>
                      </tr>
                      <tr>
                        <td valign="top" style="padding-bottom: 15px;">
                          <h4 style="margin: 0 0 4px 0; font-size: 12px; text-transform: uppercase; color: #9ca3af; letter-spacing: 0.5px;">Email</h4>
                          <p style="margin: 0; font-weight: 600; color: #1f2937;"><a href="mailto:${t.email}" style="color: #2563eb; text-decoration: none;">${t.email}</a></p>
                        </td>
                      </tr>
                      <tr>
                        <td valign="top" style="padding-bottom: 15px;">
                          <h4 style="margin: 0 0 4px 0; font-size: 12px; text-transform: uppercase; color: #9ca3af; letter-spacing: 0.5px;">Subject</h4>
                          <p style="margin: 0; font-weight: 600; color: #1f2937;">${t.subject}</p>
                        </td>
                      </tr>
                    </table>
  
                    <div style="background-color: #f8fafc; border: 1px solid #e2e8f0; padding: 20px; border-radius: 8px;">
                      <h4 style="margin: 0 0 10px 0; font-size: 12px; text-transform: uppercase; color: #64748b; letter-spacing: 0.5px;">Message</h4>
                      <p style="margin: 0; color: #334155; line-height: 1.6; white-space: pre-wrap;">${t.message}</p>
                    </div>
  
                    <div style="margin-top: 32px; text-align: center;">
                      <a href="mailto:${t.email}?subject=Re: ${t.subject}" style="display: inline-block; background-color: #1f2937; color: #ffffff; text-decoration: none; padding: 12px 24px; border-radius: 6px; font-weight: 600; font-size: 14px;">Reply to Customer</a>
                    </div>
  
                  </td>
                </tr>
              </table>
            </td>
          </tr>
        </table>
      </body>
      </html>
    `,d=(t,e)=>`
      <!DOCTYPE html>
      <html>
      <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <title>Verify Your Review</title>
      </head>
      <body style="margin: 0; padding: 0; background-color: #f4f4f5; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;">
        <table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #f4f4f5; width: 100%;">
          <tr>
            <td align="center" style="padding: 40px 20px;">
              <table role="presentation" border="0" cellspacing="0" cellpadding="0" style="background-color: #ffffff; width: 100%; max-width: 600px; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);">
                
                <!-- Logo Section -->
                <tr>
                  <td align="center" style="padding: 40px 0 20px 0; background-color: #ffffff;">
                    <img src="https://musafoods.ca/wp-content/uploads/2026/02/musafoods_logo.png" alt="Musa Foods" width="160" style="display: block; width: 160px; max-width: 100%; height: auto;" />
                  </td>
                </tr>
  
                <!-- Hero Section -->
                <tr>
                  <td align="center" style="padding: 0 40px 10px 40px;">
                    <h1 style="color: #1f2937; margin: 0; font-size: 24px; font-weight: 700;">Verify Your Email</h1>
                  </td>
                </tr>
  
                <!-- Content Section -->
                <tr>
                  <td style="padding: 20px 40px 40px 40px; text-align: center;">
                    <p style="margin: 0 0 24px 0; font-size: 16px; line-height: 24px; color: #374151;">
                      Hi ${e},
                    </p>
                    <p style="margin: 0 0 24px 0; font-size: 16px; line-height: 24px; color: #374151;">
                      To submit your review, please use the One-Time Password (OTP) below to verify your email address.
                    </p>
                    
                    <div style="background-color: #f3f4f6; border: 1px dashed #d1d5db; padding: 20px; border-radius: 8px; margin: 30px 0; display: inline-block;">
                        <span style="font-size: 32px; font-weight: 700; letter-spacing: 4px; color: #000;">${t}</span>
                    </div>

                    <p style="margin: 0 0 24px 0; font-size: 14px; color: #6b7280;">
                      This code will expire in 10 minutes.
                    </p>
  
                    <div style="padding-top: 24px; border-top: 1px solid #e5e7eb; text-align: center;">
                      <p style="margin: 0; font-size: 14px; color: #9ca3af;">If you didn't request this, you can safely ignore this email.</p>
                    </div>
                  </td>
                </tr>
                
                <!-- Footer -->
                <tr>
                  <td style="background-color: #f9fafb; padding: 24px; text-align: center;">
                    <p style="margin: 0; font-size: 12px; color: #9ca3af;">
                      &copy; ${new Date().getFullYear()} MusaFoods. All rights reserved.
                    </p>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
        </table>
      </body>
      </html>
    `,s=(t,e)=>`
      <!DOCTYPE html>
      <html>
      <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <title>Verify Your Email for Quote</title>
      </head>
      <body style="margin: 0; padding: 0; background-color: #f4f4f5; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;">
        <table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #f4f4f5; width: 100%;">
          <tr>
            <td align="center" style="padding: 40px 20px;">
              <table role="presentation" border="0" cellspacing="0" cellpadding="0" style="background-color: #ffffff; width: 100%; max-width: 600px; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);">
                
                <!-- Logo Section -->
                <tr>
                  <td align="center" style="padding: 40px 0 20px 0; background-color: #ffffff;">
                    <img src="https://musafoods.ca/wp-content/uploads/2026/02/musafoods_logo.png" alt="Musa Foods" width="160" style="display: block; width: 160px; max-width: 100%; height: auto;" />
                  </td>
                </tr>
  
                <!-- Hero Section -->
                <tr>
                  <td align="center" style="padding: 0 40px 10px 40px;">
                    <h1 style="color: #1f2937; margin: 0; font-size: 24px; font-weight: 700;">Verify Quote Request</h1>
                  </td>
                </tr>
  
                <!-- Content Section -->
                <tr>
                  <td style="padding: 20px 40px 40px 40px; text-align: center;">
                    <p style="margin: 0 0 24px 0; font-size: 16px; line-height: 24px; color: #374151;">
                      Hi ${e},
                    </p>
                    <p style="margin: 0 0 24px 0; font-size: 16px; line-height: 24px; color: #374151;">
                      Please use the verification code below to complete your quote request.
                    </p>
                    
                    <div style="background-color: #f3f4f6; border: 1px dashed #d1d5db; padding: 20px; border-radius: 8px; margin: 30px 0; display: inline-block;">
                        <span style="font-size: 32px; font-weight: 700; letter-spacing: 4px; color: #000;">${t}</span>
                    </div>

                    <p style="margin: 0 0 24px 0; font-size: 14px; color: #6b7280;">
                      This code will expire in 10 minutes.
                    </p>
  
                    <div style="padding-top: 24px; border-top: 1px solid #e5e7eb; text-align: center;">
                      <p style="margin: 0; font-size: 14px; color: #9ca3af;">If you didn't request this, you can safely ignore this email.</p>
                    </div>
                  </td>
                </tr>
                
                <!-- Footer -->
                <tr>
                  <td style="background-color: #f9fafb; padding: 24px; text-align: center;">
                    <p style="margin: 0; font-size: 12px; color: #9ca3af;">
                      &copy; ${new Date().getFullYear()} MusaFoods. All rights reserved.
                    </p>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
        </table>
      </body>
      </html>
    `}};