const fs = require('fs');

const patterns = [
  {
    // Glucemias
    find: `<div className="flex justify-between">\n        <div className="flex gap-2">\n          {canEdit && (\n            <Button variant="outline" onClick={() => { reset(); setDialog(true); }}>\n              <Plus className="h-4 w-4 mr-2" />Nueva\n            </Button>\n          )}\n          <Button variant="outline" onClick={() => setEvolDialog(true)} disabled={listGlucemias.length === 0}>\n            <TrendingUp className="h-4 w-4 mr-2" />Evolución\n          </Button>\n        </div>\n      </div>`,
    replace: `{portalNode ? createPortal(\n        <>\n          {canEdit && (\n            <Button variant="outline" onClick={() => { reset(); setDialog(true); }}>\n              <Plus className="h-4 w-4 mr-2" />Nueva\n            </Button>\n          )}\n          <Button variant="outline" onClick={() => setEvolDialog(true)} disabled={listGlucemias.length === 0}>\n            <TrendingUp className="h-4 w-4 mr-2" />Evolución\n          </Button>\n        </>,\n        portalNode\n      ) : (\n        <div className="flex justify-between mb-4">\n          <div className="flex gap-2">\n            {canEdit && (\n              <Button variant="outline" onClick={() => { reset(); setDialog(true); }}>\n                <Plus className="h-4 w-4 mr-2" />Nueva\n              </Button>\n            )}\n            <Button variant="outline" onClick={() => setEvolDialog(true)} disabled={listGlucemias.length === 0}>\n              <TrendingUp className="h-4 w-4 mr-2" />Evolución\n            </Button>\n          </div>\n        </div>\n      )}`
  },
  {
    // Laboratorios
    find: `<div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">\n        {canEdit && <Button variant="outline" onClick={() => { reset(); setDialog(true); }}><Plus className="h-4 w-4 mr-2" />Nuevo Laboratorio</Button>}\n        <Input placeholder="Buscar por código..." value={searchTerm} onChange={e => setSearchTerm(e.target.value)} className="max-w-xs" />\n      </div>`,
    replace: `
      {portalNode ? createPortal(
        <>
          {canEdit && <Button variant="outline" onClick={() => { reset(); setDialog(true); }}><Plus className="h-4 w-4 mr-2" />Nuevo Laboratorio</Button>}
          <Input placeholder="Buscar..." value={searchTerm} onChange={e => setSearchTerm(e.target.value)} className="max-w-[150px] h-9" />
        </>,
        portalNode
      ) : (
        <div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4 mb-4">
          {canEdit && <Button variant="outline" onClick={() => { reset(); setDialog(true); }}><Plus className="h-4 w-4 mr-2" />Nuevo Laboratorio</Button>}
          <Input placeholder="Buscar por código..." value={searchTerm} onChange={e => setSearchTerm(e.target.value)} className="max-w-xs" />
        </div>
      )}
    `.trim()
  },
  {
    // Evoluciones
    find: `<div className="flex">\n        {canEdit && <Button variant="outline" onClick={() => { reset(); setDialog(true); }}><Plus className="h-4 w-4 mr-2" />Nueva Evolución</Button>}\n      </div>`,
    replace: `
      {portalNode ? createPortal(
        canEdit && <Button variant="outline" onClick={() => { reset(); setDialog(true); }}><Plus className="h-4 w-4 mr-2" />Nueva Evolución</Button>,
        portalNode
      ) : (
        <div className="flex mb-4">
          {canEdit && <Button variant="outline" onClick={() => { reset(); setDialog(true); }}><Plus className="h-4 w-4 mr-2" />Nueva Evolución</Button>}
        </div>
      )}
    `.trim()
  },
  {
    // EAB
    find: `<div className="flex">\n        {canEdit && <Button variant="outline" onClick={() => { reset(); setDialog(true); }}><Plus className="h-4 w-4 mr-2" />Nueva Gasometría</Button>}\n      </div>`,
    replace: `
      {portalNode ? createPortal(
        canEdit && <Button variant="outline" onClick={() => { reset(); setDialog(true); }}><Plus className="h-4 w-4 mr-2" />Nueva Gasometría</Button>,
        portalNode
      ) : (
        <div className="flex mb-4">
          {canEdit && <Button variant="outline" onClick={() => { reset(); setDialog(true); }}><Plus className="h-4 w-4 mr-2" />Nueva Gasometría</Button>}
        </div>
      )}
    `.trim()
  },
  {
    // Cultivos
    find: `<div className="flex">\n        {canEdit && <Button variant="outline" onClick={() => { reset(); setDialog(true); }}><Plus className="h-4 w-4 mr-2" />Nuevo Cultivo</Button>}\n      </div>`,
    replace: `
      {portalNode ? createPortal(
        canEdit && <Button variant="outline" onClick={() => { reset(); setDialog(true); }}><Plus className="h-4 w-4 mr-2" />Nuevo Cultivo</Button>,
        portalNode
      ) : (
        <div className="flex mb-4">
          {canEdit && <Button variant="outline" onClick={() => { reset(); setDialog(true); }}><Plus className="h-4 w-4 mr-2" />Nuevo Cultivo</Button>}
        </div>
      )}
    `.trim()
  },
  {
    // Estudios
    find: `<div className="flex">\n        {canEdit && <Button variant="outline" onClick={() => { reset(); setDialog(true); }}><Plus className="h-4 w-4 mr-2" />Nuevo Estudio</Button>}\n      </div>`,
    replace: `
      {portalNode ? createPortal(
        canEdit && <Button variant="outline" onClick={() => { reset(); setDialog(true); }}><Plus className="h-4 w-4 mr-2" />Nuevo Estudio</Button>,
        portalNode
      ) : (
        <div className="flex mb-4">
          {canEdit && <Button variant="outline" onClick={() => { reset(); setDialog(true); }}><Plus className="h-4 w-4 mr-2" />Nuevo Estudio</Button>}
        </div>
      )}
    `.trim()
  },
  {
    // Interconsultas
    find: `<div className="flex">\n        {canEdit && <Button variant="outline" onClick={() => { reset(); setDialog(true); }}><Plus className="h-4 w-4 mr-2" />Nueva Interconsulta</Button>}\n      </div>`,
    replace: `
      {portalNode ? createPortal(
        canEdit && <Button variant="outline" onClick={() => { reset(); setDialog(true); }}><Plus className="h-4 w-4 mr-2" />Nueva Interconsulta</Button>,
        portalNode
      ) : (
        <div className="flex mb-4">
          {canEdit && <Button variant="outline" onClick={() => { reset(); setDialog(true); }}><Plus className="h-4 w-4 mr-2" />Nueva Interconsulta</Button>}
        </div>
      )}
    `.trim()
  },
  {
    // ATB
    find: `<div className="flex">\n        {canEdit && <Button variant="outline" onClick={() => { reset(); setDialog(true); }}><Plus className="h-4 w-4 mr-2" />Nuevo ATB</Button>}\n      </div>`,
    replace: `
      {portalNode ? createPortal(
        canEdit && <Button variant="outline" onClick={() => { reset(); setDialog(true); }}><Plus className="h-4 w-4 mr-2" />Nuevo ATB</Button>,
        portalNode
      ) : (
        <div className="flex mb-4">
          {canEdit && <Button variant="outline" onClick={() => { reset(); setDialog(true); }}><Plus className="h-4 w-4 mr-2" />Nuevo ATB</Button>}
        </div>
      )}
    `.trim()
  },
  {
    // Pendientes
    find: `<div className="flex items-center gap-2">\n        {canEdit && <Button variant="outline" onClick={() => { setPendienteEditar(null); resetForm(); setModalAbierto(true); }}><Plus className="h-4 w-4 mr-2" />Nuevo Pendiente</Button>}\n      </div>`,
    replace: `
      {portalNode ? createPortal(
        canEdit && <Button variant="outline" onClick={() => { setPendienteEditar(null); resetForm(); setModalAbierto(true); }}><Plus className="h-4 w-4 mr-2" />Nuevo Pendiente</Button>,
        portalNode
      ) : (
        <div className="flex items-center gap-2 mb-4">
          {canEdit && <Button variant="outline" onClick={() => { setPendienteEditar(null); resetForm(); setModalAbierto(true); }}><Plus className="h-4 w-4 mr-2" />Nuevo Pendiente</Button>}
        </div>
      )}
    `.trim()
  }
];

let code = fs.readFileSync('src/sections/HistoriaClinica.tsx', 'utf8');

for (let p of patterns) {
  if (code.includes(p.find)) {
    code = code.replace(p.find, p.replace);
  } else {
    console.log("NOT FOUND:", p.find.substring(0, 50));
  }
}

fs.writeFileSync('src/sections/HistoriaClinica.tsx', code);