components/PromptLibrary.js

import { useState, useMemo } from 'react'
import Head from 'next/head'
import { FiSearch, FiCopy, FiCheck, FiFilter } from 'react-icons/fi'
import { HiSparkles, HiBookOpen, HiDocumentText, HiAcademicCap } from 'react-icons/hi'
import toast from 'react-hot-toast'

const promptsData = [
  // Jurídicos
  {
    id: 1,
    title: 'Peticionamento Automático',
    description: 'Gera petições iniciais com base nos fatos narrados',
    category: 'juridico',
    tags: ['petição', 'direito civil', 'inicial'],
    prompt: 'Com base nos seguintes fatos: [inserir fatos], elabore uma petição inicial completa, seguindo o Código de Processo Civil brasileiro. Inclua: 1) qualificação das partes, 2) narração dos fatos, 3) fundamentação jurídica com citação de jurisprudência, 4) pedidos claros e objetivamente formulados. Use linguagem jurídica formal e técnica.',
    difficulty: 'Intermediário'
  },
  {
    id: 2,
    title: 'Análise de Contratos',
    description: 'Identifica cláusulas problemáticas em contratos',
    category: 'juridico',
    tags: ['contratos', 'análise', 'risco'],
    prompt: 'Analise o contrato apresentado e identifique: 1) cláusulas abusivas ou desequilibradas, 2) pontos de risco para o cliente, 3) sugestões de adequação, 4) conformidade com o Código Civil e CDC. Apresente análise crítica com fundamentação legal e sugestões práticas de negociação.',
    difficulty: 'Avançado'
  },
  {
    id: 3,
    title: 'Contestação Estruturada',
    description: 'Elabora contestações bem fundamentadas',
    category: 'juridico',
    tags: ['contestação', 'defesa', 'processo civil'],
    prompt: 'Elaborar contestação à petição inicial apresentada, seguindo esta estrutura: 1) preliminares (se houver), 2) impugnações específicas aos pedidos, 3) defesa de mérito, 4) reconvenção (se aplicável), 5) pedido de improcedência. Use argumentação jurídica sólida com citação de doutrina e jurisprudência.',
    difficulty: 'Intermediário'
  },
  {
    id: 4,
    title: 'Jurisprudência Aplicável',
    description: 'Busca precedentes relevantes para o caso',
    category: 'juridico',
    tags: ['jurisprudência', 'precedentes', 'STF', 'STJ'],
    prompt: 'Com base na seguinte questão jurídica: [inserir questão], encontre precedentes dos tribunais superiores (STF e STJ) e tribunais estaduais relevantes. Apresente: 1) ementa dos acórdãos, 2) ratio decidendi, 3) aplicabilidade ao caso concreto, 4) estratégia processual recomendada.',
    difficulty: 'Avançado'
  },
  
  // Administrativos
  {
    id: 5,
    title: 'Plano de Gestão Documental',
    description: 'Cria sistema de organização de documentos',
    category: 'administrativo',
    tags: ['gestão', 'documentos', 'organização'],
    prompt: 'Desenvolva um plano completo de gestão documental para [tipo de organização] incluindo: 1) classificação de documentos, 2) prazos de guarda, 3) procedimentos de arquivamento, 4)数字化 de processos, 5) conformidade com a Lei de Acesso à Informação e LGPD.',
    difficulty: 'Intermediário'
  },
  {
    id: 6,
    title: 'Mapeamento de Processos',
    description: 'Mapeia e otimiza processos administrativos',
    category: 'administrativo',
    tags: ['processos', 'otimização', 'workflow'],
    prompt: 'Mapeie o processo administrativo descrito: [descrever processo]. Identifique: 1) atividades desnecessárias, 2) gargalos, 3) pontos de controle, 4) oportunidades de automatização, 5) indicadores de performance, 6) cronograma de implementação das melhorias.',
    difficulty: 'Avançado'
  },
  {
    id: 7,
    title: 'Relatório de Gestão',
    description: 'Gera relatórios executivos estruturados',
    category: 'administrativo',
    tags: ['relatórios', 'gestão', 'indicadores'],
    prompt: 'Elabore um relatório de gestão executivo com base nos dados apresentados: [inserir dados]. Inclua: 1) resumo executivo, 2) análise de indicadores, 3) conquistas e desafios, 4) recomendações estratégicas, 5) plano de ação para o próximo período.',
    difficulty: 'Intermediário'
  },
  
  // Concursos
  {
    id: 8,
    title: 'Questões Personalizadas',
    description: 'Gera questões no estilo de concursos públicos',
    category: 'concurso',
    tags: ['questões', 'exercícios', 'estudo'],
    prompt: 'Crie 10 questões de múltipla escolha sobre [tópico] no estilo do [nome do concurso/organizadora]. Nível de dificuldade: [básico/intermediário/avançado]. Inclua: 1) enunciado claro, 2) 5 alternativas, 3) gabarito comentado com fundamentação legal/doutrinária, 4) dicas de estudo.',
    difficulty: 'Intermediário'
  },
  {
    id: 9,
    title: 'Resumão para Prova',
    description: 'Cria resumos organizados por tópicos',
    category: 'concurso',
    tags: ['resumo', 'estudo', 'revisão'],
    prompt: 'Elabore um resumo completo sobre [tópico] para concurso público, incluindo: 1) conceitos fundamentais, 2) legislação aplicável, 3) jurisprudência relevante, 4) esquemas e mapas mentais, 5) questões frequentes, 6) dicas de memorização.',
    difficulty: 'Básico'
  },
  {
    id: 10,
    title: 'Simulado Cronometrado',
    description: 'Cria simulados com tempo限定',
    category: 'concurso',
    tags: ['simulado', 'cronometro', 'avaliação'],
    prompt: 'Monte um simulado completo para [concurso] com [número] questões sobre [disciplinas]. Inclua: 1) distribuição por disciplinas conforme edital, 2) gabarito, 3) justificativas das alternativas, 4) cronograma de estudos baseado no desempenho, 5) dicas de gestão do tempo.',
    difficulty: 'Avançado'
  }
]

