amayo/src/commands/messages/game/mobCreate.ts

import { Message, MessageFlags, MessageComponentInteraction, ButtonInteraction, TextBasedChannel } from 'discord.js';
import { ComponentType, TextInputStyle, ButtonStyle } from 'discord-api-types/v10';
import type { CommandMessage } from '../../../core/types/commands';
import { hasManageGuildOrStaff } from '../../../core/lib/permissions';
import logger from '../../../core/lib/logger';
import type Amayo from '../../../core/client';

interface MobEditorState {
  key: string;
  name?: string;
  category?: string;
  stats?: any; // JSON libre, ej: { attack, hp, defense }
  drops?: any; // JSON libre, tabla de recompensas
}

function createMobDisplay(state: MobEditorState, editing: boolean = false) {
  const title = editing ? 'Editando Mob' : 'Creando Mob';
  const stats = state.stats || {};
  return {
    type: 17,
    accent_color: 0xFF0000,
    components: [
      {
        type: 9,
        components: [{
          type: 10,
          content: `👹 **${title}: \`${state.key}\`**`
        }]
      },
      { type: 14, divider: true },
      {
        type: 9,
        components: [{
          type: 10,
          content: `**📋 Estado Actual:**\n` +
                   `**Nombre:** ${state.name || '❌ No configurado'}\n` +
                   `**Categoría:** ${state.category || 'Sin categoría'}\n` +
                   `**Attack:** ${stats.attack || 0}\n` +
                   `**HP:** ${stats.hp || 0}\n` +
                   `**Defense:** ${stats.defense || 0}\n` +
                   `**Drops:** ${Object.keys(state.drops || {}).length} items`
        }]
      },
      { type: 14, divider: true },
      {
        type: 9,
        components: [{
          type: 10,
          content: `**🎮 Instrucciones:**\n` +
                   `• **Base**: Nombre y categoría\n` +
                   `• **Stats (JSON)**: Estadísticas del mob\n` +
                   `• **Drops (JSON)**: Items que dropea\n` +
                   `• **Guardar**: Confirma los cambios\n` +
                   `• **Cancelar**: Descarta los cambios`
        }]
      }
    ]
  };
}

export const command: CommandMessage = {
  name: 'mob-crear',
  type: 'message',
  aliases: ['crear-mob','mobcreate'],
  cooldown: 10,
  description: 'Crea un Mob (enemigo) para este servidor con editor interactivo.',
  category: 'Minijuegos',
  usage: 'mob-crear <key-única>',
  run: async (message: Message, args: string[], client: Amayo) => {
    const allowed = await hasManageGuildOrStaff(message.member, message.guild!.id, client.prisma);
    if (!allowed) { await message.reply('❌ No tienes permisos de ManageGuild ni rol de staff.'); return; }
    const key = args[0]?.trim();
    if (!key) { await message.reply('Uso: `!mob-crear <key-única>`'); return; }

    const guildId = message.guild!.id;
    const exists = await client.prisma.mob.findFirst({ where: { key, guildId } });
    if (exists) { await message.reply('❌ Ya existe un mob con esa key.'); return; }

    const state: MobEditorState = { key, stats: { attack: 5 }, drops: {} };

    const channel = message.channel as TextBasedChannel & { send: Function };
    const editorMsg = await channel.send({
      content: `👾 Editor de Mob: \`${key}\``,
      components: [ { type: 1, components: [
        { type: 2, style: ButtonStyle.Primary, label: 'Base', custom_id: 'mb_base' },
        { type: 2, style: ButtonStyle.Secondary, label: 'Stats (JSON)', custom_id: 'mb_stats' },
        { type: 2, style: ButtonStyle.Secondary, label: 'Drops (JSON)', custom_id: 'mb_drops' },
        { type: 2, style: ButtonStyle.Success, label: 'Guardar', custom_id: 'mb_save' },
        { type: 2, style: ButtonStyle.Danger, label: 'Cancelar', custom_id: 'mb_cancel' },
      ] } ],
    });

    const collector = editorMsg.createMessageComponentCollector({ time: 30*60_000, filter: (i)=> i.user.id === message.author.id });
    collector.on('collect', async (i: MessageComponentInteraction) => {
      try {
        if (!i.isButton()) return;
        if (i.customId === 'mb_cancel') {
          await i.deferUpdate();
          await editorMsg.edit({
            flags: 32768,
            components: [{
              type: 17,
              accent_color: 0xFF0000,
              components: [{
                type: 9,
                components: [{
                  type: 10,
                  content: '**❌ Editor cancelado.**'
                }]
              }]
            }]
          });
          collector.stop('cancel');
          return;
        }
        if (i.customId === 'mb_base') { await showBaseModal(i as ButtonInteraction, state, editorMsg, false); return; }
        if (i.customId === 'mb_stats') { await showJsonModal(i as ButtonInteraction, state, 'stats', 'Stats del Mob (JSON)', editorMsg, false); return; }
        if (i.customId === 'mb_drops') { await showJsonModal(i as ButtonInteraction, state, 'drops', 'Drops del Mob (JSON)', editorMsg, false); return; }
        if (i.customId === 'mb_save') {
          if (!state.name) { await i.reply({ content: '❌ Falta el nombre del mob.', flags: MessageFlags.Ephemeral }); return; }
          await client.prisma.mob.create({ data: { guildId, key: state.key, name: state.name!, category: state.category ?? null, stats: state.stats ?? {}, drops: state.drops ?? {} } });
          await i.reply({ content: '✅ Mob guardado!', flags: MessageFlags.Ephemeral });
          await editorMsg.edit({
            flags: 32768,
            components: [{
              type: 17,
              accent_color: 0x00FF00,
              components: [{
                type: 9,
                components: [{
                  type: 10,
                  content: `**✅ Mob \`${state.key}\` creado exitosamente.**`
                }]
              }]
            }]
          });
          collector.stop('saved');
          return;
        }
      } catch (err) {
        logger.error({err}, 'mob-crear');
        if (!i.deferred && !i.replied) await i.reply({ content: '❌ Error procesando la acción.', flags: MessageFlags.Ephemeral });
      }
    });
    collector.on('end', async (_c,r)=> { if (r==='time') { try { await editorMsg.edit({ content:'⏰ Editor expirado.', components: [] }); } catch {} } });
  },
};

