// Datakor-branded promo email template — bilingual switchable, but the email
// itself is sent in one language (the one the user requested). Pulls live
// data from BRANDS_DATA + SERVICES_COPY when available.

function buildDatakorEmailHTML(opts = {}) {
  const recipient = (opts.name || '').trim();
  const lang = opts.lang === 'en' ? 'en' : 'tr';

  // Color tokens (must be hex — email clients ignore CSS vars)
  const brand     = '#1E6FE0';
  const brandSoft = '#E4EEFC';
  const navy      = '#1A2747';
  const ink       = '#131A2C';
  const ink2      = '#364056';
  const muted     = '#5E6A82';
  const line      = '#E5E7EE';
  const bg        = '#F7F8FB';
  const surface   = '#FFFFFF';
  const green     = '#25D366';

  const tr = lang === 'tr';
  const greeting = recipient
    ? (tr ? `Merhaba ${recipient},` : `Hi ${recipient},`)
    : (tr ? 'Merhaba,' : 'Hello,');

  const brands = window.BRANDS_DATA || [];
  const services = (window.SERVICES_COPY?.[lang]?.items) || [];

  const wrap = (children) => `<!DOCTYPE html>
<html lang="${lang}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>${tr ? 'Datakor · Hizmet Kataloğu' : 'Datakor · Service Catalog'}</title>
</head>
<body style="margin:0;padding:0;background:${bg};font-family:Arial,Helvetica,sans-serif;color:${ink};">
<div style="display:none;font-size:1px;color:${bg};line-height:1px;max-height:0;max-width:0;opacity:0;overflow:hidden;">
${tr
  ? 'Datakor — Sakarya kurumsal siber güvenlik ve yönetilen IT hizmetlerimizin özeti.'
  : 'Datakor — overview of corporate cybersecurity and managed IT services in Sakarya.'}
</div>
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background:${bg};padding:24px 12px;">
<tr><td align="center">
<table role="presentation" width="640" cellpadding="0" cellspacing="0" style="max-width:640px;width:100%;background:${surface};border-radius:12px;overflow:hidden;box-shadow:0 1px 2px rgba(20,30,60,0.06);">
${children}
</table>
</td></tr>
</table>
</body>
</html>`;

  const header = `
<tr><td style="background:${navy};padding:32px 36px;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0">
<tr>
<td style="vertical-align:middle;">
<table role="presentation" cellpadding="0" cellspacing="0"><tr>
  <td style="vertical-align:middle;padding-right:10px;">
    <svg width="32" height="30" viewBox="0 0 44 42" xmlns="http://www.w3.org/2000/svg">
      <line x1="3" y1="12" x2="32" y2="12" stroke="${brand}" stroke-width="4.5" stroke-linecap="round"/>
      <line x1="9" y1="22" x2="38" y2="22" stroke="${brand}" stroke-width="4.5" stroke-linecap="round"/>
      <line x1="15" y1="32" x2="41" y2="32" stroke="${brand}" stroke-width="4.5" stroke-linecap="round"/>
    </svg>
  </td>
  <td style="vertical-align:middle;">
    <div style="font-family:'Plus Jakarta Sans',Arial,sans-serif;font-weight:800;font-size:30px;color:#ffffff;letter-spacing:-0.5px;line-height:1;">Datakor<span style="color:${brand};">.</span></div>
    <div style="font-size:10px;color:${brand};letter-spacing:2.5px;text-transform:uppercase;font-weight:700;margin-top:6px;">${tr ? 'SİBER GÜVENLİK · YÖNETİLEN IT · SAKARYA' : 'CYBERSECURITY · MANAGED IT · SAKARYA'}</div>
  </td>
</tr></table>
</td>
<td align="right" style="vertical-align:middle;">
<a href="tel:+902647771188" style="display:inline-block;background:${brand};color:#ffffff;text-decoration:none;font-weight:800;font-size:14px;padding:11px 18px;border-radius:999px;font-family:Arial,sans-serif;">☎ 0264 777 11 88</a>
</td>
</tr>
</table>
</td></tr>`;

  const intro = `
<tr><td style="padding:32px 36px 8px;">
<h1 style="font-family:Arial,sans-serif;font-size:24px;font-weight:800;color:${ink};margin:0 0 12px;letter-spacing:-0.5px;line-height:1.2;">${
  tr
  ? 'Hizmet kataloğumuz, tek bir e-postada.'
  : 'Our service catalog in a single email.'
}</h1>
<p style="font-size:15px;line-height:1.65;color:${ink2};margin:0;">
  ${greeting} ${tr
    ? '17 yıllık tecrübemizle Sakarya\'da sunduğumuz kurumsal IT ve siber güvenlik hizmetlerimizin özetini aşağıda bulabilirsiniz. Tek aramayla başlarız:'
    : 'With 17 years of experience in Sakarya, here is an overview of our corporate IT and cybersecurity services. One call to begin:'}
  <strong style="color:${ink};">0264 777 11 88</strong>.
</p>
</td></tr>`;

  const stats = `
<tr><td style="padding:24px 36px 8px;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background:${brandSoft};border-radius:10px;">
<tr>
  <td style="padding:18px 14px;text-align:center;border-right:1px solid #ffffff;width:25%;">
    <div style="font-family:'Plus Jakarta Sans',Arial,sans-serif;font-weight:800;font-size:30px;color:${brand};letter-spacing:-1px;">17</div>
    <div style="font-size:10.5px;color:${ink2};font-weight:700;margin-top:4px;letter-spacing:0.5px;">${tr ? 'YIL TECRÜBE' : 'YEARS'}</div>
  </td>
  <td style="padding:18px 14px;text-align:center;border-right:1px solid #ffffff;width:25%;">
    <div style="font-family:'Plus Jakarta Sans',Arial,sans-serif;font-weight:800;font-size:30px;color:${brand};letter-spacing:-1px;">8</div>
    <div style="font-size:10.5px;color:${ink2};font-weight:700;margin-top:4px;letter-spacing:0.5px;">${tr ? 'YETKİLİ MARKA' : 'BRANDS'}</div>
  </td>
  <td style="padding:18px 14px;text-align:center;border-right:1px solid #ffffff;width:25%;">
    <div style="font-family:'Plus Jakarta Sans',Arial,sans-serif;font-weight:800;font-size:30px;color:${brand};letter-spacing:-1px;">7/24</div>
    <div style="font-size:10.5px;color:${ink2};font-weight:700;margin-top:4px;letter-spacing:0.5px;">${tr ? 'YÖNETİLEN DESTEK' : 'MANAGED'}</div>
  </td>
  <td style="padding:18px 14px;text-align:center;width:25%;">
    <div style="font-family:'Plus Jakarta Sans',Arial,sans-serif;font-weight:800;font-size:30px;color:${brand};letter-spacing:-1px;">16</div>
    <div style="font-size:10.5px;color:${ink2};font-weight:700;margin-top:4px;letter-spacing:0.5px;">${tr ? 'SAKARYA İLÇESİ' : 'DISTRICTS'}</div>
  </td>
</tr>
</table>
</td></tr>`;

  const servicesBlock = services.length ? `
<tr><td style="padding:28px 36px 8px;">
<div style="border-bottom:3px solid ${brand};padding-bottom:10px;margin-bottom:16px;">
<div style="font-size:10.5px;letter-spacing:2px;text-transform:uppercase;font-weight:800;color:${brand};">${tr ? 'KURUMSAL IT HİZMETLERİMİZ' : 'CORPORATE IT SERVICES'}</div>
<div style="font-family:'Plus Jakarta Sans',Arial,sans-serif;font-size:20px;font-weight:800;color:${ink};margin-top:4px;letter-spacing:-0.3px;">${tr ? '6 ana kurumsal hizmet alanı' : '6 core service areas'}</div>
</div>
<table role="presentation" width="100%" cellpadding="0" cellspacing="0">
${services.map(s => `
<tr><td style="padding:6px 0;">
<div style="background:${bg};border:1px solid ${line};border-radius:8px;padding:12px 14px;">
<div style="font-size:13.5px;font-weight:700;color:${ink};">${s.title}</div>
<div style="font-size:11px;color:${brand};font-weight:700;letter-spacing:0.5px;margin-top:2px;text-transform:uppercase;">${s.tag}</div>
<div style="font-size:13px;color:${ink2};line-height:1.5;margin-top:6px;">${s.desc}</div>
</div>
</td></tr>
`).join('')}
</table>
</td></tr>` : '';

  const brandsBlock = brands.length ? `
<tr><td style="padding:24px 36px 8px;">
<div style="border-bottom:3px solid ${brand};padding-bottom:10px;margin-bottom:16px;">
<div style="font-size:10.5px;letter-spacing:2px;text-transform:uppercase;font-weight:800;color:${brand};">${tr ? 'YETKİLİ ÇÖZÜM ORTAKLIKLARI' : 'AUTHORIZED PARTNERSHIPS'}</div>
<div style="font-family:'Plus Jakarta Sans',Arial,sans-serif;font-size:20px;font-weight:800;color:${ink};margin-top:4px;letter-spacing:-0.3px;">${tr ? '8 markada yetkili çözüm ortaklığı' : 'Authorized partner for 8 brands'}</div>
</div>
<table role="presentation" width="100%" cellpadding="0" cellspacing="0">
${brands.map(b => `
<tr><td style="padding:5px 0;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background:${surface};border:1px solid ${line};border-radius:8px;"><tr>
<td style="padding:10px 14px;width:140px;border-right:1px solid ${line};">
<div style="font-family:'Plus Jakarta Sans',Arial,sans-serif;font-size:15px;font-weight:800;color:${navy};letter-spacing:-0.3px;">${b.name}</div>
<div style="font-size:10.5px;color:${brand};font-weight:700;letter-spacing:0.5px;margin-top:3px;text-transform:uppercase;">${b.cat[lang] || b.cat.tr}</div>
</td>
<td style="padding:10px 14px;font-size:12.5px;line-height:1.5;color:${ink2};">${tr ? b.descTr : b.descEn}</td>
</tr></table>
</td></tr>
`).join('')}
</table>
</td></tr>` : '';

  const cta = `
<tr><td style="padding:24px 36px 36px;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background:${navy};border-radius:12px;">
<tr><td style="padding:30px;">
<div style="font-size:10.5px;letter-spacing:2px;text-transform:uppercase;font-weight:800;color:${brand};margin-bottom:10px;">${tr ? 'İLETİŞİM' : 'CONTACT'}</div>
<div style="font-family:'Plus Jakarta Sans',Arial,sans-serif;font-size:22px;font-weight:800;color:#ffffff;margin-bottom:18px;line-height:1.2;letter-spacing:-0.3px;">${
  tr ? 'Tek aramayla başlayalım.' : 'Let\'s begin with one call.'
}</div>
<div>
<a href="tel:+902647771188" style="display:inline-block;background:#ffffff;color:${navy};text-decoration:none;font-weight:800;font-size:16px;padding:12px 20px;border-radius:999px;margin:4px 8px 4px 0;font-family:Arial,sans-serif;">☎ 0264 777 11 88</a>
<a href="https://wa.me/905335611611" style="display:inline-block;background:${green};color:#ffffff;text-decoration:none;font-weight:700;font-size:14px;padding:13px 18px;border-radius:999px;margin:4px 0;font-family:Arial,sans-serif;">WhatsApp · 0533 561 16 11</a>
</div>
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="margin-top:22px;border-top:1px solid rgba(255,255,255,0.14);padding-top:18px;">
<tr>
<td style="width:50%;padding-right:12px;vertical-align:top;">
<div style="font-size:10px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;color:${brand};margin-bottom:4px;">${tr ? 'ADRES' : 'ADDRESS'}</div>
<div style="font-size:12.5px;color:rgba(255,255,255,0.85);line-height:1.5;">Cumhuriyet Mah.<br>Dr. Nuri Bayar Cad. 47/B<br>Adapazarı, Sakarya</div>
</td>
<td style="width:50%;padding-left:12px;vertical-align:top;">
<div style="font-size:10px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;color:${brand};margin-bottom:4px;">${tr ? 'E-POSTA & SAATLER' : 'EMAIL & HOURS'}</div>
<div style="font-size:12.5px;color:rgba(255,255,255,0.85);line-height:1.5;">
<a href="mailto:bilgi@datakor.com.tr" style="color:#ffffff;text-decoration:none;">bilgi@datakor.com.tr</a><br>${tr ? 'Pzt – Cmt · 08:30 – 19:00' : 'Mon – Sat · 08:30 – 19:00'}
</div>
</td>
</tr>
</table>
</td></tr>
</table>
</td></tr>`;

  const footer = `
<tr><td style="padding:18px 36px 24px;background:${bg};font-size:11px;color:${muted};line-height:1.6;text-align:center;">
${tr
  ? `Bu e-postayı <a href="https://www.datakor.com.tr/" style="color:${navy};font-weight:700;text-decoration:none;">datakor.com.tr</a> üzerinden talep ettiniz. Posta listemizden çıkmak için bu e-postayı yanıtlayın.`
  : `You requested this email through <a href="https://www.datakor.com.tr/" style="color:${navy};font-weight:700;text-decoration:none;">datakor.com.tr</a>. Reply to this email to be removed from the list.`}
<br><br>
<strong>Datakor — ${tr ? 'Bilgim Grup Markası' : 'A Bilgim Group brand'}</strong><br>
Cumhuriyet Mah. Dr. Nuri Bayar Cad. 47/B, Adapazarı, Sakarya, Türkiye<br>
Tel: 0264 777 11 88 · WhatsApp: 0533 561 16 11 · <a href="mailto:bilgi@datakor.com.tr" style="color:${muted};">bilgi@datakor.com.tr</a>
<br><br>
<span style="color:${muted};">© ${new Date().getFullYear()} Datakor. ${tr ? 'Tüm hakları saklıdır.' : 'All rights reserved.'}</span>
</td></tr>`;

  return wrap(header + intro + stats + servicesBlock + brandsBlock + cta + footer);
}

