import { InfoEmbed } from '../modules/embeds';
import { SlashCommandBuilder, ActionRowBuilder, ButtonBuilder } from '@discordjs/builders';
import { ActionRow, ActionRowComponent, ButtonInteraction, ButtonStyle, CommandInteraction, ComponentType, ModalBuilder, ModalSubmitInteraction, SelectMenuBuilder, StringSelectMenuBuilder, StringSelectMenuOptionBuilder, TextInputBuilder, TextInputComponent, TextInputStyle } from 'discord.js';
import footer from '../modules/embedComponents/footer'
import { Job, Post } from '../modules/types';
import { v4 as uuidv4 } from 'uuid'
import { customIds, jobTypes, jobs, roles } from '../modules/data';
import { getEmbedJob } from '../modules/helpers';
import { addPost } from '../modules/db';

export const data = new SlashCommandBuilder()
    .setName('use')
    .setDescription('Opens the basic menu of the application.')
export const options = {
    cooldown: 10000
}

export async function execute(interaction:CommandInteraction) {
    let job: Post = {
        jobId: uuidv4(),
        job: 0,
        jobCreatorId: interaction.user.id,
        jobType: 0,
        jobTitle: '',
        jobDesc: '',
        jobBudget: '',
        jobDeadline: '',
        jobLocation: '',
        jobPortfolio: '',
        jobApproved: false,
        jobTimes: {
            bump: Date.now(),
            posted: Date.now(),
        }
    }
    const paidJob = new ButtonBuilder()
        .setCustomId('paidjob')
        .setLabel('Post a Paid Job')
        .setStyle(ButtonStyle.Primary)
        .setEmoji({name: '💼'})
    const commissionJob = new ButtonBuilder()
        .setCustomId('commissionJob')
        .setLabel('Post a Commission Job')
        .setStyle(ButtonStyle.Primary)
        .setEmoji({name: '💰'})
    const forHireAd = new ButtonBuilder()
        .setCustomId('forhiread')
        .setLabel('Post a For-Hire Ad')
        .setStyle(ButtonStyle.Primary)
        .setEmoji({name: '📝'})
    const unpaidJob = new ButtonBuilder()
        .setCustomId('unpaidJob')
        .setLabel('Post an Unpaid Job')
        .setStyle(ButtonStyle.Primary)
        .setEmoji({name: '🤝'})
    const VIPONLYLINE = new ButtonBuilder()
        .setCustomId('viponlyline')
        .setLabel('---------------------[VIP ONLY]---------------------')
        .setStyle(ButtonStyle.Secondary)
        .setDisabled(true)
    const specialPost = new ButtonBuilder()
        .setCustomId('specialPost')
        .setLabel('Create Special Post')
        .setStyle(ButtonStyle.Primary)
        .setEmoji({name: '💎'})
    const row = new ActionRowBuilder<ButtonBuilder>()
        .addComponents(paidJob, commissionJob)
    const row2 = new ActionRowBuilder<ButtonBuilder>()
        .addComponents(forHireAd, unpaidJob)
    const row3 = new ActionRowBuilder<ButtonBuilder>()
        .addComponents(VIPONLYLINE)
    const row4 = new ActionRowBuilder<ButtonBuilder>()
        .addComponents(specialPost)

    const embed = new InfoEmbed('<:white_info:1142840597745520762>⠀Marketplace Information⠀<:white_info:1142840597745520762>', "⠀\n\
    Discover a thriving freelance ecosystem at Jobs & Hiring, Market. Connect with clients, access projects, and elevate your freelancing journey with expert insights and a supportive community.\n\
    \n\
    \n\
    <:flecha11:1141389220863299655>⠀<#1129902067390099538>: Employers hire workers, paying for necessary tasks, which helps both. Workers earn money and bosses get work done.\n\
    \n\
    <:flecha11:1141389220863299655>⠀<#1132688915686490203>: People do tasks without getting paid to learn, grow, or help others, supporting their growth and offering assistance.\n\
    \n\
    <:flecha11:1141389220863299655>⠀<#1132688823785115799>: Skilled professionals offer their services for hire, showing expertise and talents in a dedicated section.\n\
    \n\
    <:flecha11:1141389220863299655>⠀<#1132688945147285617>: Workers earn a portion from sales, added to their base pay, reflecting a slice of each sale's earnings.\n\
    \n\
    ⠀\n\
    <:bullet:1139565912568111148>⠀For detailed information, check: <#1141822304750411907>")
        .setTitle('<:white_info:1142840597745520762>⠀Marketplace Information⠀<:white_info:1142840597745520762>')
        .setImage('https://images-ext-1.discordapp.net/external/i6zbYkJhC2bvSoELqxUjMdHrj5leUI_WT8IrootrtQk/https/i.ibb.co/kgsRHJn/JHM-Banner.png?format=webp&quality=lossless')
        .setFooter(null)
    interaction.reply({embeds: [embed], components: [row, row2, row3, row4]})

    const collector = interaction.channel?.createMessageComponentCollector({ time: 720_000 });

    collector?.on('collect', async i => {
        if (i.user.id === interaction.user.id) {
            if(i.isButton()) {
                if(i.customId !== 'confirmBtn') {
                    let modal = new ModalBuilder()
                    let textInputs: Array<TextInputBuilder> = []
                    let actionRow: ActionRowBuilder<TextInputBuilder>;
                    if(i.customId === 'paidjob') {
                        job.jobType = jobTypes[0].value
                        const jobTitleText = new TextInputBuilder()
                            .setCustomId('jobTitleText')
                            .setLabel('Job Title')
                            .setPlaceholder("What's this job about?")
                            .setStyle(TextInputStyle.Short)
                            .setRequired(true)
                        const jobDescText = new TextInputBuilder()
                            .setCustomId('jobDescText')
                            .setLabel('Job Description')
                            .setPlaceholder("Please share job details like responsibilities, experience or any specific qualifications or skills.")
                            .setStyle(TextInputStyle.Paragraph)
                            .setRequired(true)
                        const jobBudgetText = new TextInputBuilder()
                            .setCustomId('jobBudgetText')
                            .setLabel('Job Budget')
                            .setPlaceholder("What's your budget for this job?")
                            .setStyle(TextInputStyle.Short)
                            .setRequired(true)
                        const jobDeadlineText = new TextInputBuilder()
                            .setCustomId('jobDeadlineText')
                            .setLabel('Job Deadline')
                            .setPlaceholder("Enter a deadline for your job or N/A. (A Date Preferrably)")
                            .setStyle(TextInputStyle.Short)
                            .setRequired(false)
                        const jobLocationText = new TextInputBuilder()
                            .setCustomId('jobLocationText')
                            .setLabel('Preferred Location')
                            .setPlaceholder("Enter youre preferred location of applicants")
                            .setStyle(TextInputStyle.Short)
                            .setRequired(false)

                        textInputs= [jobTitleText, jobDescText, jobBudgetText, jobDeadlineText, jobLocationText]

                        modal.setCustomId('paidJobModal')
                        modal.setTitle('Create A Paid Job Post')
                    } else if(i.customId === 'commissionJob') {
                        job.jobType = jobTypes[1].value
                        const jobTitleText = new TextInputBuilder()
                            .setCustomId('jobTitleText')
                            .setLabel('Title')
                            .setPlaceholder("What's this job about?")
                            .setStyle(TextInputStyle.Short)
                            .setRequired(true)
                        const jobDescText = new TextInputBuilder()
                            .setCustomId('jobDescText')
                            .setLabel('Description')
                            .setPlaceholder("Please share job details like responsibilities, experience or any specific qualifications or skills.")
                            .setStyle(TextInputStyle.Paragraph)
                            .setRequired(true)
                        const jobBudgetText = new TextInputBuilder()
                            .setCustomId('jobBudgetText')
                            .setLabel('Payment')
                            .setPlaceholder("What percentage of commission you will give?")
                            .setStyle(TextInputStyle.Short)
                            .setRequired(true)
                        const jobDeadlineText = new TextInputBuilder()
                            .setCustomId('jobDeadlineText')
                            .setLabel('Deadline')
                            .setPlaceholder("Enter a deadline for your job or N/A. (A Date Preferrably)")
                            .setStyle(TextInputStyle.Short)
                            .setRequired(false)

                        textInputs= [jobTitleText, jobDescText, jobBudgetText, jobDeadlineText]

                        modal.setCustomId('commissionJobModal')
                        modal.setTitle('Create A Commission Job Post')
                    } else if(i.customId === 'forhiread') {
                        job.jobType = jobTypes[2].value
                        const jobTitleText = new TextInputBuilder()
                            .setCustomId('jobTitleText')
                            .setLabel('Title')
                            .setPlaceholder("What service you are offering?")
                            .setStyle(TextInputStyle.Short)
                            .setRequired(true)
                        const jobDescText = new TextInputBuilder()
                            .setCustomId('jobDescText')
                            .setLabel('Description')
                            .setPlaceholder("Please share detail about what you're offering. Tell us about your skills, experience and past work.")
                            .setStyle(TextInputStyle.Paragraph)
                            .setRequired(true)
                        const jobPortfolioText = new TextInputBuilder()
                            .setCustomId('jobPortfolioText')
                            .setLabel('Your Portfolio')
                            .setPlaceholder("Share Your portfolio link or previous work. if not available , enter N/A")
                            .setStyle(TextInputStyle.Short)
                            .setRequired(true)
                        const jobBudgetText = new TextInputBuilder()
                            .setCustomId('jobBudgetText')
                            .setLabel('Payment Method')
                            .setPlaceholder("What's your preferred payment method?")
                            .setStyle(TextInputStyle.Short)
                            .setRequired(true)

                        textInputs= [jobTitleText, jobDescText, jobPortfolioText, jobBudgetText]

                        modal.setCustomId('forhireJobModal')
                        modal.setTitle('Create A For-Hire Ad Post')
                    } else if(i.customId === 'unpaidJob') {
                        job.jobType = jobTypes[3].value
                        const jobTitleText = new TextInputBuilder()
                            .setCustomId('jobTitleText')
                            .setLabel('Title')
                            .setPlaceholder("What's this job about?")
                            .setStyle(TextInputStyle.Short)
                            .setRequired(true)
                        const jobDescText = new TextInputBuilder()
                            .setCustomId('jobDescText')
                            .setLabel('Description')
                            .setPlaceholder("Please share job details like responsibilities, experience or any specific qualifications or skills.")
                            .setStyle(TextInputStyle.Paragraph)
                            .setRequired(true)
                        const jobDeadlineText = new TextInputBuilder()
                            .setCustomId('jobDeadlineText')
                            .setLabel('Deadline')
                            .setPlaceholder("Enter a deadline for your job or N/A. (A Date Preferrably)")
                            .setStyle(TextInputStyle.Short)
                            .setRequired(false)

                        textInputs= [jobTitleText, jobDescText, jobDeadlineText]

                        modal.setCustomId('unpaidJobModal')
                        modal.setTitle('Create A Unpaid Job Post')
                    } else if(i.customId === 'specialPost') {
                        job.jobType = jobTypes[4].value
                        const jobTitleText = new TextInputBuilder()
                            .setCustomId('jobTitleText')
                            .setLabel('Job Title')
                            .setPlaceholder("What's this job about?")
                            .setStyle(TextInputStyle.Short)
                            .setRequired(true)
                        const jobDescText = new TextInputBuilder()
                            .setCustomId('jobDescText')
                            .setLabel('Job Description')
                            .setPlaceholder("Please share job details like responsibilities, experience or any specific qualifications or skills.")
                            .setStyle(TextInputStyle.Paragraph)
                            .setRequired(true)
                        const jobBudgetText = new TextInputBuilder()
                            .setCustomId('jobBudgetText')
                            .setLabel('Job Budget')
                            .setPlaceholder("What's your budget for this job?")
                            .setStyle(TextInputStyle.Short)
                            .setRequired(true)
                        const jobDeadlineText = new TextInputBuilder()
                            .setCustomId('jobDeadlineText')
                            .setLabel('Job Deadline')
                            .setPlaceholder("Enter a deadline for your job or N/A. (A Date Preferrably)")
                            .setStyle(TextInputStyle.Short)
                            .setRequired(false)

                        textInputs= [jobTitleText, jobDescText, jobBudgetText, jobDeadlineText]

                        modal.setCustomId('vipJobPost')
                        modal.setTitle('Create A VIP Job Post')
                    }
                    textInputs.map((textInput) => {
                        actionRow = new ActionRowBuilder<TextInputBuilder>()
                        .addComponents(textInput)
                        modal.addComponents(actionRow)
                    })
                    await i.showModal(modal)
                    const filter = (i: any) => i.customId === modal.data.custom_id
                    await i.awaitModalSubmit({filter, time: 60_000})
                        .then(mI => {
                            const category = new InfoEmbed(`Select Post Category`, 'Please Select Your Post Category from down below')
                            const dropdown = new StringSelectMenuBuilder()
                                .setCustomId('jobTypeDrop')
                                .setPlaceholder('Select your Job Type')
                            jobs.map((job: Job) => {
                                dropdown.addOptions(
                                    new StringSelectMenuOptionBuilder()
                                        .setLabel(job.label)
                                        .setEmoji({name: job.emoji})
                                        .setValue(`${job.value}`)
                                )
                            })
                            const dropdownActionRow = new ActionRowBuilder<SelectMenuBuilder>().addComponents(dropdown)
                            mI.reply({embeds: [category], components: [dropdownActionRow], ephemeral: true})
                            customIds.jobDropdown.map((customIdJob) => {
                                try {
                                    let fieldVal = mI.fields.getTextInputValue(customIdJob)
                                    switch(customIdJob) {
                                        case 'jobTitleText':
                                            job.jobTitle = fieldVal
                                        case 'jobDescText':
                                            job.jobDesc = fieldVal
                                        case 'jobBudgetText':
                                            job.jobBudget = fieldVal
                                        case 'jobDeadlineText':
                                            job.jobDeadline = fieldVal
                                        case 'jobLocationText':
                                            job.jobLocation = fieldVal
                                        case 'jobPortfolioText':
                                            job.jobPortfolio = fieldVal
                                    }
                                } catch {

                                }
                            })
                        })
                        .catch(console.error)
                } else {
                    const member = await interaction.guild?.members.fetch(interaction.user)
                    const hasRole = member?.roles.cache.has(roles.premium)
                    const embed = await addPost(job, interaction.user.id, hasRole || false)
                    return
                }
            } else if (i.isStringSelectMenu()) {
                if(i.customId === 'jobTypeDrop') {
                    job.job = parseInt(i.values.join(''))
                    const confirmEmbed = getEmbedJob(job)

                    const confirmBtn = new ButtonBuilder().setCustomId('confirmBtn').setLabel('Confirm').setStyle(ButtonStyle.Danger)
                    const cancelBtn = new ButtonBuilder().setCustomId('cancelBtn').setLabel('Cancel').setStyle(ButtonStyle.Secondary)
                    const confirmCancelBtnRow = new ActionRowBuilder<ButtonBuilder>().addComponents(confirmBtn, cancelBtn)
                    i.reply(
                        {
                            embeds: [confirmEmbed],
                            components: [confirmCancelBtnRow],
                            ephemeral: true,
                        }
                    )
                }
            }
        } else {
            i.reply({ content: `These buttons aren't for you!`, ephemeral: true });
        }
    });
    collector?.on('end', i => {
        return
    })
}