import { Resend } from 'resend';

const resend = new Resend(import.meta.env.VITE_RESEND_API_KEY);

interface SendStudentCredentialsEmailProps {
  studentName: string;
  studentEmail: string;
  password: string;
  guardianName: string;
  guardianEmail: string;
}

export async function sendStudentCredentialsEmail({
  studentName,
  studentEmail,
  password,
  guardianName,
  guardianEmail
}: SendStudentCredentialsEmailProps) {
  try {
    // Email para o aluno
    await resend.emails.send({
      from: 'Histórias Mágicas <noreply@historias-magicas.com.br>',
      to: studentEmail,
      subject: 'Bem-vindo ao Histórias Mágicas!',
      html: `
        <div style="font-family: sans-serif; max-width: 600px; margin: 0 auto;">
          <h1 style="color: #7C3AED;">Olá ${studentName}!</h1>
          <p>Bem-vindo ao Histórias Mágicas! Sua conta foi criada com sucesso.</p>
          <p>Use as credenciais abaixo para acessar sua conta:</p>
          <div style="background-color: #F3F4F6; padding: 16px; border-radius: 8px; margin: 16px 0;">
            <p style="margin: 0;"><strong>Email:</strong> ${studentEmail}</p>
            <p style="margin: 8px 0 0;"><strong>Senha:</strong> ${password}</p>
          </div>
          <p style="color: #EF4444; font-size: 14px;">
            Por favor, altere sua senha no primeiro acesso.
          </p>
          <a 
            href="${import.meta.env.VITE_APP_URL}/login/student"
            style="display: inline-block; background-color: #7C3AED; color: white; padding: 12px 24px; text-decoration: none; border-radius: 8px; margin-top: 16px;"
          >
            Acessar Plataforma
          </a>
        </div>
      `
    });

    // Email para o responsável
    await resend.emails.send({
      from: 'Histórias Mágicas <noreply@historias-magicas.com.br>',
      to: guardianEmail,
      subject: `Conta do ${studentName} criada no Histórias Mágicas`,
      html: `
        <div style="font-family: sans-serif; max-width: 600px; margin: 0 auto;">
          <h1 style="color: #7C3AED;">Olá ${guardianName}!</h1>
          <p>
            Uma conta foi criada para ${studentName} na plataforma Histórias Mágicas.
            Como responsável, você receberá atualizações sobre o progresso e atividades.
          </p>
          <p>As credenciais de acesso foram enviadas para o email do aluno:</p>
          <div style="background-color: #F3F4F6; padding: 16px; border-radius: 8px; margin: 16px 0;">
            <p style="margin: 0;"><strong>Email do aluno:</strong> ${studentEmail}</p>
          </div>
          <p>
            Por favor, ajude o aluno a fazer o primeiro acesso e alterar a senha.
            Em caso de dúvidas, entre em contato com a escola.
          </p>
          <div style="font-size: 14px; color: #6B7280; margin-top: 24px;">
            <p>
              O Histórias Mágicas é uma plataforma educacional que permite aos alunos
              criarem e compartilharem histórias interativas, incentivando a criatividade
              e o aprendizado.
            </p>
          </div>
        </div>
      `
    });

    return true;
  } catch (error) {
    console.error('Erro ao enviar emails:', error);
    return false;
  }
}