const { PrismaClient } = require('../generated/prisma');

const prisma = new PrismaClient();

// Generate random SVG logo based on team name
function generateSVGLogo(teamName, size = 40) {
  // Use team name to generate consistent colors and patterns
  let hash = 0;
  for (let i = 0; i < teamName.length; i++) {
    hash = teamName.charCodeAt(i) + ((hash << 5) - hash);
  }
  
  const hue = hash % 360;
  const saturation = 60 + (hash % 30);
  const lightness = 40 + (hash % 30);
  const color = `hsl(${hue}, ${saturation}%, ${lightness}%)`;
  
  // Generate secondary color
  const secondaryHue = (hue + 180) % 360;
  const secondaryColor = `hsl(${secondaryHue}, ${saturation}%, ${lightness}%)`;
  
  // Choose a logo pattern based on hash
  const pattern = hash % 4;
  const initials = teamName.split(' ').map(w => w[0]).join('').toUpperCase().slice(0, 2);
  
  let svgContent = '';
  
  switch (pattern) {
    case 0: // Circle with initials
      svgContent = `<svg width="${size}" height="${size}" viewBox="0 0 ${size} ${size}"><circle cx="${size/2}" cy="${size/2}" r="${size/2}" fill="${color}" stroke="${secondaryColor}" stroke-width="2"/><text x="50%" y="55%" text-anchor="middle" font-size="${size/3}" fill="white" font-family="Arial, sans-serif" font-weight="bold">${initials}</text></svg>`;
      break;
      
    case 1: // Square with diagonal
      svgContent = `<svg width="${size}" height="${size}" viewBox="0 0 ${size} ${size}"><rect x="2" y="2" width="${size-4}" height="${size-4}" fill="${color}" stroke="${secondaryColor}" stroke-width="2"/><line x1="0" y1="0" x2="${size}" y2="${size}" stroke="${secondaryColor}" stroke-width="3"/><text x="50%" y="55%" text-anchor="middle" font-size="${size/3}" fill="white" font-family="Arial, sans-serif" font-weight="bold">${initials}</text></svg>`;
      break;
      
    case 2: // Triangle
      svgContent = `<svg width="${size}" height="${size}" viewBox="0 0 ${size} ${size}"><polygon points="${size/2},5 ${size-5},${size-5} 5,${size-5}" fill="${color}" stroke="${secondaryColor}" stroke-width="2"/><text x="50%" y="60%" text-anchor="middle" font-size="${size/3}" fill="white" font-family="Arial, sans-serif" font-weight="bold">${initials}</text></svg>`;
      break;
      
    case 3: // Diamond
      svgContent = `<svg width="${size}" height="${size}" viewBox="0 0 ${size} ${size}"><polygon points="${size/2},5 ${size-5},${size/2} ${size/2},${size-5} 5,${size/2}" fill="${color}" stroke="${secondaryColor}" stroke-width="2"/><text x="50%" y="55%" text-anchor="middle" font-size="${size/3}" fill="white" font-family="Arial, sans-serif" font-weight="bold">${initials}</text></svg>`;
      break;
  }
  
  return svgContent;
}

async function updateTeamLogos() {
  try {
    const teams = await prisma.team.findMany();
    console.log(`Found ${teams.length} teams to update`);
    
    for (const team of teams) {
      const svgLogo = generateSVGLogo(team.name);
      
      await prisma.team.update({
        where: { id: team.id },
        data: { logo: svgLogo }
      });
      
      console.log(`Updated ${team.name} with SVG logo`);
    }
    
    console.log('✅ All team logos updated successfully!');
  } catch (err) {
    console.error('Error updating team logos:', err);
  } finally {
    await prisma.$disconnect();
  }
}

updateTeamLogos();