// const Levels = require("discord-xp");
// const Canvas = require("canvas"),
//   Discord = require(`discord.js`);
// const { registerFont } = require("canvas");
// registerFont("./util/assets/fonts/Poppins-Regular.ttf", {
//   family: "Poppins-Regular",
// });
// registerFont("./util/assets/fonts/Poppins-SemiBold.ttf", {
//   family: "Poppins-Bold",
// });
// module.exports = {
//   name: "rank",
//   description: "Shows an image of someone's ranking",
//   type: "CHAT_INPUT",
//   options: [
//     {
//       type: 6,
//       name: "user",
//       description: "The user you want to see",
//       required: false,
//     },
//   ],
//   run: async (client, interaction, args) => {
//     const badges = [1, 8];
//     for (let i = badges[0]; i <= badges[1]; i++) client[`badge${i}`] = null;
//     setBadge = function (variable, value) {
//       const number = Number(variable);
//       for (let i = badges[0]; i <= badges[1]; i++)
//         if (number === i) {
//           client[`badge${number}`] = value;
//           break;
//         }
//       return client;
//     };

//     const member =
//       interaction.guild.members.cache.get(args[0]) || interaction.member;

//     const user = await Levels.fetch(member.id, interaction.guild.id);
//     console.log(user);
//     const canvas = Canvas.createCanvas(1080, 400),
//       ctx = canvas.getContext("2d");

//     let BackgroundRadius = "50", //50 | 0 if u want no rounded background | 50 if u want a very rounded background
//       BackGroundImg = "https://images7.alphacoders.com/109/1092420.jpg",
//       AttachmentName = "rank.png",
//       Username = member.user.username,
//       AvatarRoundRadius = "50", // 30 if u want squared round Avatar | 100 IF u want rounded
//       DrawLayerColor = "#000000",
//       DrawLayerOpacity = "0.4",
//       BoxColor = "#6eaedb", //Lvl and REP Box COlor
//       LevelBarFill = "#ffffff", //
//       LevelBarBackground = "#ffffff",
//       Rank = user.position,
//       TextEXP = "20XP",
//       TextReputation = "+ 2.18k rep",
//       BarRadius = "15",
//       TextXpNeded = "{current}/{needed}",
//       CurrentXP = user.xp,
//       NeededXP = Levels.xpFor(parseInt(user.level) + 1);

//     //SET BADGES
//     //setBadge("1", "Bronze") // .png | file name need to be Number_Name in this case is "1_bronze"
//     //setBadge("2", "Gold") // .png | file name need to be Number_Name in this case is "2_Gold"
//     //SET BADGES

//     //BackGround
//     ctx.beginPath();
//     ctx.moveTo(0 + Number(BackgroundRadius), 0);
//     ctx.lineTo(0 + 1080 - Number(BackgroundRadius), 0);
//     ctx.quadraticCurveTo(0 + 1080, 0, 0 + 1080, 0 + Number(BackgroundRadius));
//     ctx.lineTo(0 + 1080, 0 + 400 - Number(BackgroundRadius));
//     ctx.quadraticCurveTo(
//       0 + 1080,
//       0 + 400,
//       0 + 1080 - Number(BackgroundRadius),
//       0 + 400
//     );

//     ctx.lineTo(0 + Number(BackgroundRadius), 0 + 400);
//     ctx.quadraticCurveTo(0, 0 + 400, 0, 0 + 400 - Number(BackgroundRadius));
//     ctx.lineTo(0, 0 + Number(BackgroundRadius));
//     ctx.quadraticCurveTo(0, 0, 0 + Number(BackgroundRadius), 0);
//     ctx.closePath();
//     ctx.clip();
//     ctx.fillStyle = "#000000";
//     ctx.fillRect(0, 0, 1080, 400);
//     let background = await Canvas.loadImage(BackGroundImg);
//     ctx.drawImage(background, 0, 0, 1080, 400);
//     ctx.restore();

//     //Layer
//     ctx.fillStyle = DrawLayerColor;
//     ctx.globalAlpha = DrawLayerOpacity;
//     ctx.fillRect(40, 0, 240, canvas.height);
//     ctx.globalAlpha = 1;

