<?php require __DIR__ . '/../../includes/navBar.php'; ?>

<div class="container my-5 readme-container">

    <div class="row justify-content-center">
        <div class="col-xl-12 col-lg-11">
            <div class="card card-rounded card-shadow border-0">

                <!-- HEADER -->
                 
                <div class="card-header header-dark px-4 py-3">
                    <div class="d-flex justify-content-between align-items-center flex-wrap">

                        <h4 class="mb-0 title-shadow">
                            <i class="fas fa-book me-2"></i>
                            Ayuda
                        </h4>

                        <div class="d-flex gap-2">

                            <!-- BOTÓN FANTASMA (mantiene el layout) -->

                            <a class="btn btn-success invisible">
                                <i class="fas fa-plus me-1"></i>
                            </a>

                            <a href="?opt=inicio_operador" class="btn btn-soft-secondary text-white">
                                <i class="fas fa-arrow-left me-1"></i>
                                Volver
                            </a>
                        </div>
                    </div>
                </div>

                <!-- BODY -->

                <div class="card-body readme-scroll px-4 py-4">

                    <div class="readme-index mb-3">

                        <h5>Índice</h5>

                        <ul>
                            <li>
                                <a href="#modulos-comunes">Módulos Comunes (Administrador y Operador)</a>
                                <ul>
                                    <li><a href="#clientes">Clientes</a></li>
                                    <li><a href="#ventas">Ventas</a></li>
                                    <li><a href="#servicios">Servicios</a></li>
                                    <li><a href="#productos">Productos</a></li>
                                    <li><a href="#presupuestos">Presupuestos</a></li>
                                    <li><a href="#proveedores">Proveedores</a></li>
                                    <li><a href="#pedidos">Pedidos</a></li>
                                </ul>
                            </li>

                            <li>
                                <a href="#modulos-admin">Módulos Exclusivos (Administrador)</a>
                                <ul>
                                    <li><a href="#usuarios">Usuarios</a></li>
                                    <li><a href="#informes">Informes</a></li>
                                    <li><a href="#copias_seguridad">Copias de Seguridad</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>

                    <h1>MÓDULOS PRINCIPALES DEL SISTEMA</h1>

                    <p>
                    El sistema se organiza en distintos módulos que permiten gestionar la información, las operaciones del negocio y distintos aspectos del sistema. 
                    Los mismos están distribuidos entre el Panel Principal y el Panel de Negocio, en donde cada uno se compone de distintas pantallas y acciones a poder realizar:
                    </p>

                    <h2 id="modulos-comunes">MÓDULOS COMUNES (Administrador y Operador)</h2>

                    <h2 id="clientes"> <i class="fas fa-users me-2"> </i> CLIENTES</h2>

                    <h3>OBJETIVO</h3>
                    <p>Gestionar la información de los clientes registrados en el sistema.</p>

                    <h3>PANTALLA PRINCIPAL</h3>
                    <p>
                    Al ingresar al módulo “Clientes”, se visualizará un listado completo de los clientes registrados en el sistema,
                    junto con filtros de búsqueda que permiten localizar registros según distintos campos.
                    </p>

                    <h3>CREAR UN NUEVO CLIENTE</h3>
                    <ul>
                    <li>Hacer clic en el botón “Nuevo Cliente”, ubicado en la esquina superior derecha.</li>
                    <li>Completar los datos solicitados en el formulario, en base a las restricciones del sistema para garantizar la consistencia.</li>
                    <li>Una vez completado, presionar en el botón “Crear Cliente” para guardar el registro.</li>
                    </ul>

                    <h3>EDITAR UN CLIENTE EXISTENTE</h3>
                    <ul>
                    <li>Ubicar el cliente buscado dentro del listado de registros.</li>
                    <li>Presionar el botón “Editar” correspondientemente.</li>
                    <li>Se abrirá otra pantalla en donde puede modificar los datos del mismo.</li>
                    <li>Hacer clic en el botón “Guardar Cambios”.</li>
                    </ul>

                    <h2 id="ventas"> <i class="fas fa-shopping-cart me-2"> </i> VENTAS</h2>

                    <h3>OBJETIVO</h3>
                    <p>
                    Generar ventas asociadas a clientes, permitiendo calcular totales, aplicar descuentos, recargos, formas de pagos y mucho más, pudiendo emitir el comprobante correspondiente, y guardando de manera permanente la venta y todos los datos asociados.
                    </p>

                    <h3>PANTALLA PRINCIPAL</h3>
                    <p>
                    La pantalla se compone de: Selección de cliente, Gestión de productos y Cálculo preliminar (subtotal, descuento y total).
                    </p>

                    <h3>CLIENTE</h3>

                    <p>
                    En la parte superior se visualiza la sección correspondiente al cliente.
                    </p>

                    <h4>SELECCIONAR CLIENTE</h4>

                    <ul>
                    <li>Hacer clic en “Seleccionar Cliente”.</li>
                    <li>Se abrirá una pantalla con el listado de clientes disponibles.</li>
                    <li>Utilizar los filtros si es necesario.</li>
                    <li>Seleccionar la casilla correspondiente al cliente deseado.</li>
                    <li>Presionar el botón “Finalizar”.</li>
                    <li>El sistema redirigirá automáticamente a la pantalla de creación de venta con el cliente seleccionado.</li>
                    </ul>

                    <h4>ELIMINAR CLIENTE SELECCIONADO</h4> <p>Permite quitar el cliente seleccionado y dejar los campos vacíos.</p>

                    <h3>GESTION DE PRODUCTOS DE LA VENTA</h3>

                    <p>
                    En la parte central se encuentra el gestor de productos que formarán parte de la venta.
                    </p>

                    <h4>AGREGAR PRODUCTO</h4>

                    <ul>
                    <li>Hacer clic en “Agregar Producto”.</li>
                    <li>Se abrirá una pantalla con el listado de productos disponibles.</li>
                    <li>Para cada producto seleccionado se debe indicar la cantidad correspondiente a vender.</li>
                    <li>Presionar el botón “Finalizar Selección”.</li>
                    <li>Los productos seleccionados se agregarán a la lista principal de la venta.</li>
                    </ul>

                    <h4>VACIAR LISTA DE PRODUCTOS</h4> <p>Permite eliminar todos los productos agregados a la venta, dejando la lista vacía.</p>

                    <h4>EDITAR CANTIDAD DE PRODUCTO SELECCIONADO</h4>

                    <ul>
                    <li>Modificar directamente la cantidad.</li>
                    <li>Presionar el botón de edición ubicado en la columna “Acciones”.</li>
                    </ul>

                    <h4>ELIMINAR PRODUCTO INDIVIDUAL</h4> <p>En la columna “Acciones” además se encuentra un botón para eliminar productos de forma individual sin afectar el resto de la lista.</p>

                    <h3>CALCULO PRELIMINAR</h3>

                    <p>
                    En la parte inferior de la pantalla se visualizan los siguientes campos: Subtotal, Descuento y Total.
                    </p>

                    <p>
                    Estos valores se actualizan automáticamente en base a los productos y cantidades ingresadas.
                    </p>

                    <h3>ACCEDER A RESUMEN DE VENTA</h3>

                    <p>
                    Al hacer clic en “Siguiente”, el sistema redirige a una pantalla resumen donde se visualiza:
                    </p>

                    <ul>
                    <li>Datos del cliente.</li>
                    <li>Listado de productos seleccionados.</li>
                    <li>Resumen de importes.</li>
                    </ul>

                    <p>
                    Además, se deben completar o modificar los siguientes datos de pago:
                    </p>

                    <ul>
                    <li>Condición de IVA del cliente. (si desea)</li>
                    <li>CUIT del cliente. (si desea)</li>
                    <li>Forma de pago.</li>
                    <li>Tipo de pago.</li>
                    <li>Descuento.</li>
                    <li>Recargo.</li>
                    </ul>

                    <h3>ACCIONES FINALES</h3>

                    <p>
                    En la pantalla resumen se encuentran dos botones principales:
                    </p>

                    <h4>GUARDAR COMO BORRADOR</h4>

                    <ul>
                    <li>Guarda los datos de venta de forma provisoria.</li>
                    <li>Permite salir del módulo y realizar otras acciones en el sistema.</li>
                    <li>Al volver, los datos permanecen intactos.</li>
                    </ul>

                    <h4>CONFIRMAR VENTA</h4>

                    <p>
                    Guarda de manera permanente en el sistema la venta realizada, junto a todos los datos ingresados y asociados.
                    Una vez realizada la venta, el sistema lo redirigirá a una pantalla preguntando si desea descargar el comprobante o simplemente continuar, 
                    en caso de querer descargar el comprobante hacer click en "Descargar Comprobante" y puede guardarlo donde desee, caso contrario clickear en 
                    botón "Continuar" y finalizará totalmente el proceso de venta.
                    </p>

                    <h3>VENTAS REGISTRADAS</h3>

                    <p>
                    En la parte superior de la pantalla de creación de venta se encuentra el botón “Ventas Registras”, el cual abre un listado de los registros que posee el sistema; sobre cada uno de ellos existe un botón “Detalle Productos” que permite visualizar los productos involucrados en la venta.
                    </p>

                    <h2 id="servicios"> <i class="fas fa-wrench me-2"> </i> SERVICIOS</h2>

                    <h3>OBJETIVO</h3>
                    <p>
                    Registrar servicios técnicos realizados a equipos de clientes, documentar el diagnóstico y gestionar el proceso hasta su finalización o cancelación.
                    </p>

                    <h3>CREACION DE UN SERVICIO</h3>

                    <p>
                    La pantalla de creación de servicio inicial se compone de tres secciones: Selección de cliente, Datos del servicio y Acciones finales.
                    </p>

                    <h3>CLIENTE</h3>

                    <p>
                    En la parte superior se visualiza la sección correspondiente al cliente.
                    </p>

                    <h4>SELECCIONAR CLIENTE</h4>

                    <ul>
                    <li>Hacer clic en “Seleccionar Cliente”.</li>
                    <li>Se abrirá una pantalla con el listado de clientes disponibles.</li>
                    <li>Utilizar los filtros si es necesario.</li>
                    <li>Seleccionar la casilla correspondiente al cliente deseado.</li>
                    <li>Presionar el botón “Finalizar”.</li>
                    <li>El sistema redirigirá automáticamente a la pantalla de creación de servicio con el cliente seleccionado.</li>
                    </ul>

                    <h4>ELIMINAR CLIENTE SELECCIONADO</h4> <p>Permite quitar el cliente seleccionado y dejar los campos vacíos.</p>

                    <h3>DATOS DEL SERVICIO</h3>

                    <p>
                    En la sección central se deben completar los datos relacionados al equipo ingresado.
                    </p>

                    <p>Los campos principales son:</p>

                    <ul>
                    <li>Descripción del equipo.</li>
                    <li>Contraseña del equipo (si corresponde).</li>
                    <li>Cuenta asociada (Gmail o Apple).</li>
                    <li>Contraseña de la cuenta (si corresponde).</li>
                    </ul>

                    <p>Luego se encuentran los siguientes campos descriptivos:</p>

                    <ul>
                    <li>Problema reportado.</li>
                    <li>Observaciones generales.</li>
                    </ul>

                    <p>
                    NOTA: Estos campos permiten registrar información relevante para el diagnóstico y reparación del equipo.
                    </p>

                    <h3>ACCIONES FINALES</h3>

                    <p>
                    En la parte inferior de la pantalla se encuentran dos botones principales.
                    </p>

                    <h4>GENERAR SERVICIO</h4>

                    <ul>
                    <li>Genera el documento del servicio en formato PDF.</li>
                    <li>El documento contiene el detalle de los datos registrados.</li>
                    <li>Se abre automáticamente en una nueva pestaña para su descarga o impresión.</li>
                    </ul>

                    <h4>CONFIRMAR SERVICIO</h4>

                    <ul>
                    <li>Guarda el servicio en el sistema.</li>
                    <li>El registro queda disponible para su posterior seguimiento.</li>
                    </ul>

                    <h3>SERVICIOS REGISTRADOS</h3>

                    <p>
                    En la parte superior de la pantalla se encuentra el botón “Servicios Registrados”, al acceder, se visualiza un listado con todos los servicios registrados en el sistema, cada servicio cuenta con diferentes acciones disponibles según su estado.
                    </p>

                    <h4>DETALLE SERVICIO</h4>

                    <p>Permite visualizar toda la información registrada del servicio.</p>

                    <h4>ACTUALIZAR SERVICIO</h4>

                    <p>
                    Conduce a una pantalla donde se debe registrar:
                    </p>

                    <ul>
                    <li>El detalle de la reparación a realizar.</li>
                    <li>Los insumos necesarios.</li>
                    <li>El costo de mano de obra.</li>
                    </ul>

                    <p>
                    Una vez completados estos datos, el sistema envía automáticamente un correo electrónico al cliente para informar el diagnóstico (si la opción esta activada en configuración) y permitirle decidir si desea continuar con la reparación.
                    </p>

                    <h4>FINALIZAR SERVICIO</h4>

                    <p>
                    Permite marcar el servicio como Finalizado.
                    </p>

                    <ul>
                    <li>Se registra el ingreso de dinero correspondiente al servicio, y demas asociaciones necesarias como el descuento de stock.</li>
                    <li>El servicio queda cerrado dentro del sistema.</li>
                    <li>Se envía automáticamente un email al cliente detallando el servicio e indicando que el mismo fue finalizado y ya puede retirar el equipo (si la opción esta activada en configuración).</li>
                    </ul>

                    <h4>CANCELAR SERVICIO</h4>

                    <p>
                    Permite marcar el servicio como cancelado en caso de que no se continúe con la reparación.
                    </p>

                    <h4>DETALLE INSUMOS</h4>

                    <p>
                    Permite visualizar los insumos asociados al servicio.
                    </p>

                    <h3>ESTADOS DEL SERVICIO</h3>

                    <ul>
                    <li>En cualquier estado, el botón de detalle siempre estará visible.</li>
                    <li>Un servicio Pendiente solo puede actualizarse, ingresando los datos correspondientes a realizar.</li>
                    <li>Un servicio Pendiente - Enviado permite ser Cancelado o Finalizado, y visualizar el detalle de insumos ingresados (si corresponde).</li>
                    <li>Un servicio Finalizado o Cancelado permite ver el detalle de los insumos.</li>
                    </ul>

                    <h2 id="productos"> <i class="fas fa-box-open me-2"> </i> PRODUCTOS</h2>

                    <h3>OBJETIVO</h3>
                    <p>
                    Gestionar los productos comercializados por el negocio, tanto para venta directa como para uso en servicios (insumos).
                    </p>

                    <h3>PANTALLA PRINCIPAL</h3>
                    <p>
                    Al ingresar al módulo “Productos”, se visualizará un listado completo de productos registrados,
                    junto con información relevante asociada a cada uno de ellos y las acciones disponibles a realizar.
                    </p>

                    <h3>EDITAR UN PRODUCTO EXISTENTE</h3>
                    <ul>
                    <li>Ubicar el producto buscado dentro del listado de registros.</li>
                    <li>Presionar el botón “Editar” correspondientemente.</li>
                    <li>Se abrirá otra pantalla en donde puede modificar el descuento aplicado al mismo.</li>
                    <li>Hacer clic en el botón “Guardar Cambios”.</li>
                    </ul>

                    <h3>OCULTAR UN PRODUCTO</h3>
                    <p>
                    Al presionar el botón “Desactivar Producto” se permite ocultar el producto, principalmente en caso de que deje de
                    comercializarse, esta acción no elimina el producto del sistema, sino que lo marca como inactivo.
                    </p>

                    <h3>GESTIÓN DE PRODUCTOS INACTIVOS</h3>
                    <ul>
                    <li>Acceder al listado de productos inactivos.</li>
                    <li>Volver a activar productos previamente ocultados.</li>
                    </ul>

                    <p>
                    Esto permite mantener la integridad histórica de los datos sin perder registros.
                    </p>

                    <h3>CREAR UN NUEVO PRODUCTO</h3>
                    <ul>
                    <li>En la parte superior derecha se encuentra el botón “Nuevo Producto”.</li>
                    <li>Hacer clic en el botón “Nuevo Producto”.</li>
                    <li>Completar los datos solicitados en base a restricciones indicadas por el sistema, para garantizar consistencias.</li>
                    <li>Hacer clic en botón “Crear Producto”.</li>
                    </ul>

                    <h3>CATEGORÍAS DE PRODUCTOS</h3>

                    <p>
                    Junto al botón de creación de producto, se encuentra el botón “Categorías”, el mismo permite:
                    </p>

                    <ul>
                    <li>Visualizar el listado de categorías existentes.</li>
                    <li>Editar categorías.</li>
                    <li>Crear una nueva categoría mediante el botón correspondiente.</li>
                    </ul>

                    <p>
                    Las categorías determinan ciertos parámetros importantes, como el margen de ganancia aplicado al producto
                    (con el cual se determina el precio de venta) o el descuento aplicado a todos los productos pertenecientes a la misma.
                    </p>

                    <h3>CONSIDERACIONES IMPORTANTES</h3>

                    <h4>PRECIO DEL PRODUCTO</h4>
                    <p>
                    Al crear un producto el precio no se ingresa manualmente, sino que se calcula automáticamente en base al último
                    Pedido registrado que contenga dicho producto, es decir, para cargar el precio, primero se debe realizar un Pedido,
                    modelando así la lógica de negocio; además de esto, a dicho precio se le aplica la ganancia ingresada en la
                    categoría correspondiente al producto.
                    </p>

                    <p>
                    Esto garantiza coherencia en la estructura de costos y márgenes.
                    </p>

                    <h4>STOCK</h4>
                    <p>
                    El stock del producto no se carga manualmente al crearlo, sino que está vinculado a los Pedidos realizados que
                    incluyan a dicho producto. En cada Venta o Servicio realizado la contabilización de stock se descuenta automáticamente.
                    </p>

                    <h4>TIPO DE PRODUCTO</h4>
                    <ul>
                    <li>Venta: Producto destinado a comercialización directa.</li>
                    <li>Servicio: Producto utilizado como insumo en la prestación de servicios.</li>
                    </ul>

                    <h4>DESCUENTOS DE CATEGORÍA</h4>
                    <p>
                    Este descuento se aplica a todos los productos que pertenezcan a una misma categoría, a parte del descuento
                    que se puede aplicar a cada uno de ellos.
                    </p>

                    <p>
                    Esto permite libertad al poder aplicar descuentos generales o aplicados a ciertos productos.
                    </p>

                    <h2 id="presupuestos"> <i class="fas fa-file-invoice-dollar me-2"> </i> PRESUPUESTOS</h2>

                    <h3>OBJETIVO</h3>
                    <p>
                    Generar presupuestos para clientes, permitiendo calcular totales, aplicar descuentos, recargos, formas de pagos y mucho más, emitiendo así el documento correspondiente.
                    </p>

                    <h3>PANTALLA PRINCIPAL</h3>
                    <p>
                    La pantalla de creación de presupuestos se compone de: Selección de cliente, Gestión de productos y Cálculo preliminar (subtotal, descuento y total).
                    </p>

                    <h3>CLIENTE</h3>

                    <h4>SELECCIONAR CLIENTE</h4>
                    <ul>
                    <li>Hacer clic en “Seleccionar Cliente”.</li>
                    <li>Se abrirá una pantalla con el listado de clientes disponibles.</li>
                    <li>Utilizar los filtros si es necesario.</li>
                    <li>Seleccionar la casilla correspondiente al cliente deseado.</li>
                    <li>Presionar el botón “Finalizar”.</li>
                    <li>El sistema redirigirá automáticamente a la pantalla de creación del presupuesto con el cliente seleccionado.</li>
                    </ul>

                    <h4>ELIMINAR CLIENTE SELECCIONADO</h4> <p>Permite quitar el cliente seleccionado y dejar los campos vacíos.</p>

                    <h3>GESTION DE PRODUCTOS DEL PRESUPUESTO</h3>

                    <p>
                    En la parte central se encuentra el gestor de productos que formarán parte del presupuesto.
                    </p>

                    <h4>AGREGAR PRODUCTO</h4>
                    <ul>
                    <li>Hacer clic en “Agregar Producto”.</li>
                    <li>Se abrirá una pantalla con el listado de productos disponibles.</li>
                    <li>Para cada producto seleccionado se debe indicar la cantidad correspondiente a agregar.</li>
                    <li>Presionar el botón “Finalizar Selección”.</li>
                    <li>Los productos seleccionados se agregarán a la lista principal del presupuesto.</li>
                    </ul>

                    <h4>VACIAR LISTA DE PRODUCTOS</h4> <p>Permite eliminar todos los productos agregados al presupuesto.</p>

                    <h4>EDITAR CANTIDAD DE PRODUCTO SELECCIONADO</h4>
                    <ul>
                    <li>Modificar directamente la cantidad.</li>
                    <li>Presionar el botón de edición ubicado en la columna “Acciones”.</li>
                    </ul>

                    <h4>ELIMINAR PRODUCTO INDIVIDUAL</h4> <p>Permite eliminar productos de forma individual sin afectar el resto de la lista.</p>

                    <h3>CALCULO PRELIMINAR</h3>

                    <p>
                    En la parte inferior de la pantalla se visualizan los siguientes campos: Subtotal, Descuento y Total.
                    </p>

                    <p>
                    Estos valores se actualizan automáticamente en base a los productos y cantidades ingresadas.
                    </p>

                    <h3>ACCEDER A RESUMEN DE PRESUPUESTO</h3>

                    <p>
                    Al hacer clic en “Siguiente”, el sistema redirige a una pantalla resumen donde se visualiza:
                    </p>

                    <ul>
                    <li>Datos del cliente.</li>
                    <li>Listado de productos seleccionados.</li>
                    <li>Resumen de importes.</li>
                    </ul>

                    <p>
                    Además, se deben completar o modificar los siguientes datos de pago:
                    </p>

                    <ul>
                    <li>Condición de IVA del cliente.</li>
                    <li>CUIT del cliente.</li>
                    <li>Forma de pago.</li>
                    <li>Tipo de pago.</li>
                    <li>Descuento.</li>
                    <li>Recargo.</li>
                    </ul>

                    <h3>ACCIONES FINALES</h3>

                    <h4>GENERAR PRESUPUESTO</h4>
                    <ul>
                    <li>Genera el documento del presupuesto.</li>
                    <li>Se abre automáticamente en una nueva pestaña.</li>
                    <li>Permite descargarlo o guardarlo según necesidad.</li>
                    </ul>

                    <h4>GUARDAR COMO BORRADOR</h4>
                    <ul>
                    <li>Guarda los datos del presupuesto de forma provisoria.</li>
                    <li>Permite salir del módulo y realizar otras acciones en el sistema.</li>
                    <li>Al volver, los datos permanecen intactos.</li>
                    </ul>

                    <h2 id="proveedores"> <i class="fas fa-truck me-2"> </i> PROVEEDORES</h2>

                    <h3>OBJETIVO</h3>
                    <p>Administrar los proveedores asociados al negocio.</p>

                    <h3>PANTALLA PRINCIPAL</h3>
                    <p>
                    Al ingresar al módulo “Proveedores” se visualizará una lista con los proveedores registrados,
                    además de filtros de búsqueda para localizar registros específicos.
                    </p>

                    <h3>CREAR UN NUEVO PROVEEDOR</h3>
                    <ul>
                    <li>Hacer clic en el botón “Nuevo Proveedor”, ubicado en la esquina superior derecha.</li>
                    <li>Completar los datos solicitados en el formulario, en base a las restricciones del sistema para garantizar la consistencia.</li>
                    <li>Una vez completado, presionar en el botón “Crear Proveedor” para guardar el registro.</li>
                    </ul>

                    <h3>EDITAR UN PROVEEDOR EXISTENTE</h3>
                    <ul>
                    <li>Ubicar el proveedor buscado dentro del listado de registros.</li>
                    <li>Presionar el botón “Editar” correspondientemente.</li>
                    <li>Se abrirá otra pantalla en donde puede modificar los datos del mismo.</li>
                    <li>Hacer clic en el botón “Guardar Cambios”.</li>
                    </ul>

                    <h2 id="pedidos"> <i class="fas fa-clipboard-list me-2"> </i> PEDIDOS</h2>

                    <h3>OBJETIVO</h3>
                    <p>
                    Registrar pedidos realizados a proveedores, actualizar el stock de productos y mantener trazabilidad de costos.
                    </p>

                    <h3>PANTALLA PRINCIPAL</h3>
                    <p>
                    La pantalla de “Pedidos” está organizada en tres secciones principales: Datos del proveedor, el Listado de productos y los Datos finales de pedido.
                    </p>

                    <h3>PROVEEDOR</h3>

                    <h4>SELECCIONAR PROVEEDOR</h4>
                    <ul>
                    <li>Hacer clic en “Seleccionar Proveedor”.</li>
                    <li>Se abrirá una pantalla con el listado de proveedores disponibles.</li>
                    <li>Utilizar los filtros si es necesario.</li>
                    <li>Seleccionar la casilla correspondiente al proveedor deseado.</li>
                    <li>Presionar el botón “Finalizar”.</li>
                    <li>El sistema redirigirá automáticamente a la pantalla de creación del pedido con el proveedor seleccionado.</li>
                    </ul>

                    <h4>ELIMINAR PROVEEDOR SELECCIONADO</h4> <p>Permite quitar el proveedor seleccionado y dejar los campos vacíos.</p>

                    <h3>GESTION DE LISTADO DE PRODUCTOS</h3>

                    <p>
                    En la parte central se encuentra el gestor de productos que formarán parte del pedido.
                    </p>

                    <h4>AGREGAR PRODUCTO</h4>
                    <ul>
                    <li>Hacer clic en “Agregar Producto”.</li>
                    <li>Se abrirá una pantalla con el listado de productos disponibles.</li>
                    <li>Para cada producto seleccionado se debe Ingresar el costo unitario e Indicar la cantidad correspondiente.</li>
                    <li>Marcar la casilla de selección.</li>
                    <li>Presionar el botón “Finalizar Selección”.</li>
                    <li>Los productos seleccionados se agregarán a la lista principal del pedido.</li>
                    </ul>

                    <h4>VACIAR LISTA DE PRODUCTOS</h4> <p>El botón “Vaciar Lista” permite eliminar todos los productos agregados al pedido, dejando la lista vacía.</p>

                    <h4>EDITAR DATOS DE PRODUCTO SELECCIONADO</h4>
                    <ul>
                    <li>Modificar directamente el costo o la cantidad.</li>
                    <li>Presionar el botón de edición ubicado en la columna “Acciones”.</li>
                    </ul>

                    <h4>ELIMINAR PRODUCTO INDIVIDUAL</h4> <p>En la columna “Acciones” también se encuentra un botón para eliminar productos de forma individual sin afectar el resto de la lista.</p>

                    <h3>ACCIONES FINALES DEL PEDIDO</h3>

                    <p>
                    En la parte inferior de la vista, a parte del monto final y la fecha, se encuentran un botón:
                    </p>

                    <h4>CONFIRMAR PEDIDO</h4>
                    <p>
                    Este botón permite guardar de manera definitiva el pedido en el sistema, actualizando el stock y precio de cada producto involucrado en el pedido, 
                    y cargar la vista final en donde el sistema consulta si desea descargar el remito o no, en caso de que desee debe presionar el botón "Generar Remito" y guardarlo donde desee, 
                    sino, puede hacer click en "Continuar" y así finaliza definitivamente el circuito de creación de pedido.
                    </p>

                    <h3>
                    PEDIDOS REGISTRADOS</h4> <p>Al hacer clic en el botón “Pedidos Registrados” que se encuentra en la parte superior derecha podrá visualizar el listado completo de todos los pedidos registrados.</p>
                    </h3>

                    <h2 id="modulos-admin">MÓDULOS EXCLUSIVOS (Administrador)</h2>

                    <h2 id="usuarios"> <i class="fas fa-users-cog me-2"> </i> USUARIOS</h2>

                    <h3>OBJETIVO</h3>
                    <p>Gestionar los usuarios con distintos tipos de acceso al sistema.</p>

                    <h3>PANTALLA PRINCIPAL</h3>
                    <p>
                    Al ingresar al módulo “Usuarios”, se visualizará un listado completo de los usuarios registrados,
                    junto con filtros de búsqueda en base a campos seleccionados, y acciones a realizar sobre cada usuario.
                    </p>

                    <h3>EDITAR UN USUARIO EXISTENTE</h3>
                    <ul>
                    <li>Ubicar el usuario buscado dentro de los registros.</li>
                    <li>Presionar el botón “Editar” correspondientemente.</li>
                    <li>Se abrirá otra pantalla en donde puede modificar los datos del mismo.</li>
                    <li>Hacer clic en el botón “Guardar Cambios”.</li>
                    </ul>

                    <p>NOTA: La contraseña actual no se muestra por motivos de seguridad.</p>

                    <h3>ELIMINAR USUARIO</h3>
                    <ul>
                    <li>Ubicar el usuario buscado dentro del listado de registros.</li>
                    <li>Hacer clic en el botón que se encuentra ubicado del lado derecho para eliminar el usuario.</li>
                    </ul>

                    <p>NOTA: Las acciones vinculadas a dicho usuario no serán desvinculadas ni eliminadas.</p>

                    <h3>CREAR UN NUEVO USUARIO</h3>
                    <ul>
                    <li>Hacer clic en el botón “Nuevo Usuario”, ubicado en la esquina superior derecha.</li>
                    <li>Completar los datos solicitados.</li>
                    <li>Seleccionar el rol correspondiente, ya sea Operador o Administrador.</li>
                    <li>Presionar el botón “Crear Usuario” para finalizar.</li>
                    </ul>

                    <h2 id="informes"> <i class="fas fa-chart-line me-2"> </i> INFORMES</h2>

                    <h3>OBJETIVO</h3>
                    <p>
                    Visualizar información financiera anual del negocio mediante gráficos dinámicos.
                    </p>

                    <p>
                    El módulo permite alternar entre distintos tipos de gráficos utilizando un selector superior para elegir
                    el tipo de informe y otro selector de año para definir el periodo a analizar.
                    </p>

                    <p>Existen dos informes disponibles:</p>

                    <ul>
                    <li>Balance Anual</li>
                    <li>Dinero a Cobrar</li>
                    </ul>

                    <h3>BALANCE ANUAL</h3>

                    <p>
                    Este informe permite analizar el rendimiento económico mensual del negocio durante el año seleccionado.
                    </p>

                    <ul>
                    <li>Ingresos mensuales por Ventas y Servicios.</li>
                    <li>Egresos correspondientes a Pedidos realizados.</li>
                    <li>Un gráfico de línea que representa la utilidad mensual.</li>
                    </ul>

                    <h4>TARJETAS INFORMATIVAS SUPERIORES</h4>

                    <ul>
                    <li>Ingresos totales.</li>
                    <li>Egresos totales.</li>
                    <li>Resultado neto anual.</li>
                    <li>Mejor mes del año.</li>
                    </ul>

                    <p>NOTA: Estas tarjetas se actualizan automáticamente al cambiar el año seleccionado.</p>

                    <h3>DINERO A COBRAR</h3>

                    <p>
                    Este informe permite visualizar el dinero pendiente a cobrar por servicios marcados como Pendiente - Enviado, en base al año seleccionado.
                    </p>

                    <ul>
                    <li>Una barra que suma el monto de servicio a cobrar.</li>
                    </ul>

                    <p>
                    Representa el total de dinero que todavía no ha sido cobrado por el negocio.
                    </p>

                    <p>
                    Las tarjetas de egresos, resultado neto y mejor mes se desactivan.
                    Solo permanece activa la tarjeta de ingresos, mostrando el total pendiente de cobro.
                    </p>

                    <h2 id="copias_seguridad"> <i class="fas fa-book me-2"> </i> COPIAS DE SEGURIDAD</h2>

                    <h3>OBJETIVO</h3>
                    <p>Gestionar las copias de seguridad realizadas sobre los datos contenidos en la base de datos.</p>

                    <h3>PANTALLA PRINCIPAL</h3>
                    <p>
                    Al ingresar al módulo “Copias de Seguridad”, se visualizará un listado con las copias realizadas que actualmente estan almacenadas,
                    junto con acciones que se puede realizar sobre cada una de ellas. Además en la parte inferior se visualiza el botón para generar una nueva copia.
                    </p>

                    <h3>ACCIONES SOBRE CADA COPIA</h3>
                    <p>
                    Existen tres botones, uno para descargar de manera local el archivo que contiene la copia de seguridad, el segundo que permite eliminarlo permanentemente, 
                    y el tercero que sirve para restaurar los datos del sistema a partir de la copia seleccionada.
                    </p>

                    <p>NOTA: Se recomienda precaución sobre el uso de estas acciones, ya que si bien se crea una copia automática al restaurar el sistema, se trata de datos sensibles
                    que pueden afectar su negocio.    
                    </p>

                    <h3>CREAR COPIA DE SEGURIDAD</h3>

                    <p>En la zona inferior derecha de la pantalla se encuentra un botón "Generar Copia", que permite generar y guardar un nuevo backup, para
                    poder restaurar el sistema en un futuro a partir del mismo.
                    </p>

                    <p>NOTA GENERALES SOBRE EL FUNCIONAMIENTO: Al iniciar sesión y durante una cierta cantidad de tiempo, si el sistema no detecta copias de seguridad almacenadas, 
                    el mismo dará aviso para que usted verifique el estado de las mismas, esto puede deberse a que no encuentra el dispositivo externo 
                    (si asi se setea al momento de la instalación y configuración del sistema) o porque no existen copias almacenadas, 
                    se pide que verifique cual de estos casos está ocurriendo y si es necesario, generar un backup.
                    <br>
                    Por otro lado, el sistema puede generar copias automáticas cada 7 días, esto siempre sucederá en la pantalla de Panel Principal (al iniciar sesión o acceder a ella), 
                    y será informado con un mensaje de éxito o fracaso. Para que esto suceda debe estar conectado el dispositivo externo (si así fué configurado).
                    </p>

                </div>
            </div>
        </div>
    </div>
</div>      