Galería de Capturas
===================

NoxPanel ofrece una interfaz profesional con tema claro/oscuro y navegación intuitiva.
A continuación se muestran capturas reales de la plataforma en funcionamiento.

Inicio de Sesión
-----------------

Pantalla de login con diseño moderno y soporte de tema oscuro/claro.

.. image:: /_static/screenshots/01_login.jpg
   :alt: Pantalla de inicio de sesión de NoxPanel
   :width: 100%
   :align: center

----

Panel de Hosting
-----------------

Dashboard principal del módulo de hosting con:

- **Estadísticas de recursos**: sitios web, bases de datos, buzones email, zonas DNS, cuentas FTP, usuarios SSH, alias email y certificados SSL.
- **Herramientas rápidas**: acceso directo a Archivos, phpMyAdmin, Webmail, Nuevo Sitio, Editor DNS y Backups.
- **Secciones organizadas**: Web & Archivos, Dominios & DNS, Bases de Datos y Email.

.. image:: /_static/screenshots/05_hosting_dashboard.jpg
   :alt: Dashboard del panel de hosting
   :width: 100%
   :align: center

----

Helpdesk / Tickets
-------------------

Sistema de tickets profesional con:

- **KPIs en tiempo real**: total, nuevos, abiertos, pendientes, asignados y sin asignar.
- **Seguimiento SLA**: tickets a tiempo, en riesgo e incumplidos con indicadores visuales.
- **Filtros avanzados**: estado, prioridad, departamento y asignación.
- **Tabla de tickets**: con número, asunto, prioridad, estado, solicitante, agente asignado, departamento, estado SLA y fecha.

.. image:: /_static/screenshots/06_helpdesk.jpg
   :alt: Dashboard del helpdesk con KPIs y SLA
   :width: 100%
   :align: center

----

Facturación
-----------

Panel de facturación con:

- **Métricas globales**: ingresos totales, pendiente de cobro, suscripciones activas y planes disponibles.
- **Tabla de suscripciones**: tenant, plan, recurso, precio, estado y fecha de inicio.
- **Facturas recientes**: número, tenant, fecha, vencimiento, subtotal, IVA, total, estado y acciones.

.. image:: /_static/screenshots/07_billing.jpg
   :alt: Panel de facturación con métricas y tablas
   :width: 100%
   :align: center

----

Gestión de Usuarios
--------------------

Panel de administración de usuarios con:

- **Tabla de usuarios**: nombre de usuario, email, nombre completo, rol (Administrator/Client), estado (Active/Inactive) y fecha de creación.
- **Filtros**: búsqueda por texto y filtro por rol.
- **Acciones**: ver detalle, editar y **impersonar** (botón que permite al admin ver el panel como ese usuario).

.. image:: /_static/screenshots/08_user_management.jpg
   :alt: Gestión de usuarios con impersonación
   :width: 100%
   :align: center

----

Admin Hosting
--------------

Vista administrativa global de hosting con:

- **Lista de tenants**: nombre, slug, propietario, número de sitios, estado y acción de gestionar.
- **Estadísticas consolidadas**: tenants totales, sitios totales, dominios y bases de datos.

.. image:: /_static/screenshots/09_hosting_admin.jpg
   :alt: Panel de administración de hosting
   :width: 100%
   :align: center

----

Django Admin
-------------

Panel de administración Django con todos los módulos registrados:

- **Autenticación y Autorización**: Grupos.
- **Hosting**: DNS Records, DNS Zones, FTP Accounts, Hosting Databases, Hosting Domains, Hosting Sites, Hosting Tenants, Hosting Clients, Mail Aliases, Mail Domains, Mailboxes, SSL Certificates, Shell Users, Tenant Users.
- **VMs**: Asignaciones HA, Grupos HA, IP Addresses, IP Pools, Logs de Auditoría, Permisos de Storage, Pools, Proxmox Nodes, VLANs, Virtual Machines.
- **Facturación**: Facturas, Métodos de Pago, Pagos, Perfiles de Facturación, Planes de Precios, Registros de Uso, Suscripciones, Webhook Events.
- **Tickets / Helpdesk**: Actividades, Agentes, Cuentas de Email, Departamentos, Etiquetas, Políticas SLA, Respuestas Predefinidas, Tickets.
- **Accounts**: Users.
- **Admin Panel**: Audit Logs, Permissions, Resource Pools, System Metrics.
- **Tareas Periódicas**: Celery Beat (Cronometrado, Crontabs, Eventos solares, Intervalos, Tareas periódicas).

.. image:: /_static/screenshots/10_django_admin.jpg
   :alt: Django Admin con todos los módulos
   :width: 100%
   :align: center

----

API REST (Swagger)
-------------------

Documentación interactiva de la API REST generada automáticamente con OpenAPI 3.0.
Incluye 117+ endpoints organizados por módulo con ejemplos, esquemas de request/response y autenticación JWT.

.. image:: /_static/screenshots/02_swagger_api.jpg
   :alt: Documentación Swagger API
   :width: 100%
   :align: center

----

Herramientas Integradas
------------------------

phpMyAdmin
^^^^^^^^^^

Gestión visual de bases de datos MySQL/MariaDB accesible directamente desde el panel.

.. image:: /_static/screenshots/03_phpmyadmin.jpg
   :alt: phpMyAdmin integrado
   :width: 100%
   :align: center

Roundcube Webmail
^^^^^^^^^^^^^^^^^

Cliente de correo web profesional integrado para gestión de buzones de hosting.

.. image:: /_static/screenshots/04_webmail_roundcube.jpg
   :alt: Roundcube Webmail integrado
   :width: 100%
   :align: center

----

White-Label / Branding
-----------------------

Configuración de marca personalizada por tenant con:

- **Vista previa en vivo**: previsualización de colores y marca antes de guardar.
- **Toggle de activación**: habilita/deshabilita el branding personalizado.
- **Colores del tema**: color principal, secundario, fondo sidebar y texto sidebar con selectores de color y sincronización hexadecimal.
- **Marca**: nombre, logo, favicon y dominio personalizado.
- **Footer y CSS**: texto y URL del footer, CSS personalizado.

.. image:: /_static/screenshots/14_whitelabel_config.jpg
   :alt: Configuración White-Label con vista previa
   :width: 100%
   :align: center