PROYECTO: AdministracionAltaFolios - Gestión de Folios OBJETIVO: - Renderizar un formulario dinámico para crear, actualizar o clonar folios. - Mostrar mensajes de error o advertencia basados en la respuesta del servidor. - Incluir secciones de datos generales, PDI, tipo de servicio, tablas extras y contactos. - Gestionar modales para la selección de territorios y operadores, y redireccionar tras la operación. ESTÁNDARES:. - Seguir buenas prácticas de separación de vistas y lógica. - Aplicar convenciones de nomenclatura y estructuración del código. REQUISITOS: - Mostrar título dinámico según el valor de Model.Action: - "Alta": "Crear Folio" - "Actualizar": "Actualizar Folio" - "Clonar": Verificar Referencia_Clonar para definir título - Validar y mostrar mensajes de error/advertencia si resp_AltaFolio contiene errores o advertencias. - Incluir numerosos campos ocultos para datos de configuración (empresa, operador, etc.). - Organizar la interfaz en pestañas para diferentes conjuntos de datos. - Integrar botones para acciones específicas según la acción (Alta, Actualizar, Clonar). - Incorporar modales para selección de territorio y operador. - Ejecutar scripts de redirección y notificación basados en el éxito de la operación. ENTRADAS: - Modelo AltaFolioDTO con propiedades: - Action, resp_AltaFolio (con Estatus y Errores), ChangeNumFolio, log, EncondeFolio, PasswordAcceso, Empresa, IdEmpresa, Rama, DeptoTerrInicial, Tipo, IdFolio, ESTATUS_FOLIO, IdFolio_Referencia, Referencia_Clonar, CrearFoliosVisorProveedor, etc. - Datos de entrada del usuario a través de formularios y controles de entrada (textboxes, dropdowns, checkboxes). - Parámetros adicionales provenientes de la QueryString para retornar a la vista. SALIDAS: - Vista HTML renderizada que muestra el formulario completo con: - Campos prellenados según el modelo. - Mensajes de error/advertencia si existen. - Pestañas para diferentes secciones de datos. - Modales para selección interactiva. - Scripts para notificación y redirección post operación. - Redirección a una nueva URL tras la operación exitosa, basada en la acción ejecutada. ESTRUCTURA DEL CÓDIGO: 1. INICIO DE LA VISTA: - Recibir el modelo AltaFolioDTO. - Configurar ViewBag.Title según Model.Action y condiciones específicas (Ej. Referencia_Clonar). 3. FORMULARIO PRINCIPAL: a. Abrir formulario con método POST y clase "form-horizontal" (con id "form-folio"). b. Comprobar si Model.resp_AltaFolio no es nulo: - Si Estatus es "ERR" o "WARNING", mostrar alertas con la lista de errores. c. Comprobar si Model.ChangeNumFolio tiene valor: - Mostrar alerta adicional con el mensaje de cambio y log. d. Incluir campos ocultos para enviar datos críticos (Empresa, IdEmpresa, Rama, etc.). 4. SECCIONES POR PESTAÑAS: - Pestaña "Datos generales": - Campo para Número de folio (empresa padre y proveedor). - Dropdown para asignación del folio y prioridad. - Selección de territorio y operador mediante botones que activan funciones/modales. - Campos para fecha, descripción del servicio y otros datos generales. - Pestaña "PDI (Puntos de interés)": - Campos para código, nombre, dirección, estado, ciudad, y otros datos de ubicación. - Botón para buscar PDI y visualizar mapa. - Sección para datos de contacto relacionados al PDI. - Pestaña "Tipo de servicio": - Campos para código, sub-código, versión y formato XML. - Sección para configurar formas MapCEL de inicio y cierre. - Pestaña "Tablas extras": - Botón para agregar nuevas tablas. - Tabla dinámica con filas y columnas para edición de datos extra. - Pestaña "Contactos": - Botones para agregar y buscar contactos. - Tabla para listar contactos con opciones de edición y eliminación. 5. SECCIÓN DE ACCIONES: - Botones en la parte inferior del formulario que varían según Model.Action: - Para "Alta": botones de "Asignar Operador", "Importar Excel", "Liberar folio", y "Guardar borrador". - Para "Actualizar": botones de "Liberar folio" y "Guardar borrador". - Para "Clonar": botones que varían según Referencia_Clonar ("Clonar folio" o "Duplicar folio") y "Guardar borrador". 6. MODALES: - Modal para "ArbolDeptosEmpPadre": - Iframe para selección de territorio. - Modal para "ArbolDepartamentosOperadores": - Iframe para selección del operador del proveedor. 7. SCRIPTS Y COMPORTAMIENTO DINÁMICO: - Script para gestionar la redirección tras operación exitosa: - Diferenciar redirección según Model.Action (Alta, Actualizar, Clonar). - Utilizar Bootbox para mostrar mensajes de éxito. - Funciones JavaScript para abrir modales y actualizar campos basados en la selección del usuario. - Validaciones de campos obligatorios y comprobaciones adicionales. PRUEBAS: - Verificar que al cargar la vista, se asigna el título correcto según Model.Action. - Enviar el formulario con datos válidos y comprobar la redirección y mensajes de éxito. - Enviar el formulario con errores (simulados en Model.resp_AltaFolio) y confirmar que se muestran alertas. - Testear la funcionalidad de cada pestaña, asegurando que se renderizan correctamente los campos. - Comprobar el funcionamiento de los modales para selección de territorio y operador. - Validar que los botones de acción ejecutan la función correcta según el tipo de acción (Alta, Actualizar, Clonar).

This is the first version of the app that lovable gave with that prompt: https://preview-5b65ce4b--folio-manager-dream.lovable.app/