const { createCanvas } = require('canvas');
const fs = require('fs');
const path = require('path');

function generateOGImage() {
    const canvas = createCanvas(1200, 630);
    const ctx = canvas.getContext('2d');
    
    // Background gradient
    const gradient = ctx.createLinearGradient(0, 0, canvas.width, canvas.height);
    gradient.addColorStop(0, 'hsl(250, 50%, 15%)');
    gradient.addColorStop(1, 'hsl(240, 30%, 25%)');
    ctx.fillStyle = gradient;
    ctx.fillRect(0, 0, canvas.width, canvas.height);
    
    // Add geometric triangles
    drawTriangle(ctx, 100, 100, 80, '#6366f1', 0.1);
    drawTriangle(ctx, 1000, 200, 120, '#8b5cf6', 0.08);
    drawTriangle(ctx, 200, 450, 60, '#6366f1', 0.12);
    drawTriangle(ctx, 950, 500, 90, '#8b5cf6', 0.06);
    
    // Main logo area
    drawPlayButton(ctx, 300, 250, 60);
    
    // Main title
    ctx.fillStyle = 'white';
    ctx.font = 'bold 72px Arial, sans-serif';
    ctx.textAlign = 'left';
    ctx.fillText('video.folx.tv', 400, 330);
    
    // Subtitle
    ctx.fillStyle = 'rgba(255, 255, 255, 0.8)';
    ctx.font = '32px Arial, sans-serif';
    ctx.fillText('Professional Video Streaming Platform', 400, 380);
    
    // Bottom tagline
    ctx.fillStyle = 'rgba(255, 255, 255, 0.6)';
    ctx.font = '24px Arial, sans-serif';
    ctx.fillText('Geschichte des Liedes • FOLX STADL • Premium Content', 400, 430);
    
    return canvas.toBuffer('image/png');
}

function drawPlayButton(ctx, x, y, size) {
    // Main circle
    const gradient = ctx.createLinearGradient(x, y, x + size, y + size);
    gradient.addColorStop(0, '#6366f1');
    gradient.addColorStop(1, '#8b5cf6');
    
    ctx.fillStyle = gradient;
    ctx.beginPath();
    ctx.roundRect(x, y, size, size, 15);
    ctx.fill();
    
    // Play triangle
    ctx.fillStyle = 'white';
    ctx.beginPath();
    ctx.moveTo(x + size * 0.35, y + size * 0.25);
    ctx.lineTo(x + size * 0.35, y + size * 0.75);
    ctx.lineTo(x + size * 0.7, y + size * 0.5);
    ctx.closePath();
    ctx.fill();
}

function drawTriangle(ctx, x, y, size, color, opacity) {
    ctx.save();
    ctx.globalAlpha = opacity;
    ctx.fillStyle = color;
    ctx.beginPath();
    ctx.moveTo(x, y);
    ctx.lineTo(x + size, y + size * 0.8);
    ctx.lineTo(x - size * 0.3, y + size);
    ctx.closePath();
    ctx.fill();
    ctx.restore();
}

module.exports = { generateOGImage };