function buildDatakorEmailText(opts = {}) {
  const lang = opts.lang === 'en' ? 'en' : 'tr';
  const tr = lang === 'tr';
  const recipient = (opts.name || '').trim();
  const brands = window.BRANDS_DATA || [];
  const services = (window.SERVICES_COPY?.[lang]?.items) || [];

  let out = '';
  out += `DATAKOR — ${tr ? 'HİZMET KATALOĞU' : 'SERVICE CATALOG'}\n`;
  out += `${tr ? 'Siber Güvenlik · Yönetilen IT · Sakarya' : 'Cybersecurity · Managed IT · Sakarya'}\n`;
  out += `─────────────────────────────────────\n\n`;
  out += (recipient
    ? (tr ? `Merhaba ${recipient},` : `Hi ${recipient},`)
    : (tr ? 'Merhaba,' : 'Hello,')) + '\n\n';
  out += (tr
    ? '17 yıllık kurumsal IT tecrübesiyle Sakarya\'da sunduğumuz hizmetlerin özeti aşağıdadır.\n\n'
    : 'With 17 years of corporate IT experience in Sakarya, our service overview is below.\n\n');
  out += `► 17 ${tr ? 'YIL TECRÜBE' : 'YEARS'}  ► 8 ${tr ? 'YETKİLİ MARKA' : 'BRANDS'}  ► 7/24 ${tr ? 'YÖNETİLEN DESTEK' : 'MANAGED'}  ► 16 ${tr ? 'SAKARYA İLÇESİ' : 'DISTRICTS'}\n\n`;

  if (services.length) {
    out += `═════════════════════════════════════\n${tr ? 'KURUMSAL IT HİZMETLERİMİZ' : 'CORPORATE IT SERVICES'}\n═════════════════════════════════════\n\n`;
    services.forEach(s => {
      out += `• ${s.title} (${s.tag})\n  ${s.desc}\n\n`;
    });
  }

  if (brands.length) {
    out += `═════════════════════════════════════\n${tr ? 'YETKİLİ ÇÖZÜM ORTAKLARI' : 'AUTHORIZED PARTNERS'}\n═════════════════════════════════════\n\n`;
    brands.forEach(b => {
      out += `• ${b.name} — ${b.cat[lang] || b.cat.tr}\n  ${tr ? b.descTr : b.descEn}\n\n`;
    });
  }

  out += `─────────────────────────────────────\n${tr ? 'İLETİŞİM' : 'CONTACT'}\n─────────────────────────────────────\n`;
  out += `${tr ? 'Tel' : 'Phone'}: 0264 777 11 88\nWhatsApp: 0533 561 16 11 — https://wa.me/905335611611\n${tr ? 'E-posta' : 'Email'}: bilgi@datakor.com.tr\n${tr ? 'Web' : 'Web'}: https://www.datakor.com.tr\n\n`;
  out += `${tr ? 'Adres' : 'Address'}:\n  Cumhuriyet Mah. Dr. Nuri Bayar Cad. 47/B\n  Adapazarı, Sakarya, Türkiye\n`;
  out += `${tr ? 'Çalışma Saatleri' : 'Hours'}: ${tr ? 'Pzt – Cmt · 08:30 – 19:00' : 'Mon – Sat · 08:30 – 19:00'}\n\n`;
  out += `© ${new Date().getFullYear()} Datakor — ${tr ? 'Bilgim Grup Markası' : 'A Bilgim Group brand'}.\n`;
  return out;
}

window.buildDatakorEmailHTML = buildDatakorEmailHTML;
window.buildDatakorEmailText = buildDatakorEmailText;