//     //RoundedBox Function
//     function RoundedBox(ctx, x, y, width, height, radius) {
//       ctx.beginPath();
//       ctx.moveTo(x + radius, y);
//       ctx.lineTo(x + width - radius, y);
//       ctx.quadraticCurveTo(x + width, y, x + width, y + radius);
//       ctx.lineTo(x + width, y + height - radius);
//       ctx.quadraticCurveTo(
//         x + width,
//         y + height,
//         x + width - radius,
//         y + height
//       );
//       ctx.lineTo(x + radius, y + height);
//       ctx.quadraticCurveTo(x, y + height, x, y + height - radius);
//       ctx.lineTo(x, y + radius);
//       ctx.quadraticCurveTo(x, y, x + radius, y);
//       ctx.closePath();
//     }

//     //Avatar
//     let avatar = await Canvas.loadImage(
//       member.user.displayAvatarURL({ dynamic: true, format: "png" })
//     );
//     ctx.save();
//     RoundedBox(ctx, 40 + 30, 30, 180, 180, Number(AvatarRoundRadius));
//     ctx.strokeStyle = "#BFC85A22";
//     ctx.stroke();
//     ctx.clip();
//     ctx.drawImage(avatar, 40 + 30, 30, 180, 180);
//     ctx.restore();
//     //Avatar

//     //Reputation
//     ctx.save();
//     RoundedBox(ctx, 40 + 30, 30 + 180 + 30, 180, 50, 10);
//     ctx.strokeStyle = "#BFC85A22";
//     ctx.stroke();
//     ctx.clip();
//     ctx.fillStyle = BoxColor;
//     ctx.globalAlpha = "1";
//     ctx.fillRect(40 + 30, 30 + 180 + 30, 180, 50, 50);
//     ctx.globalAlpha = 1;
//     ctx.fillStyle = "#ffffff";
//     ctx.shadowColor = "#000000";
//     ctx.shadowBlur = 20;
//     ctx.shadowOffsetX = 1;
//     ctx.shadowOffsetY = 1;
//     ctx.font = '32px "Poppins-Bold"';
//     ctx.textAlign = "center";
//     ctx.fillText(TextReputation, 40 + 30 + 180 / 2, 30 + 180 + 30 + 38);
//     ctx.restore();
//     //Reputation

//     //EXP
//     ctx.save();
//     RoundedBox(ctx, 40 + 30, 30 + 180 + 30 + 50 + 30, 180, 50, 10);
//     ctx.strokeStyle = "#BFC85A22";
//     ctx.stroke();
//     ctx.clip();
//     ctx.fillStyle = BoxColor;
//     ctx.globalAlpha = "1";
//     ctx.fillRect(40 + 30, 30 + 180 + 30 + 50 + 30, 180, 50);
//     ctx.globalAlpha = 1;
//     ctx.fillStyle = "#ffffff";
//     ctx.shadowColor = "#000000";
//     ctx.shadowBlur = 20;
//     ctx.shadowOffsetX = 1;
//     ctx.shadowOffsetY = 1;
//     ctx.font = '32px "Poppins-Bold"';
//     ctx.textAlign = "center";
//     ctx.fillText(TextEXP, 40 + 30 + 180 / 2, 30 + 180 + 30 + 30 + 50 + 38);
//     ctx.restore();
//     //EXP

//     //ctx.save()
//     //ctx.textAlign = "left";
//     //ctx.fillStyle = "#ffffff";
//     //ctx.shadowColor = '#000000';
//     //ctx.font = '15px "Poppins-Bold"'
//     //ctx.fillText(member.user.username, 390, 200);
//     //ctx.restore()

//     //Username
//     ctx.save();
//     ctx.textAlign = "left";
//     ctx.fillStyle = "#ffffff";
//     ctx.shadowColor = "#000000";
//     ctx.shadowBlur = 15;
//     ctx.shadowOffsetX = 1;
//     ctx.shadowOffsetY = 1;
//     ctx.font = '39px "Poppins-Bold"';
//     ctx.fillText(Username, 390, 80);
//     ctx.restore();
//     //Username

