Dashboard Component - Copy this Angular, Css Component to your project
2. Página de Inicio (Dashboard): Mensaje de Bienvenida: Un mensaje en la parte superior que muestre "Bienvenido, [Nombre del Usuario]". Menú de Navegación: Barra de menú en la parte superior que contenga enlaces a diferentes secciones (por ejemplo, "Inicio", "Cuentas de Cobro", "Reportes", "Configuración"). Botón para Agregar Nueva Cuenta de Cobro: Un botón que diga "Agregar Nueva Cuenta de Cobro". Al hacer clic, redirige al usuario a un formulario para agregar la cuenta de cobro. Tabla de Cuentas de Cobro: Tabla que muestre todas las cuentas de cobro realizadas con las siguientes columnas: ID de Cuenta: Identificador único de la cuenta de cobro. Nombre del Contrato: Nombre del contrato asociado. Fecha de Creación: Fecha en que se creó la cuenta de cobro. Estado: Estado de la cuenta de cobro (por ejemplo, "Pendiente", "Aprobada", "Rechazada"). Acciones: Dos botones en cada fila: Ver Detalle: Al hacer clic, muestra los detalles de la cuenta de cobro seleccionada en una nueva ventana/modal. Editar: Al hacer clic, redirige al formulario de edición de la cuenta de cobro. 3. Formulario para Agregar Nueva Cuenta de Cobro: Select para Contrato: Un campo de selección donde el usuario pueda elegir un contrato existente de una lista desplegable. Campos para Documentos: Cuatro campos de entrada (input) para cargar documentos, cada uno con las siguientes características: Campo 1: Input de tipo "file" para cargar el documento de identificación. Campo 2: Input de tipo "file" para cargar el contrato firmado. Campo 3: Input de tipo "file" para cargar la factura. Campo 4: Input de tipo "file" para cargar otros documentos relevantes. Descripción de cada campo: Asegúrate de que cada campo tenga una etiqueta descriptiva para indicar qué documento debe ser cargado. Botón de Guardar: Un botón que, al hacer clic, valide los datos ingresados y, si son correctos, guarde la nueva cuenta de cobro y redirija al usuario a la página de inicio. 4. Notificaciones: Alertas de Notificación: Implementa un sistema de alertas que muestre notificaciones al usuario en diferentes eventos, tales como: Inicio de sesión exitoso: "Bienvenido de nuevo, [Nombre del Usuario]!" Cuenta de cobro creada: "La cuenta de cobro ha sido creada exitosamente." Error en el inicio de sesión: "Usuario o contraseña incorrectos." Cuenta de cobro editada: "La cuenta de cobro ha sido actualizada exitosamente." Eliminación de cuenta: "La cuenta de cobro ha sido eliminada."