async function showBaseModal(i: ButtonInteraction, state: MobEditorState, editorMsg: Message, editing: boolean) {
  const modal = { title: 'Base del Mob', customId: 'mb_base_modal', components: [
    { type: ComponentType.Label, label: 'Nombre', component: { type: ComponentType.TextInput, customId: 'name', style: TextInputStyle.Short, required: true, value: state.name ?? '' } },
    { type: ComponentType.Label, label: 'Categoría (opcional)', component: { type: ComponentType.TextInput, customId: 'category', style: TextInputStyle.Short, required: false, value: state.category ?? '' } },
  ] } as const;
  await i.showModal(modal);
  try {
    const sub = await i.awaitModalSubmit({ time: 300_000 });
    state.name = sub.components.getTextInputValue('name').trim();
    const cat = sub.components.getTextInputValue('category')?.trim();
    state.category = cat || undefined;
    await sub.reply({ content: '✅ Base actualizada.', flags: MessageFlags.Ephemeral });
    
    // Refresh display
    const newDisplay = createMobDisplay(state, editing);
    await editorMsg.edit({
      flags: 32768,
      components: [
        newDisplay,
        {
          type: 1,
          components: [
            { type: 2, style: ButtonStyle.Primary, label: 'Base', custom_id: 'mb_base' },
            { type: 2, style: ButtonStyle.Secondary, label: 'Stats (JSON)', custom_id: 'mb_stats' },
            { type: 2, style: ButtonStyle.Secondary, label: 'Drops (JSON)', custom_id: 'mb_drops' },
            { type: 2, style: ButtonStyle.Success, label: 'Guardar', custom_id: 'mb_save' },
            { type: 2, style: ButtonStyle.Danger, label: 'Cancelar', custom_id: 'mb_cancel' },
          ]
        }
      ]
    });
  } catch {}
}

async function showJsonModal(i: ButtonInteraction, state: MobEditorState, field: 'stats'|'drops', title: string, editorMsg: Message, editing: boolean) {
  const current = JSON.stringify(state[field] ?? {});
  const modal = { title, customId: `mb_json_${field}`, components: [
    { type: ComponentType.Label, label: 'JSON', component: { type: ComponentType.TextInput, customId: 'json', style: TextInputStyle.Paragraph, required: false, value: current.slice(0,4000) } },
  ] } as const;
  await i.showModal(modal);
  try {
    const sub = await i.awaitModalSubmit({ time: 300_000 });
    const raw = sub.components.getTextInputValue('json');
    if (raw) {
      try {
        state[field] = JSON.parse(raw);
        await sub.reply({ content: '✅ Guardado.', flags: MessageFlags.Ephemeral });
      } catch {
        await sub.reply({ content: '❌ JSON inválido.', flags: MessageFlags.Ephemeral });
        return;
      }
    } else {
      state[field] = {};
      await sub.reply({ content: 'ℹ️ Limpio.', flags: MessageFlags.Ephemeral });
    }
    
    // Refresh display
    const newDisplay = createMobDisplay(state, editing);
    await editorMsg.edit({
      flags: 32768,
      components: [
        newDisplay,
        {
          type: 1,
          components: [
            { type: 2, style: ButtonStyle.Primary, label: 'Base', custom_id: 'mb_base' },
            { type: 2, style: ButtonStyle.Secondary, label: 'Stats (JSON)', custom_id: 'mb_stats' },
            { type: 2, style: ButtonStyle.Secondary, label: 'Drops (JSON)', custom_id: 'mb_drops' },
            { type: 2, style: ButtonStyle.Success, label: 'Guardar', custom_id: 'mb_save' },
            { type: 2, style: ButtonStyle.Danger, label: 'Cancelar', custom_id: 'mb_cancel' },
          ]
        }
      ]
    });
  } catch {}
}