/**
 * Email Nurture Sequence Templates
 *
 * Contains all email templates for automated nurture campaigns
 */

import type { EmailTemplate } from './core';
import type {
  TrialOnboardingContext,
  AbandonedDemoContext,
} from '@/lib/types/nurture-sequences.types';

// =============================================================================
// Base Styles (reuse from templates.ts)
// =============================================================================

const BASE_STYLES = `
  body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    line-height: 1.6;
    color: #1f2937;
    background: #f3f4f6;
    margin: 0;
    padding: 20px;
  }
  .email-wrapper { background: #f3f4f6; padding: 40px 20px; }
  .container {
    max-width: 600px;
    margin: 0 auto;
    background: white;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
  .header {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: white;
    padding: 40px 30px;
    text-align: center;
  }
  .logo {
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 8px;
    letter-spacing: -0.5px;
  }
  .header-subtitle {
    font-size: 16px;
    opacity: 0.95;
    font-weight: 500;
  }
  .content {
    background: white;
    padding: 40px 30px;
  }
  .greeting {
    font-size: 18px;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 20px;
  }
  .message {
    font-size: 15px;
    color: #4b5563;
    margin-bottom: 20px;
    line-height: 1.7;
  }
  .cta-button {
    display: inline-block;
    background: #10b981;
    color: white !important;
    padding: 14px 32px;
    text-decoration: none;
    border-radius: 8px;
    margin: 20px 0;
    font-weight: 600;
    font-size: 16px;
  }
  .feature-box {
    background: #f0fdf4;
    border-left: 4px solid #10b981;
    padding: 20px;
    margin: 20px 0;
    border-radius: 8px;
  }
  .footer {
    background: #f9fafb;
    padding: 30px;
    text-align: center;
    border-top: 1px solid #e5e7eb;
  }
  .footer-text {
    color: #6b7280;
    font-size: 13px;
    margin: 5px 0;
  }
  .support-link {
    color: #10b981;
    text-decoration: none;
    font-weight: 600;
  }
`;

// =============================================================================
// Trial Onboarding Sequence (4 emails)
// =============================================================================

/**
 * Trial Day 0: Welcome & Getting Started
 */