//     //Rank
//     ctx.save();
//     ctx.textAlign = "right";
//     ctx.fillStyle = "#ffffff";
//     ctx.shadowColor = "#000000";
//     ctx.shadowBlur = 15;
//     ctx.shadowOffsetX = 1;
//     ctx.shadowOffsetY = 1;
//     ctx.font = '55px "Poppins-Bold"';
//     ctx.fillText("#" + Rank, canvas.width - 50 - 5, 80);
//     ctx.restore();

//     //Rank Name
//     ctx.save();
//     ctx.textAlign = "left";
//     ctx.fillStyle = "#ffffff";
//     ctx.shadowColor = "#000000";
//     ctx.shadowBlur = 15;
//     ctx.shadowOffsetX = 1;
//     ctx.shadowOffsetY = 1;
//     ctx.font = '30px "Poppins-Bold"';
//     ctx.fillText("Diamond Nature", 390, 120);
//     ctx.restore();

//     //Badges
//     ctx.save();
//     RoundedBox(ctx, 390, 305, 660, 70, Number(15));
//     ctx.strokeStyle = "#BFC85A22";
//     ctx.stroke();
//     ctx.clip();
//     ctx.fillStyle = "#ffffff";
//     ctx.globalAlpha = "0.2";
//     ctx.fillRect(390, 305, 660, 70);
//     ctx.restore();
//     const badgeNames = ["1", "2", "3", "4", "5", "6", "7", "8"];
//     for (let index = 0; index < badgeNames.length; index++) {
//       let badge = `badge${index + 1}`;
//       if (!client[badge]) {
//         ctx.fillStyle = "#ffffff";
//         ctx.globalAlpha = "0.2";
//         ctx.textAlign = "center";
//         ctx.font = '90px "Poppins-Bold"';
//         ctx.fillText(".", 75 * index + 450, 345);
//       } else {
//         ctx.globalAlpha = 1;
//         let badgeImg = await Canvas.loadImage(
//           ["bronze", "silver", "gold", "diamond"].includes(
//             client[badge].toLowerCase()
//           )
//             ? `${__dirname}/${badgeNames[index]}_${client[
//                 badge
//               ].toLowerCase()}.png`
//             : client[badge]
//         );
//         ctx.drawImage(badgeImg, 75 * index + 420, 315, 50, 50);
//       }
//     }
//     //Badges

//     //Level Bar
//     ctx.save();
//     RoundedBox(ctx, 390, 145, 660, 50, Number(BarRadius));
//     ctx.strokeStyle = "#BFC85A22";
//     ctx.stroke();
//     ctx.clip();
//     ctx.fillStyle = LevelBarBackground;
//     ctx.globalAlpha = "0.2";
//     ctx.fillRect(390, 145, 660, 50, 50);
//     ctx.restore();

//     const percent = (100 * CurrentXP) / NeededXP;
//     const progress = (percent * 660) / 100;

//     ctx.save();
//     RoundedBox(ctx, 390, 145, progress, 50, Number(BarRadius));
//     ctx.strokeStyle = "#BFC85A22";
//     ctx.stroke();
//     ctx.clip();
//     ctx.fillStyle = LevelBarFill;
//     ctx.globalAlpha = "0.5";
//     ctx.fillRect(390, 145, progress, 50, 50);
//     ctx.restore();

//     //Next Rank
//     ctx.save();
//     ctx.textAlign = "left";
//     ctx.fillStyle = "#ffffff";
//     ctx.globalAlpha = "0.8";
//     ctx.font = '30px "Poppins-Bold"';
//     ctx.fillText("Next Rank: " + "None", 390, 230);
//     ctx.restore();

//     const latestXP = Number(CurrentXP) - Number(NeededXP);
//     const textXPEdited = TextXpNeded.replace(/{needed}/g, NeededXP)
//       .replace(/{current}/g, CurrentXP)
//       .replace(/{latest}/g, latestXP);
//     ctx.textAlign = "center";
//     ctx.fillStyle = "#ffffff";
//     ctx.globalAlpha = 1;
//     ctx.font = '30px "Poppins-Bold"';
//     ctx.fillText(textXPEdited, 730, 180);
//     //Level Bar

//     const attachment = new Discord.MessageAttachment(
//       canvas.toBuffer(),
//       AttachmentName
//     );
//     interaction.followUp({ files: [attachment] });
//   },
// };