<!DOCTYPE html>
<html lang="{{ if .Data.locale }}{{ .Data.locale }}{{ else }}en{{ end }}" dir="{{ if eq .Data.locale "ar" }}rtl{{ else }}ltr{{ end }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>ReBreak</title>
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap" rel="stylesheet">
<style>
  @import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap');
  body, h1, h2, p, div, a, span { font-family: 'Nunito', 'Nunito Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
</style>
</head>
<body style="margin:0;padding:0;background:#f5f5f5;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#0a0a0a;">
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
  <tr><td align="center" style="padding:32px 16px;">
    <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="max-width:480px;background:#ffffff;border-radius:16px;overflow:hidden;">

      <tr><td style="padding:24px 24px;background:#0a0a0a;">
        <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
          <tr>
            <td width="52" align="left" valign="middle" style="padding-right:16px;">
              <img src="https://api.staging.rebreak.org/email-assets/icon.png" width="48" height="48" alt="ReBreak" style="display:block;border-radius:12px;">
            </td>
            <td align="center" valign="middle">
              <div style="color:#ffffff;font-size:24px;font-weight:700;letter-spacing:-0.5px;line-height:1;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;">Re<span style="color:#f59e0b;">B</span>reak</div>
            </td>
            <td width="52" valign="middle">&nbsp;</td>
          </tr>
        </table>
      </td></tr>

      <tr><td style="padding:32px 24px;">
        {{ if eq .Data.locale "de" }}
          <h1 style="font-size:22px;font-weight:700;color:#0a0a0a;margin:0 0 12px;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">Willkommen bei ReBreak</h1>
          <p style="font-size:16px;line-height:24px;color:#525252;margin:0 0 24px;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">Gib diesen Code in der App ein, um deine E-Mail-Adresse zu bestätigen:</p>
        {{ else if eq .Data.locale "fr" }}
          <h1 style="font-size:22px;font-weight:700;color:#0a0a0a;margin:0 0 12px;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">Bienvenue sur ReBreak</h1>
          <p style="font-size:16px;line-height:24px;color:#525252;margin:0 0 24px;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">Saisis ce code dans l'application pour confirmer ton adresse e-mail :</p>
        {{ else if eq .Data.locale "ar" }}
          <h1 style="font-size:22px;font-weight:700;color:#0a0a0a;margin:0 0 12px;text-align:right;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">مرحبًا بك في ReBreak</h1>
          <p style="font-size:16px;line-height:24px;color:#525252;margin:0 0 24px;text-align:right;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">أدخل هذا الرمز في التطبيق لتأكيد بريدك الإلكتروني:</p>
        {{ else }}
          <h1 style="font-size:22px;font-weight:700;color:#0a0a0a;margin:0 0 12px;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">Welcome to ReBreak</h1>
          <p style="font-size:16px;line-height:24px;color:#525252;margin:0 0 24px;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">Enter this code in the app to confirm your email address:</p>
        {{ end }}

        <div style="background:#fafafa;border:1px solid #e5e5e5;border-radius:12px;padding:24px 16px;text-align:center;margin:0 0 24px;">
          <div style="font-size:36px;font-weight:700;letter-spacing:10px;color:#f59e0b;font-family:'SF Mono','Menlo','Courier New',monospace;line-height:1;">{{ .Token }}</div>
        </div>

        {{ if eq .Data.locale "de" }}
          <p style="font-size:13px;line-height:20px;color:#a3a3a3;margin:0;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">Falls du dich nicht bei ReBreak registriert hast, kannst du diese E-Mail ignorieren.</p>
        {{ else if eq .Data.locale "fr" }}
          <p style="font-size:13px;line-height:20px;color:#a3a3a3;margin:0;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">Si tu n'as pas créé de compte ReBreak, tu peux ignorer ce message.</p>
        {{ else if eq .Data.locale "ar" }}
          <p style="font-size:13px;line-height:20px;color:#a3a3a3;margin:0;text-align:right;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">إذا لم تقم بإنشاء حساب على ReBreak، يمكنك تجاهل هذه الرسالة.</p>
        {{ else }}
          <p style="font-size:13px;line-height:20px;color:#a3a3a3;margin:0;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">If you didn't sign up for ReBreak, you can safely ignore this email.</p>
        {{ end }}
      </td></tr>

      <tr><td align="center" style="padding:24px 24px 28px;background:#fafafa;border-top:1px solid #f0f0f0;">
        <p style="font-size:12px;line-height:18px;color:#737373;margin:0 0 6px;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">
          <a href="https://rebreak.org" style="color:#525252;text-decoration:none;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">rebreak.org</a>
          &nbsp;·&nbsp;
          <a href="https://rebreak.org/datenschutz" style="color:#525252;text-decoration:none;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">{{ if eq .Data.locale "de" }}Datenschutz{{ else if eq .Data.locale "fr" }}Confidentialité{{ else if eq .Data.locale "ar" }}الخصوصية{{ else }}Privacy{{ end }}</a>
        </p>
        <p style="font-size:11px;color:#a3a3a3;margin:0;font-family:'Nunito','Nunito Sans',-apple-system,BlinkMacSystemFont,sans-serif;">© ReBreak</p>
      </td></tr>

    </table>
  </td></tr>
</table>
</body>
</html>
