const { CaptchaGenerator } = require('captcha-canvas');
const { ActionRowBuilder, ButtonBuilder, ButtonStyle, EmbedBuilder,  AttachmentBuilder, ModalBuilder, TextInputBuilder} = require('discord.js');
const array = [];

module.exports = {
  name: 'verify',
  description: 'Verify that you are not a bot',
  devOnly: true,
  testOnly: true,

  callback: async (client, interaction) =>{
    const captcha = new CaptchaGenerator()
            .setDimension(150, 600)
            .setCaptcha({size: 60, characters: 10})
            .setDecoy({ opacity: 1, size: 40 })
            .setTrace()

    const buffer = captcha.generateSync();

    const verifyAttachment = new AttachmentBuilder(buffer, { name: 'captcha.png'});

    
    const embed = new EmbedBuilder()
      .setTitle('Keyed Chaos Captcha')
      .setDescription('Please complete the captcha!')
      .setImage('attachment://captcha.png')

    console.log(`Example captcha text:${captcha.text}\n`);
    
    const target = interaction.user.id;

    let checkmk = new ButtonBuilder()
          .setCustomId('answer')
          .setLabel('Answer Captcha')
          .setStyle(ButtonStyle.Success);

    const row = new ActionRowBuilder()
          .addComponents(checkmk);
  
    
    
    response = await interaction.reply({
      embeds:[embed], 
      files: [verifyAttachment], 
      components: [row], 
      ephemeral: true,
      fetchReply: true
    });
      
    const filter = (interaction) => interaction.customId === 'answer';
    response.awaitMessageComponent({filter, time: 15_000})
    .then(interaction => {
      console.log(`${interaction.customId} was clicked!`)
      const modal = new ModalBuilder()
      .setCustomId('verification')
      .setTitle('Keyed Chaos Verification')
      .addComponents([
        new ActionRowBuilder().addComponents(
          new TextInputBuilder()
          .setCustomId('verification-answer')
          .setLabel('Answer')
          .setStyle(2)
          .setMaxLength(10)
          .setRequired(true),
        ),
      ]);
      interaction.showModal(modal);    
      const filter = (interaction) => interaction.customId === 'verification';
      interaction.awaitModalSubmit({filter, time: 15_000})
      .then(interaction => {
        console.log(`${interaction.customId} was submitted`)
        interaction.getText
      })
      .catch(console.error);
        


      
      
    
    })
    .catch(console.error);

  },
};

const { CaptchaGenerator } = require('captcha-canvas');
const { ActionRowBuilder, ButtonBuilder, ButtonStyle, EmbedBuilder,  AttachmentBuilder, ModalBuilder, TextInputBuilder} = require('discord.js');
const array = [];

module.exports = {
  name: 'verify',
  description: 'Verify that you are not a bot',
  devOnly: true,
  testOnly: true,

  callback: async (client, interaction) =>{
    const captcha = new CaptchaGenerator()
            .setDimension(150, 600)
            .setCaptcha({size: 60, characters: 10})
            .setDecoy({ opacity: 1, size: 40 })
            .setTrace()

    const buffer = captcha.generateSync();

    const verifyAttachment = new AttachmentBuilder(buffer, { name: 'captcha.png'});

    
    const embed = new EmbedBuilder()
      .setTitle('Keyed Chaos Captcha')
      .setDescription('Please complete the captcha!')
      .setImage('attachment://captcha.png')

    console.log(`Example captcha text:${captcha.text}\n`);
    
    const target = interaction.user.id;

    let checkmk = new ButtonBuilder()
          .setCustomId('answer')
          .setLabel('Answer Captcha')
          .setStyle(ButtonStyle.Success);

    const row = new ActionRowBuilder()
          .addComponents(checkmk);
  
    
    
    response = await interaction.reply({
      embeds:[embed], 
      files: [verifyAttachment], 
      components: [row], 
      ephemeral: true,
      fetchReply: true
    });
      
    const filter = (interaction) => interaction.customId === 'answer';
    response.awaitMessageComponent({filter, time: 15_000})
    .then(interaction => {
      console.log(`${interaction.customId} was clicked!`)
      const modal = new ModalBuilder()
      .setCustomId('verification')
      .setTitle('Keyed Chaos Verification')
      .addComponents([
        new ActionRowBuilder().addComponents(
          new TextInputBuilder()
          .setCustomId('verification-answer')
          .setLabel('Answer')
          .setStyle(2)
          .setMaxLength(10)
          .setRequired(true),
        ),
      ]);
      interaction.showModal(modal);    
      const filter = (interaction) => interaction.customId === 'verification';
      interaction.awaitModalSubmit({filter, time: 15_000})
      .then(interaction => {
        console.log(`${interaction.customId} was submitted`)
        interaction.getText
      })
      .catch(console.error);
        


      
      
    
    })
    .catch(console.error);

  },
};

client.on(Event.InteractionCreate, async interaction =>{
      if(!interaction.isModalSubmit()) return;
      
      if(interaction.customId === 'verification'){
        const modalAnswer = interaction.fields.getTextInputValue('verification-answer');
        console.log(`Answer: ${modalAnswer}\n`);
        await interaction.ModalSubmitInteraction(( "Your modal has been submitted"), ephemeral = true);
      }

client.on(Event.InteractionCreate, async interaction =>{
      if(!interaction.isModalSubmit()) return;
      
      if(interaction.customId === 'verification'){
        const modalAnswer = interaction.fields.getTextInputValue('verification-answer');
        console.log(`Answer: ${modalAnswer}\n`);
        await interaction.ModalSubmitInteraction(( "Your modal has been submitted"), ephemeral = true);
      }