export function createTrialWelcomeEmail(context: TrialOnboardingContext): EmailTemplate {
  const isArabic = context.language === 'ar';

  const subject = isArabic
    ? `مرحباً بك في Mawidi - ابدأ تجربتك المجانية!`
    : `Welcome to Mawidi - Start Your Free Trial!`;

  const html = `
    <!DOCTYPE html>
    <html ${isArabic ? 'dir="rtl" lang="ar"' : 'lang="en"'}>
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <style>${BASE_STYLES}</style>
    </head>
    <body>
      <div class="email-wrapper">
        <div class="container">
          <div class="header">
            <div class="logo">Mawidi</div>
            <div class="header-subtitle">${isArabic ? 'مرحباً بك!' : 'Welcome aboard!'}</div>
          </div>
          <div class="content">
            <p class="greeting">${isArabic ? `مرحباً ${context.name}،` : `Hi ${context.name},`}</p>
            <p class="message">${
              isArabic
                ? `شكراً لانضمامك إلى Mawidi! نحن متحمسون لمساعدتك في تحويل إدارة المواعيد لعملك ${context.companyName || ''}.`
                : `Thank you for joining Mawidi! We're excited to help you transform appointment management for ${context.companyName || 'your business'}.`
            }</p>

            <div class="feature-box">
              <h3 style="margin-top: 0; color: #065f46;">${isArabic ? '🚀 ابدأ في 3 خطوات سهلة' : '🚀 Get Started in 3 Easy Steps'}</h3>
              <ol style="margin: 10px 0; padding-${isArabic ? 'right' : 'left'}: 20px;">
                <li>${isArabic ? 'أكمل إعداد ملفك الشخصي' : 'Complete your profile setup'}</li>
                <li>${isArabic ? 'اربط حساب واتساب الخاص بك' : 'Connect your WhatsApp account'}</li>
                <li>${isArabic ? 'احجز أول موعد لك' : 'Book your first appointment'}</li>
              </ol>
            </div>

            <center>
              <a href="${context.dashboardUrl}" class="cta-button">
                ${isArabic ? 'ابدأ الإعداد الآن' : 'Start Setup Now'}
              </a>
            </center>

            <p class="message">${
              isArabic
                ? 'تجربتك المجانية نشطة حتى ' +
                  (context.trialEndsAt
                    ? new Date(context.trialEndsAt).toLocaleDateString('ar-SA')
                    : '14 يوماً') +
                  '. احصل على وصول كامل لجميع الميزات!'
                : 'Your free trial is active until ' +
                  (context.trialEndsAt
                    ? new Date(context.trialEndsAt).toLocaleDateString('en-US')
                    : '14 days') +
                  '. Get full access to all features!'
            }</p>
          </div>
          <div class="footer">
            <p class="footer-text">${isArabic ? 'تحتاج مساعدة؟' : 'Need help?'} <a href="mailto:support@mawidi.com" class="support-link">${isArabic ? 'تواصل معنا' : 'Contact us'}</a></p>
            <p class="footer-text">© ${new Date().getFullYear()} Mawidi. ${isArabic ? 'جميع الحقوق محفوظة.' : 'All rights reserved.'}</p>
          </div>
        </div>
      </div>
    </body>
    </html>
  `;

  const text = isArabic
    ? `مرحباً ${context.name},\n\nشكراً لانضمامك إلى Mawidi!\n\nابدأ في 3 خطوات:\n1. أكمل إعداد ملفك الشخصي\n2. اربط حساب واتساب\n3. احجز أول موعد\n\nابدأ الآن: ${context.dashboardUrl}\n\n© ${new Date().getFullYear()} Mawidi`
    : `Hi ${context.name},\n\nThank you for joining Mawidi!\n\nGet started in 3 steps:\n1. Complete your profile setup\n2. Connect your WhatsApp account\n3. Book your first appointment\n\nStart now: ${context.dashboardUrl}\n\n© ${new Date().getFullYear()} Mawidi`;

  return { subject, html, text };
}

/**
 * Trial Day 3: WhatsApp Integration Guide
 */
export function createTrialWhatsAppGuideEmail(context: TrialOnboardingContext): EmailTemplate {
  const isArabic = context.language === 'ar';

  const subject = isArabic
    ? `🔗 كيفية ربط واتساب بحسابك في Mawidi`
    : `🔗 How to Connect WhatsApp to Your Mawidi Account`;

  const html = `
    <!DOCTYPE html>
    <html ${isArabic ? 'dir="rtl" lang="ar"' : 'lang="en"'}>
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <style>${BASE_STYLES}</style>
    </head>
    <body>
      <div class="email-wrapper">
        <div class="container">
          <div class="header">
            <div class="logo">Mawidi</div>
            <div class="header-subtitle">${isArabic ? 'دليل ربط واتساب' : 'WhatsApp Integration Guide'}</div>
          </div>
          <div class="content">
            <p class="greeting">${isArabic ? `مرحباً ${context.name}،` : `Hi ${context.name},`}</p>
            <p class="message">${
              isArabic
                ? 'ربط واتساب يفتح قوة إدارة المواعيد الآلية. إليك كيفية البدء:'
                : 'Connecting WhatsApp unlocks the power of automated appointment management. Here\'s how to get started:'
            }</p>

            <div class="feature-box">
              <h3 style="margin-top: 0; color: #065f46;">${isArabic ? '📱 خطوات الربط' : '📱 Connection Steps'}</h3>
              <ol style="margin: 10px 0; padding-${isArabic ? 'right' : 'left'}: 20px;">
                <li>${isArabic ? 'انتقل إلى لوحة التحكم' : 'Go to your Dashboard'}</li>
                <li>${isArabic ? 'انقر على "الإعدادات" ثم "التكاملات"' : 'Click on "Settings" then "Integrations"'}</li>
                <li>${isArabic ? 'اتبع تعليمات ربط واتساب' : 'Follow the WhatsApp connection instructions'}</li>
                <li>${isArabic ? 'امسح رمز QR باستخدام هاتفك' : 'Scan the QR code with your phone'}</li>
              </ol>
            </div>

            <p class="message"><strong>${isArabic ? '✨ ماذا ستحصل:' : '✨ What you\'ll get:'}</strong></p>
            <ul>
              <li>${isArabic ? 'تأكيدات تلقائية للمواعيد عبر واتساب' : 'Automatic appointment confirmations via WhatsApp'}</li>
              <li>${isArabic ? 'تذكيرات ذكية للعملاء' : 'Smart customer reminders'}</li>
              <li>${isArabic ? 'محادثات ثنائية الاتجاه مع عملائك' : 'Two-way conversations with your customers'}</li>
            </ul>

            <center>
              <a href="${context.dashboardUrl}/settings/integrations" class="cta-button">
                ${isArabic ? 'ابدأ الربط الآن' : 'Connect Now'}
              </a>
            </center>
          </div>
          <div class="footer">
            <p class="footer-text">${isArabic ? 'تحتاج مساعدة؟' : 'Need help?'} <a href="mailto:support@mawidi.com" class="support-link">${isArabic ? 'تواصل معنا' : 'Contact us'}</a></p>
            <p class="footer-text">© ${new Date().getFullYear()} Mawidi. ${isArabic ? 'جميع الحقوق محفوظة.' : 'All rights reserved.'}</p>
          </div>
        </div>
      </div>
    </body>
    </html>
  `;

  const text = isArabic
    ? `مرحباً ${context.name},\n\nربط واتساب يفتح قوة إدارة المواعيد الآلية.\n\nخطوات الربط:\n1. انتقل إلى لوحة التحكم\n2. انقر على "الإعدادات" ثم "التكاملات"\n3. اتبع التعليمات\n4. امسح رمز QR\n\nابدأ: ${context.dashboardUrl}/settings/integrations\n\n© ${new Date().getFullYear()} Mawidi`
    : `Hi ${context.name},\n\nConnecting WhatsApp unlocks automated appointment management.\n\nSteps:\n1. Go to Dashboard\n2. Click "Settings" then "Integrations"\n3. Follow instructions\n4. Scan QR code\n\nStart: ${context.dashboardUrl}/settings/integrations\n\n© ${new Date().getFullYear()} Mawidi`;

  return { subject, html, text };
}

/**
 * Trial Day 7: Advanced Features
 */
export function createTrialAdvancedFeaturesEmail(context: TrialOnboardingContext): EmailTemplate {
  const isArabic = context.language === 'ar';

  const subject = isArabic
    ? `⚡ اكتشف الميزات المتقدمة في Mawidi`
    : `⚡ Discover Advanced Features in Mawidi`;

  const html = `
    <!DOCTYPE html>
    <html ${isArabic ? 'dir="rtl" lang="ar"' : 'lang="en"'}>
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <style>${BASE_STYLES}</style>
    </head>
    <body>
      <div class="email-wrapper">
        <div class="container">
          <div class="header">
            <div class="logo">Mawidi</div>
            <div class="header-subtitle">${isArabic ? 'الميزات المتقدمة' : 'Advanced Features'}</div>
          </div>
          <div class="content">
            <p class="greeting">${isArabic ? `مرحباً ${context.name}،` : `Hi ${context.name},`}</p>
            <p class="message">${
              isArabic
                ? 'هل تعلم أن Mawidi يقدم ميزات متقدمة لتعزيز عملك؟'
                : 'Did you know Mawidi offers advanced features to supercharge your business?'
            }</p>

            <div class="feature-box">
              <h3 style="margin-top: 0; color: #065f46;">🤖 ${isArabic ? 'الوكيل الصوتي بالذكاء الاصطناعي' : 'AI Voice Agent'}</h3>
              <p>${isArabic ? 'دع الذكاء الاصطناعي يدير مكالماتك الهاتفية ويحجز المواعيد تلقائياً.' : 'Let AI handle your phone calls and book appointments automatically.'}</p>
            </div>

            <div class="feature-box">
              <h3 style="margin-top: 0; color: #065f46;">📊 ${isArabic ? 'التحليلات والتقارير' : 'Analytics & Reporting'}</h3>
              <p>${isArabic ? 'تتبع أداء عملك برؤى تفصيلية وتقارير قابلة للتصدير.' : 'Track your business performance with detailed insights and exportable reports.'}</p>
            </div>

            <div class="feature-box">
              <h3 style="margin-top: 0; color: #065f46;">🔄 ${isArabic ? 'تكامل التقويم' : 'Calendar Integration'}</h3>
              <p>${isArabic ? 'مزامنة مع Google Calendar و Outlook لإدارة سلسة.' : 'Sync with Google Calendar & Outlook for seamless management.'}</p>
            </div>

            <center>
              <a href="${context.dashboardUrl}" class="cta-button">
                ${isArabic ? 'استكشف الميزات' : 'Explore Features'}
              </a>
            </center>
          </div>
          <div class="footer">
            <p class="footer-text">${isArabic ? 'تحتاج مساعدة؟' : 'Need help?'} <a href="mailto:support@mawidi.com" class="support-link">${isArabic ? 'تواصل معنا' : 'Contact us'}</a></p>
            <p class="footer-text">© ${new Date().getFullYear()} Mawidi. ${isArabic ? 'جميع الحقوق محفوظة.' : 'All rights reserved.'}</p>
          </div>
        </div>
      </div>
    </body>
    </html>
  `;

  const text = isArabic
    ? `مرحباً ${context.name},\n\nاكتشف ميزات متقدمة:\n\n🤖 الوكيل الصوتي بالذكاء الاصطناعي\n📊 التحليلات والتقارير\n🔄 تكامل التقويم\n\nاستكشف: ${context.dashboardUrl}\n\n© ${new Date().getFullYear()} Mawidi`
    : `Hi ${context.name},\n\nDiscover advanced features:\n\n🤖 AI Voice Agent\n📊 Analytics & Reporting\n🔄 Calendar Integration\n\nExplore: ${context.dashboardUrl}\n\n© ${new Date().getFullYear()} Mawidi`;

  return { subject, html, text };
}

/**
 * Trial Day 12: Upgrade Reminder
 */
export function createTrialUpgradeReminderEmail(context: TrialOnboardingContext): EmailTemplate {
  const isArabic = context.language === 'ar';

  const subject = isArabic
    ? `⏰ تنتهي تجربتك المجانية قريباً - احصل على خصم 20%!`
    : `⏰ Your Free Trial Ends Soon - Get 20% Off!`;

  const html = `
    <!DOCTYPE html>
    <html ${isArabic ? 'dir="rtl" lang="ar"' : 'lang="en"'}>
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <style>${BASE_STYLES}</style>
    </head>
    <body>
      <div class="email-wrapper">
        <div class="container">
          <div class="header">
            <div class="logo">Mawidi</div>
            <div class="header-subtitle">${isArabic ? 'عرض خاص!' : 'Special Offer!'}</div>
          </div>
          <div class="content">
            <p class="greeting">${isArabic ? `مرحباً ${context.name}،` : `Hi ${context.name},`}</p>
            <p class="message">${
              isArabic
                ? 'تجربتك المجانية تنتهي قريباً! لا تفوت فرصة الاستمرار في إدارة مواعيدك بكفاءة.'
                : 'Your free trial ends soon! Don\'t miss the chance to continue managing your appointments efficiently.'
            }</p>

            <div class="feature-box" style="background: #fef3c7; border-left-color: #f59e0b;">
              <h2 style="margin: 0; color: #92400e; font-size: 24px; text-align: center;">
                ${isArabic ? '🎉 عرض خاص: خصم 20%' : '🎉 Special Offer: 20% Off'}
              </h2>
              <p style="text-align: center; color: #92400e; margin: 10px 0; font-size: 16px;">
                ${isArabic ? 'على أي خطة سنوية عند الاشتراك اليوم!' : 'On any annual plan when you subscribe today!'}
              </p>
            </div>

            <p class="message"><strong>${isArabic ? '✨ لماذا تختار Mawidi؟' : '✨ Why choose Mawidi?'}</strong></p>
            <ul>
              <li>${isArabic ? 'توفير 10+ ساعات أسبوعياً في إدارة المواعيد' : 'Save 10+ hours per week on appointment management'}</li>
              <li>${isArabic ? 'تقليل حالات عدم الحضور بنسبة 40%' : 'Reduce no-shows by 40%'}</li>
              <li>${isArabic ? 'تحسين رضا العملاء بنسبة 60%' : 'Improve customer satisfaction by 60%'}</li>
            </ul>

            <center>
              <a href="${context.dashboardUrl}/billing" class="cta-button" style="font-size: 18px; padding: 16px 40px;">
                ${isArabic ? 'احصل على الخصم الآن' : 'Get Your Discount Now'}
              </a>
            </center>

            <p class="message" style="text-align: center; font-size: 13px; color: #6b7280; margin-top: 30px;">
              ${isArabic ? 'ينتهي العرض في ' : 'Offer expires in '}
              ${context.trialEndsAt ? new Date(context.trialEndsAt).toLocaleDateString(isArabic ? 'ar-SA' : 'en-US') : '2 days'}
            </p>
          </div>
          <div class="footer">
            <p class="footer-text">${isArabic ? 'تحتاج مساعدة؟' : 'Need help?'} <a href="mailto:support@mawidi.com" class="support-link">${isArabic ? 'تواصل معنا' : 'Contact us'}</a></p>
            <p class="footer-text">© ${new Date().getFullYear()} Mawidi. ${isArabic ? 'جميع الحقوق محفوظة.' : 'All rights reserved.'}</p>
          </div>
        </div>
      </div>
    </body>
    </html>
  `;

  const text = isArabic
    ? `مرحباً ${context.name},\n\nتجربتك المجانية تنتهي قريباً!\n\n🎉 عرض خاص: خصم 20% على أي خطة سنوية\n\nلماذا Mawidi؟\n• توفير 10+ ساعات أسبوعياً\n• تقليل عدم الحضور 40%\n• تحسين الرضا 60%\n\nاشترك: ${context.dashboardUrl}/billing\n\n© ${new Date().getFullYear()} Mawidi`
    : `Hi ${context.name},\n\nYour free trial ends soon!\n\n🎉 Special Offer: 20% off any annual plan\n\nWhy Mawidi?\n• Save 10+ hours/week\n• Reduce no-shows 40%\n• Improve satisfaction 60%\n\nSubscribe: ${context.dashboardUrl}/billing\n\n© ${new Date().getFullYear()} Mawidi`;

  return { subject, html, text };
}

// =============================================================================
// Abandoned Demo Sequence (3 emails)
// =============================================================================

/**
 * Day 1: Demo Request Follow-up
 */
export function createAbandonedDemoDay1Email(context: AbandonedDemoContext): EmailTemplate {
  const isArabic = context.language === 'ar';

  const subject = isArabic
    ? `هل ما زلت مهتماً بعرض Mawidi؟`
    : `Still Interested in a Mawidi Demo?`;

  const html = `
    <!DOCTYPE html>
    <html ${isArabic ? 'dir="rtl" lang="ar"' : 'lang="en"'}>
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <style>${BASE_STYLES}</style>
    </head>
    <body>
      <div class="email-wrapper">
        <div class="container">
          <div class="header">
            <div class="logo">Mawidi</div>
            <div class="header-subtitle">${isArabic ? 'عرضك التجريبي بانتظارك' : 'Your Demo Awaits'}</div>
          </div>
          <div class="content">
            <p class="greeting">${isArabic ? `مرحباً ${context.name}،` : `Hi ${context.name},`}</p>
            <p class="message">${
              isArabic
                ? 'لاحظنا أنك طلبت عرضاً تجريبياً لـ Mawidi ولكن لم نتمكن من إتمام الحجز بعد.'
                : 'We noticed you requested a Mawidi demo but haven\'t completed the booking yet.'
            }</p>

            <p class="message">${
              isArabic
                ? 'نود أن نساعدك في اكتشاف كيف يمكن لـ Mawidi تحويل إدارة المواعيد لعملك في دقائق معدودة.'
                : 'We\'d love to help you discover how Mawidi can transform your appointment management in just minutes.'
            }</p>

            <div class="feature-box">
              <h3 style="margin-top: 0; color: #065f46;">${isArabic ? '💡 ماذا ستتعلم:' : '💡 What you\'ll learn:'}</h3>
              <ul style="margin: 10px 0;">
                <li>${isArabic ? 'إدارة المواعيد بالذكاء الاصطناعي عبر واتساب' : 'AI-powered appointment management via WhatsApp'}</li>
                <li>${isArabic ? 'أتمتة التذكيرات والتأكيدات' : 'Automated reminders and confirmations'}</li>
                <li>${isArabic ? 'تقليل حالات عدم الحضور بشكل كبير' : 'Significant reduction in no-shows'}</li>
              </ul>
            </div>

            <center>
              <a href="${context.rescheduleUrl}" class="cta-button">
                ${isArabic ? 'احجز موعد العرض الآن' : 'Book Your Demo Now'}
              </a>
            </center>

            <p class="message" style="font-size: 14px; color: #6b7280;">
              ${isArabic ? 'العرض التجريبي مجاني تماماً ويستغرق 15 دقيقة فقط.' : 'The demo is completely free and takes only 15 minutes.'}
            </p>
          </div>
          <div class="footer">
            <p class="footer-text">${isArabic ? 'تحتاج مساعدة؟' : 'Need help?'} <a href="mailto:support@mawidi.com" class="support-link">${isArabic ? 'تواصل معنا' : 'Contact us'}</a></p>
            <p class="footer-text">© ${new Date().getFullYear()} Mawidi. ${isArabic ? 'جميع الحقوق محفوظة.' : 'All rights reserved.'}</p>
          </div>
        </div>
      </div>
    </body>
    </html>
  `;

  const text = isArabic
    ? `مرحباً ${context.name},\n\nلاحظنا أنك طلبت عرضاً تجريبياً لـ Mawidi ولكن لم تكمل الحجز.\n\nماذا ستتعلم:\n• إدارة المواعيد بالذكاء الاصطناعي\n• أتمتة التذكيرات\n• تقليل عدم الحضور\n\nاحجز: ${context.rescheduleUrl}\n\n© ${new Date().getFullYear()} Mawidi`
    : `Hi ${context.name},\n\nWe noticed you requested a Mawidi demo but haven't completed the booking.\n\nWhat you'll learn:\n• AI-powered management\n• Automated reminders\n• Reduce no-shows\n\nBook: ${context.rescheduleUrl}\n\n© ${new Date().getFullYear()} Mawidi`;

  return { subject, html, text };
}

/**
 * Day 5: Success Stories
 */
export function createAbandonedDemoDay5Email(context: AbandonedDemoContext): EmailTemplate {
  const isArabic = context.language === 'ar';

  const subject = isArabic
    ? `كيف ساعدت Mawidi الشركات على توفير 15 ساعة أسبوعياً`
    : `How Mawidi Helped Businesses Save 15 Hours Per Week`;

  const html = `
    <!DOCTYPE html>
    <html ${isArabic ? 'dir="rtl" lang="ar"' : 'lang="en"'}>
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <style>${BASE_STYLES}</style>
    </head>
    <body>
      <div class="email-wrapper">
        <div class="container">
          <div class="header">
            <div class="logo">Mawidi</div>
            <div class="header-subtitle">${isArabic ? 'قصص النجاح' : 'Success Stories'}</div>
          </div>
          <div class="content">
            <p class="greeting">${isArabic ? `مرحباً ${context.name}،` : `Hi ${context.name},`}</p>
            <p class="message">${
              isArabic
                ? 'الشركات في جميع أنحاء الخليج تستخدم Mawidi لتحويل إدارة مواعيدها. إليك بعض النتائج:'
                : 'Businesses across the Gulf are using Mawidi to transform their appointment management. Here are some results:'
            }</p>

            <div class="feature-box">
              <h3 style="margin-top: 0; color: #065f46;">🏥 ${isArabic ? 'عيادة طبية - الدوحة' : 'Medical Clinic - Doha'}</h3>
              <p>${isArabic ? '"قللنا حالات عدم الحضور بنسبة 45% ووفرنا 15 ساعة أسبوعياً في الإدارة اليدوية."' : '"We reduced no-shows by 45% and saved 15 hours per week on manual management."'}</p>
            </div>

            <div class="feature-box">
              <h3 style="margin-top: 0; color: #065f46;">💆 ${isArabic ? 'منتجع صحي - دبي' : 'Wellness Spa - Dubai'}</h3>
              <p>${isArabic ? '"رضا عملائنا زاد 60% بفضل التذكيرات التلقائية والحجز السهل."' : '"Our customer satisfaction increased 60% thanks to automated reminders and easy booking."'}</p>
            </div>

            <div class="feature-box">
              <h3 style="margin-top: 0; color: #065f46;">📚 ${isArabic ? 'مركز تعليمي - الرياض' : 'Education Center - Riyadh'}</h3>
              <p>${isArabic ? '"الآن نحن ندير 200+ موعد أسبوعياً بدون أي جهد يدوي."' : '"We now manage 200+ appointments weekly with zero manual effort."'}</p>
            </div>

            <center>
              <a href="${context.rescheduleUrl}" class="cta-button">
                ${isArabic ? 'اكتشف كيف يمكن أن تنجح أنت أيضاً' : 'Discover Your Success Story'}
              </a>
            </center>
          </div>
          <div class="footer">
            <p class="footer-text">${isArabic ? 'تحتاج مساعدة؟' : 'Need help?'} <a href="mailto:support@mawidi.com" class="support-link">${isArabic ? 'تواصل معنا' : 'Contact us'}</a></p>
            <p class="footer-text">© ${new Date().getFullYear()} Mawidi. ${isArabic ? 'جميع الحقوق محفوظة.' : 'All rights reserved.'}</p>
          </div>
        </div>
      </div>
    </body>
    </html>
  `;

  const text = isArabic
    ? `مرحباً ${context.name},\n\nقصص نجاح:\n\n🏥 عيادة طبية: تقليل 45% في عدم الحضور\n💆 منتجع صحي: زيادة 60% في الرضا\n📚 مركز تعليمي: 200+ موعد أسبوعياً بدون جهد\n\naاكتشف: ${context.rescheduleUrl}\n\n© ${new Date().getFullYear()} Mawidi`
    : `Hi ${context.name},\n\nSuccess stories:\n\n🏥 Medical Clinic: 45% fewer no-shows\n💆 Wellness Spa: 60% satisfaction increase\n📚 Education: 200+ appointments with zero effort\n\nDiscover: ${context.rescheduleUrl}\n\n© ${new Date().getFullYear()} Mawidi`;

  return { subject, html, text };
}

/**
 * Day 10: Final Reminder
 */
export function createAbandonedDemoDay10Email(context: AbandonedDemoContext): EmailTemplate {
  const isArabic = context.language === 'ar';

  const subject = isArabic
    ? `آخر فرصة - احجز عرضك التجريبي المجاني`
    : `Last Chance - Book Your Free Demo`;

  const html = `
    <!DOCTYPE html>
    <html ${isArabic ? 'dir="rtl" lang="ar"' : 'lang="en"'}>
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <style>${BASE_STYLES}</style>
    </head>
    <body>
      <div class="email-wrapper">
        <div class="container">
          <div class="header">
            <div class="logo">Mawidi</div>
            <div class="header-subtitle">${isArabic ? 'آخر تذكير' : 'Final Reminder'}</div>
          </div>
          <div class="content">
            <p class="greeting">${isArabic ? `مرحباً ${context.name}،` : `Hi ${context.name},`}</p>
            <p class="message">${
              isArabic
                ? 'هذه آخر رسالة منا بخصوص طلب العرض التجريبي. نود أن نعطيك فرصة أخيرة لاكتشاف Mawidi.'
                : 'This is our last message about your demo request. We\'d like to give you one final chance to discover Mawidi.'
            }</p>

            <p class="message"><strong>${isArabic ? '🎁 عرض خاص لك:' : '🎁 Special offer for you:'}</strong></p>
            <p class="message">${
              isArabic
                ? 'احجز عرضك التجريبي هذا الأسبوع واحصل على استشارة مجانية (قيمة 500 ريال) لتحسين سير عمل إدارة المواعيد الخاص بك.'
                : 'Book your demo this week and get a free consultation (worth $150) to optimize your appointment workflow.'
            }</p>

            <center>
              <a href="${context.rescheduleUrl}" class="cta-button" style="background: #dc2626;">
                ${isArabic ? 'احجز الآن واحصل على الاستشارة المجانية' : 'Book Now & Get Free Consultation'}
              </a>
            </center>

            <p class="message" style="font-size: 13px; color: #6b7280; text-align: center;">
              ${isArabic ? 'لا تقلق، لن نرسل المزيد من الرسائل بعد هذه إذا لم تكن مهتماً.' : 'Don\'t worry, we won\'t send more emails after this if you\'re not interested.'}
            </p>
          </div>
          <div class="footer">
            <p class="footer-text">${isArabic ? 'تحتاج مساعدة؟' : 'Need help?'} <a href="mailto:support@mawidi.com" class="support-link">${isArabic ? 'تواصل معنا' : 'Contact us'}</a></p>
            <p class="footer-text">© ${new Date().getFullYear()} Mawidi. ${isArabic ? 'جميع الحقوق محفوظة.' : 'All rights reserved.'}</p>
          </div>
        </div>
      </div>
    </body>
    </html>
  `;

  const text = isArabic
    ? `مرحباً ${context.name},\n\nآخر فرصة لحجز عرضك التجريبي.\n\n🎁 عرض خاص: استشارة مجانية (قيمة 500 ريال) عند الحجز هذا الأسبوع.\n\nاحجز: ${context.rescheduleUrl}\n\n© ${new Date().getFullYear()} Mawidi`
    : `Hi ${context.name},\n\nLast chance to book your demo.\n\n🎁 Special: Free consultation (worth $150) when booking this week.\n\nBook: ${context.rescheduleUrl}\n\n© ${new Date().getFullYear()} Mawidi`;

  return { subject, html, text };
}

// =============================================================================
// Template Registry
// =============================================================================

export const NURTURE_TEMPLATES = {
  // Trial Onboarding (4 emails)
  trial_welcome: createTrialWelcomeEmail,
  trial_whatsapp_guide: createTrialWhatsAppGuideEmail,
  trial_advanced_features: createTrialAdvancedFeaturesEmail,
  trial_upgrade_reminder: createTrialUpgradeReminderEmail,

  // Abandoned Demo (3 emails)
  abandoned_demo_day1: createAbandonedDemoDay1Email,
  abandoned_demo_day5: createAbandonedDemoDay5Email,
  abandoned_demo_day10: createAbandonedDemoDay10Email,
} as const;

export type NurtureTemplateKey = keyof typeof NURTURE_TEMPLATES;
