const { createCanvas, loadImage } = require('canvas');
const fs = require('fs-extra');
const path = require('path');
const request = require('request');

module.exports.config = {
  name: "jail",
  version: "8.0",
  author: "MOHAMMAD AKASH",
  countDown: 10,
  role: 0,
  shortDescription: "Wanted with thin bars",
  category: "fun",
  guide: { en: "{p}jail @tag" }
};

module.exports.onStart = async function ({ api, event, args, usersData }) {
  const { threadID, messageID, mentions } = event;

  let uid;
  let name = "Wanted";

  if (Object.keys(mentions).length === 0) {
    uid = event.senderID;
  } else {
    uid = Object.keys(mentions)[0];
    name = mentions[uid];
  }

  try {
    name = await usersData.getName(uid);

    const avatarCache = path.join(__dirname, 'cache', `wanted_avatar_${uid}.jpg`);
    const jailCache = path.join(__dirname, 'cache', `wanted_output_${Date.now()}.png`);

    const imageUrl = `https://graph.facebook.com/${uid}/picture?height=1500&width=1500&access_token=6628568379%7Cc1e620fa708a1d5696fb991c1bde5662`;

    const downloadCallback = async () => {
      if (fs.existsSync(avatarCache)) {
        const stats = fs.statSync(avatarCache);
        if (stats.size < 10000) {
          const defaultUrl = "https://imgur.com/8Q2Z3tI.png";
          request(encodeURI(defaultUrl))
            .pipe(fs.createWriteStream(avatarCache))
            .on("close", generateWanted);
        } else {
          generateWanted();
        }
      }
    };

    const generateWanted = async () => {
      try {
        const wantedPath = await generateThinBarsImage(avatarCache, name);
        api.sendMessage({
          body: `@${name} WANTED! 🔒 Locked Up! (Clear view)`,
          mentions: [{ tag: name, id: uid }],
          attachment: fs.createReadStream(wantedPath)
        }, threadID, messageID);

        setTimeout(() => {
          [avatarCache, wantedPath].forEach(file => fs.existsSync(file) && fs.unlinkSync(file));
        }, 10000);
      } catch (genErr) {
        api.sendMessage("⚠️ Poster error!", threadID, messageID);
      }
    };

    request(encodeURI(imageUrl))
      .pipe(fs.createWriteStream(avatarCache))
      .on("close", downloadCallback)
      .on("error", () => {
        const defaultUrl = "https://i.imgur.com/8Q2Z3tI.png";
        request(encodeURI(defaultUrl))
          .pipe(fs.createWriteStream(avatarCache))
          .on("close", generateWanted);
      });

  } catch (error) {
    console.error("Wanted Error:", error);
    api.sendMessage("⚠️ Can't create! Using default.", threadID, messageID);
  }
};

// === Thin Bars + Clear Pic ===
async function generateThinBarsImage(avatarPath, name) {
  const avatar = await loadImage(avatarPath);
  const width = 600;
  const height = 800;
  const canvas = createCanvas(width, height);
  const ctx = canvas.getContext('2d');

  // Dark Blue BG
  ctx.fillStyle = '#0f172a';
  ctx.fillRect(0, 0, width, height);

  // WANTED
  ctx.font = 'bold 100px Arial';
  ctx.fillStyle = '#ef4444';
  ctx.textAlign = 'center';
  ctx.shadowColor = '#991b1b';
  ctx.shadowBlur = 20;
  ctx.fillText('WANTED', width / 2, 120);
  ctx.shadowColor = 'transparent';

  // Avatar Circle (Clear)
  const centerX = width / 2;
  const centerY = height / 2 + 20;
  const radius = 200; // Bigger for clear view

  ctx.save();
  ctx.beginPath();
  ctx.arc(centerX, centerY, radius, 0, Math.PI * 2);
  ctx.clip();
  ctx.drawImage(avatar, centerX - radius, centerY - radius, radius * 2, radius * 2);
  ctx.restore();

  // Thin Bars (On Top, Semi-Transparent for Clear Pic)
  ctx.globalAlpha = 0.8; // Halka for clear pic
  ctx.strokeStyle = '#000000';
  ctx.lineWidth = 20; // Chikon
  ctx.lineCap = 'round';

  // Vertical Bars
  const barCount = 8;
  const barSpacing = width / (barCount + 1);
  for (let i = 1; i <= barCount; i++) {
    const x = i * barSpacing;
    ctx.beginPath();
    ctx.moveTo(x, 180);
    ctx.lineTo(x, height - 180);
    ctx.stroke();
  }

  // Horizontal Bars (Thin)
  ctx.lineWidth = 18;
  ctx.beginPath();
  ctx.moveTo(barSpacing, 260);
  ctx.lineTo(width - barSpacing, 260);
  ctx.stroke();

  ctx.beginPath();
  ctx.moveTo(barSpacing, height - 260);
  ctx.lineTo(width - barSpacing, height - 260);
  ctx.stroke();

  ctx.globalAlpha = 1.0; // Reset

  // Locked Up!
  ctx.font = 'italic 50px "Segoe UI"';
  ctx.fillStyle = '#ffffff';
  ctx.shadowColor = '#60a5fa';
  ctx.shadowBlur = 20;
  ctx.fillText('Locked Up!', width / 2, height - 100);
  ctx.shadowColor = 'transparent';

  // Name
  ctx.font = 'bold 40px Arial';
  ctx.fillStyle = '#cbd5e1';
  ctx.fillText(name.toUpperCase(), width / 2, height - 50);

  // Save
  const wantedPath = path.join(__dirname, 'cache', `wanted_thin_${Date.now()}.png`);
  fs.writeFileSync(wantedPath, canvas.toBuffer());
  return wantedPath;
}