const categories = [
  { id: 'all', name: 'Todos', icon: HiSparkles, color: 'bg-gray-500' },
  { id: 'juridico', name: 'Jurídico', icon: HiDocumentText, color: 'bg-blue-500' },
  { id: 'administrativo', name: 'Administrativo', icon: HiBookOpen, color: 'bg-green-500' },
  { id: 'concurso', name: 'Concursos', icon: HiAcademicCap, color: 'bg-purple-500' }
]

const difficulties = ['Básico', 'Intermediário', 'Avançado']

export default function PromptLibrary() {
  const [searchTerm, setSearchTerm] = useState('')
  const [selectedCategory, setSelectedCategory] = useState('all')
  const [selectedDifficulty, setSelectedDifficulty] = useState('')
  const [copiedId, setCopiedId] = useState(null)

  const filteredPrompts = useMemo(() => {
    return promptsData.filter(prompt => {
      const matchesSearch = prompt.title.toLowerCase().includes(searchTerm.toLowerCase()) ||
                           prompt.description.toLowerCase().includes(searchTerm.toLowerCase()) ||
                           prompt.tags.some(tag => tag.toLowerCase().includes(searchTerm.toLowerCase()))
      
      const matchesCategory = selectedCategory === 'all' || prompt.category === selectedCategory
      const matchesDifficulty = !selectedDifficulty || prompt.difficulty === selectedDifficulty

      return matchesSearch && matchesCategory && matchesDifficulty
    })
  }, [searchTerm, selectedCategory, selectedDifficulty])

  const copyToClipboard = async (text, id) => {
    try {
      await navigator.clipboard.writeText(text)
      setCopiedId(id)
      toast.success('Prompt copiado para a área de transferência!')
      setTimeout(() => setCopiedId(null), 2000)
    } catch (err) {
      toast.error('Erro ao copiar. Tente novamente.')
    }
  }

  const getDifficultyColor = (difficulty) => {
    switch (difficulty) {
      case 'Básico': return 'bg-green-100 text-green-800'
      case 'Intermediário': return 'bg-yellow-100 text-yellow-800'
      case 'Avançado': return 'bg-red-100 text-red-800'
      default: return 'bg-gray-100 text-gray-800'
    }
  }

  return (
    <>
      <Head>
        <title>Biblioteca de Prompts - AI.Wiki.BR</title>
        <meta name="description" content="Biblioteca completa de prompts para IA em escritórios jurídicos, administrativos e preparação para concursos públicos." />
      </Head>

      <div className="min-h-screen bg-gray-50 py-8">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          {/* Header */}
          <div className="text-center mb-12">
            <h1 className="text-4xl lg:text-5xl font-bold text-gray-900 mb-4">
              Biblioteca de Prompts
            </h1>
            <p className="text-xl text-gray-600 max-w-3xl mx-auto">
              Mais de 50 prompts especializados para transformar sua prática profissional
            </p>
          </div>

          {/* Search and Filters */}
          <div className="bg-white rounded-xl shadow-lg p-