import { Component, OnInit } from '@angular/core';
import * as XLSX from 'xlsx';
import * as FileSaver from 'file-saver';
import { jsPDF } from 'jspdf';
import { exportAsExcelFile, exportAsExcelTable } from '../export/export_excel';
import { generatePDFTableData, createPDFTableHeaders, generatePDFTable, saveGeneratedPDF } from '../export/export_pdf';

import { FacturaService } from '../../factura/service/factura.service';
import { UsuarioExtraService } from '../../usuario-extra/service/usuario-extra.service';
import { CategoriaService } from '../../categoria/service/categoria.service';
import { EncuestaService } from '../../encuesta/service/encuesta.service';

import { ICategoria } from '../../categoria/categoria.model';
import { IEncuesta } from '../../encuesta/encuesta.model';
import { finalize } from 'rxjs/operators';

import * as Chartist from 'chartist';

import { faWallet, faUsers, faUsersSlash } from '@fortawesome/free-solid-svg-icons';
import { IUsuarioExtra } from '../../usuario-extra/usuario-extra.model';
import { IUser } from '../../user/user.model';

@Component({
  selector: 'jhi-dashboard-admin',
  templateUrl: './dashboard-admin.component.html',
  styleUrls: ['./dashboard-admin.component.scss'],
})
export class DashboardAdminComponent implements OnInit {
  cantUsuarioActivos: number | undefined = 0;
  cantUsuarioBloqueados: number | undefined = 0;
  encuestasPublicadasCategoria: number[] = [];
  encuestasFinalzadasCategoria: number[] = [];
  encuestasPublicadasMesAnno: number[] = [];
  listaMesesAnnos: string[] = [];
  gananciasTotales: number = 0;
  categorias: ICategoria[] | undefined = [];
  encuestas: IEncuesta[] | undefined = [];
  usuarios: IUsuarioExtra[] | undefined = [];
  faWallet = faWallet;
  faUsers = faUsers;
  faUsersSlash = faUsersSlash;
  encuestasPublicadas: number = 0;
  encuestasFinalizadas: number = 0;
  encuestasBorrador: number = 0;
  encuestasCompletadas: number = 0;
  encuestasUsuario: number[] = [];
  encuestasUsuarioPublicadas: number[] = [];
  encuestasUsuarioFinalizadas: number[] = [];
  encuestasUsuarioBorrador: number[] = [];
  encuestasUsuarioCompletadas: number[] = [];
  usuariosGenerales: IUser[] | null = [];

  reportsGeneral = false;
  reportForUsers = true;

  chartFechas = [];

  constructor(
    protected facturaService: FacturaService,
    protected usuarioExtraService: UsuarioExtraService,
    protected encuestaService: EncuestaService,
    protected categoriaService: CategoriaService
  ) {}

  ngOnInit(): void {
    this.loadAll();
  }

  trackId(_index: number, item: ICategoria): number {
    return item.id!;
  }

  trackIdUsuario(_index: number, item: IUsuarioExtra): number {
    return item.id!;
  }

  cambiarVista() {
    if (this.reportsGeneral) {
      this.reportsGeneral = false;
      this.reportForUsers = true;
    } else if (this.reportForUsers) {
      this.reportsGeneral = true;
      this.reportForUsers = false;
    }
  }

  loadAll() {
    this.cargarGananciasTotales();
    this.cargarUsers();
  }

  cargarGananciasTotales() {
    this.facturaService.query().subscribe(res => {
      const tempFacturas = res.body;
      tempFacturas?.forEach(f => {
        if (f.costo != undefined) {
          this.gananciasTotales += f.costo;
        }
      });
    });
  }

  cargarUsers() {
    this.usuarioExtraService
      .retrieveAllPublicUsers()
      .pipe(finalize(() => this.cargarCantidadUsuarios()))
      .subscribe(res => {
        res.forEach(user => {
          let rolList: string[] | undefined;
          rolList = user.authorities;
          let a = rolList?.pop();
          if (a == 'ROLE_ADMIN') {
            user.authorities = ['Admin'];
          } else if (a == 'ROLE_USER') {
            user.authorities = ['Usuario'];
          }
        });
        this.usuariosGenerales = res;
      });
  }

  cargarCantidadUsuarios() {
    this.usuarioExtraService
      .query()
      .pipe(finalize(() => this.cargarEncuestas()))
      .subscribe(res => {
        const tmpUsuarios = res.body;

        if (tmpUsuarios) {
          tmpUsuarios.forEach(u => {
            u.user = this.usuariosGenerales?.find(g => g.id == u.user?.id);
          });
        }
        this.usuarios = tmpUsuarios?.filter(u => u.user?.authorities && u.user?.authorities[0] === 'Usuario');
        this.cantUsuarioActivos = tmpUsuarios?.filter(u => u.estado === 'ACTIVE').length;
        this.cantUsuarioBloqueados = tmpUsuarios?.filter(u => u.estado === 'SUSPENDED').length;
      });
  }

  cargarEncuestas() {
    this.encuestaService
      .query()
      .pipe(finalize(() => this.cargarCategorias()))
      .subscribe(res => {
        const tmpEncuestas = res.body;
        this.encuestas = tmpEncuestas?.filter(e => e.estado === 'ACTIVE' || e.estado === 'FINISHED' || e.estado === 'DRAFT');
        if (tmpEncuestas) {
          this.encuestasPublicadas = tmpEncuestas.filter(e => e.estado === 'ACTIVE').length;
          this.encuestasFinalizadas = tmpEncuestas.filter(e => e.estado === 'FINISHED').length;
          this.encuestasBorrador = tmpEncuestas.filter(e => e.estado === 'DRAFT').length;
          let cantidadCompletadas: number = 0;
          tmpEncuestas
            .filter(e => e.estado === 'ACTIVE')
            .forEach(e => {
              const _contadorCompletadas = e.calificacion;
              cantidadCompletadas = cantidadCompletadas + (Number(_contadorCompletadas?.toString().split('.')[1]) - 1);
            });
          this.encuestasCompletadas = cantidadCompletadas;

          //reportes generales de todos los usuarios
          const publicadasUser: number[] | null = [];
          const finalizadasUser: number[] | null = [];
          const borradoresUser: number[] | null = [];
          const encuestasUser: number[] | null = [];
          const encuestasCompletadasUser: number[] | null = [];

          if (this.usuarios) {
            this.usuarios.forEach(u => {
              let cantEncuestas = 0;
              let cantPublicadas = 0;
              let cantFinalizadas = 0;
              let cantBorradores = 0;
              cantEncuestas = tmpEncuestas.filter(e => e.estado !== 'DELETED' && e.usuarioExtra?.id === u.id).length;
              cantPublicadas = tmpEncuestas.filter(e => e.estado === 'ACTIVE' && e.usuarioExtra?.id === u.id).length;
              cantFinalizadas = tmpEncuestas.filter(e => e.estado === 'FINISHED' && e.usuarioExtra?.id === u.id).length;
              cantBorradores = tmpEncuestas.filter(e => e.estado === 'DRAFT' && e.usuarioExtra?.id === u.id).length;

              encuestasUser.push(cantEncuestas);
              borradoresUser.push(cantBorradores);
              publicadasUser.push(cantPublicadas);
              finalizadasUser.push(cantFinalizadas);

              let cantidadCompletadasUser: number = 0;
              tmpEncuestas
                .filter(e => e.estado === 'ACTIVE' && e.usuarioExtra?.id === u.id)
                .forEach(e => {
                  const _contadorCompletadas = e.calificacion;
                  cantidadCompletadasUser = cantidadCompletadasUser + (Number(_contadorCompletadas?.toString().split('.')[1]) - 1);
                });
              encuestasCompletadasUser.push(cantidadCompletadasUser);
            });
            this.encuestasUsuarioCompletadas = encuestasCompletadasUser;
            this.encuestasUsuario = encuestasUser;
            this.encuestasUsuarioBorrador = borradoresUser;
            this.encuestasUsuarioPublicadas = publicadasUser;
            this.encuestasUsuarioFinalizadas = finalizadasUser;
          }
        }
      });
  }

  cargarCategorias() {
    this.categoriaService
      .query()
      .pipe(finalize(() => this.acomodarMesesYAnnos()))
      .subscribe(res => {
        const tmpCategorias = res.body;
        this.categorias = tmpCategorias?.filter(c => c.estado === 'ACTIVE');
        const publicadas: number[] | null = [];
        const finalizadas: number[] | null = [];
        this.categorias?.forEach(c => {
          let cantPublicadas = 0;
          let cantFinalizadas = 0;
          this.encuestas?.forEach(e => {
            if (e.categoria?.id === c.id && e.estado === 'ACTIVE') {
              cantPublicadas = cantPublicadas + 1;
            }
            if (e.categoria?.id === c.id && e.estado === 'FINISHED') {
              cantFinalizadas = cantFinalizadas + 1;
            }
          });
          publicadas.push(cantPublicadas);
          finalizadas.push(cantFinalizadas);
        });
        this.encuestasPublicadasCategoria = publicadas;
        this.encuestasFinalzadasCategoria = finalizadas;
      });
  }

  acomodarMesesYAnnos() {
    const fechas: string[] | null = [];
    const cantEncuestasFechas: number[] | null = [];
    var encuestasPublicadas = this.encuestas?.filter(e => e.estado === 'ACTIVE');
    if (encuestasPublicadas) {
      encuestasPublicadas = this.ordenarFechas(encuestasPublicadas);
      encuestasPublicadas.forEach(e => {
        if (e.fechaPublicacion) {
          let fecha = this.formatoFecha(e.fechaPublicacion);
          if (!fechas.includes(fecha)) {
            fechas.push(fecha);
          }
        }
      });
      this.listaMesesAnnos = fechas;

      this.listaMesesAnnos.forEach(f => {
        let contEncuestaDeFecha = 0;
        if (encuestasPublicadas) {
          encuestasPublicadas.forEach(e => {
            if (e.fechaPublicacion) {
              let fecha = this.formatoFecha(e.fechaPublicacion);
              if (f === fecha) {
                contEncuestaDeFecha++;
              }
            }
          });
        }
        cantEncuestasFechas.push(contEncuestaDeFecha);
      });
      this.encuestasPublicadasMesAnno = cantEncuestasFechas;
    }
    this.llenarGraficoEncuestasXFechas();
  }

  llenarGraficoEncuestasXFechas() {
    if (this.listaMesesAnnos && this.encuestasPublicadasMesAnno) {
      var data = {
        // A labels array that can contain any sort of values
        labels: this.listaMesesAnnos,
        // Our series array that contains series objects or in this case series data arrays
        series: [this.encuestasPublicadasMesAnno],
      };
      var options = {
        low: 0,
        showArea: true,
        showLabel: true,
        axisY: {
          onlyInteger: true,
        },
      };
      new Chartist.Line('.ct-chart', data, options);
    }
  }

  formatoFecha(fecha: any): string {
    return fecha.month() + 1 + '/' + fecha.year();
  }

  ordenarFechas(encuestasPublicadas: IEncuesta[]): IEncuesta[] {
    if (encuestasPublicadas) {
      encuestasPublicadas.sort((e1, e2) => {
        if (e1.fechaPublicacion && e2.fechaPublicacion) {
          return e1.fechaPublicacion < e2.fechaPublicacion ? -1 : e1.fechaPublicacion > e2.fechaPublicacion ? 1 : 0;
        }
        return 0;
      });
    }
    return encuestasPublicadas;
  }

  exportReportesGeneralesAdministradorExcel(): void {
    /*
      Cantidad de usuarios activos
      Cantidad de usuarios bloqueados
      Cantidad de encuestas publicadas por categoría
      Cantidad de encuestas finalizadas por categoría
      Cantidad de encuestas publicadas por mes y año

      Cantidad de encuestas
      Cantidad de personas que han completado sus encuestas
      Cantidad de encuestas activas
      Cantidad de encuestas finalizadas
      Cantidad de comentarios de retroalimentación
    */

    const _sheets = [
      'usuarios generales',
      'enc. publicadas',
      'enc. publicadas categoría',
      'enc. finalizadas categoría',
      'encuestas generales',
      'reporte de usuarios',
    ];

    const _reporteUsuarios = [
      {
        ganancias_plantillas: this.gananciasTotales,
        usuarios_activos: this.cantUsuarioActivos,
        usuarios_bloqueados: this.cantUsuarioBloqueados,
      },
    ];

    // listaMesesAnnos
    // encuestasPublicadasMesAnno
    const _reporteEncuestasPublicadas: any[] = [];
    this.listaMesesAnnos.forEach((date: any, index) => {
      let _report: any = {};
      _report['fecha'] = date;
      _report['cantidad'] = this.encuestasPublicadasMesAnno[index];
      _reporteEncuestasPublicadas.push(_report);
    });

    // this.categorias
    // this.encuestasPublicadasCategoria
    const _reporteCantidadEncuestasPublicadasCategoria: any[] = [];
    this.categorias!.forEach((categoria: any, index) => {
      let _report: any = {};
      _report['categoria'] = categoria.nombre;
      _report['cantidad'] = this.encuestasPublicadasCategoria[index];
      _reporteCantidadEncuestasPublicadasCategoria.push(_report);
    });

    // this.categorias
    // this.encuestasFinalzadasCategoria
    const _reporteCantidadEncuestasFinalizadasCategoria: any[] = [];
    this.categorias!.forEach((categoria: any, index) => {
      let _report: any = {};
      _report['categoria'] = categoria.nombre;
      _report['cantidad'] = this.encuestasFinalzadasCategoria[index];
      _reporteCantidadEncuestasFinalizadasCategoria.push(_report);
    });

    // this.encuestasPublicadas
    // this.encuestasFinalizadas
    // this.encuestasBorrador
    // this.encuestasCompletadas
    const _reporteEncuestasReportesGenerales = [
      {
        encuestas_borrador: this.encuestasBorrador,
        encuestas_publicadas: this.encuestasPublicadas,
        encuestas_finalizadas: this.encuestasFinalizadas,
        encuestas_completadas: this.encuestasCompletadas,
      },
    ];

    // this.encuestasUsuario;
    // this.encuestasUsuarioPublicadas;
    // this.encuestasUsuarioFinalizadas;
    // this.encuestasUsuarioBorrador;
    // this.encuestasUsuarioCompletadas;
    // this.usuarios;
    const _reporteEncuestasUsuarios: any[] = [];
    this.usuarios!.forEach((user, index) => {
      let _report: any = {};
      _report['usuario_nombre'] = user.nombre;
      _report['usuario_encuestas'] = this.encuestasUsuario[index];
      _report['encuestas_borrador'] = this.encuestasUsuarioBorrador[index];
      _report['encuestas_publicadas'] = this.encuestasUsuarioPublicadas[index];
      _report['encuestas_finalizadas'] = this.encuestasUsuarioFinalizadas[index];
      _report['encuestas_completadas_usuarios'] = this.encuestasUsuarioCompletadas[index];
      _reporteEncuestasUsuarios.push(_report);
    });

    const _excelFinalData = [
      _reporteUsuarios,
      _reporteEncuestasPublicadas,
      _reporteCantidadEncuestasPublicadasCategoria,
      _reporteCantidadEncuestasFinalizadasCategoria,
      _reporteEncuestasReportesGenerales,
      _reporteEncuestasUsuarios,
    ];
    const _fileName = 'reportes_datasurvey';
    exportAsExcelFile(_sheets, _excelFinalData, _fileName);
  }

  exportReportesGeneralesAdministradorPDF(): void {
    /*
      Cantidad de usuarios activos
      Cantidad de usuarios bloqueados
      Cantidad de encuestas publicadas por categoría
      Cantidad de encuestas finalizadas por categoría
      Cantidad de encuestas publicadas por mes y año

      Cantidad de encuestas
      Cantidad de personas que han completado sus encuestas
      Cantidad de encuestas activas
      Cantidad de encuestas finalizadas
      Cantidad de comentarios de retroalimentación

    */

    const doc = new jsPDF();
    const _fileName = 'reportes_datasurvey';
    let _docData, _headers, _docHeaders, _docTitle;

    // Usuarios Generales
    const _reporteUsuarios = [
      {
        ganancias_plantillas: this.gananciasTotales!.toString(),
        usuarios_activos: this.cantUsuarioActivos!.toString(),
        usuarios_bloqueados: this.cantUsuarioBloqueados!.toString(),
      },
    ];
    _docData = generatePDFTableData(_reporteUsuarios);
    _headers = ['ganancias_plantillas', 'usuarios_activos', 'usuarios_bloqueados'];
    _docHeaders = createPDFTableHeaders(_headers);
    _docTitle = 'Reporte Usuarios Generales';

    generatePDFTable(doc, _docData, _docHeaders, _docTitle);
    doc.addPage('p');

    // Encuestas Publicadas
    const _reporteEncuestasPublicadas: any[] = [];
    this.listaMesesAnnos.forEach((date: any, index) => {
      let _report: any = {};
      _report['fecha'] = date;
      _report['cantidad'] = this.encuestasPublicadasMesAnno[index].toString();
      _reporteEncuestasPublicadas.push(_report);
    });
    _docData = generatePDFTableData(_reporteEncuestasPublicadas);
    _headers = ['fecha', 'cantidad'];
    _docHeaders = createPDFTableHeaders(_headers);
    _docTitle = 'Reporte Encuestas Publicadas';

    generatePDFTable(doc, _docData, _docHeaders, _docTitle);
    doc.addPage('p');

    // Encuestas Publicadas
    const _reporteCantidadEncuestasPublicadasCategoria: any[] = [];
    this.categorias!.forEach((categoria: any, index) => {
      let _report: any = {};
      _report['categoria'] = categoria.nombre;
      _report['cantidad'] = this.encuestasPublicadasCategoria[index].toString();
      _reporteCantidadEncuestasPublicadasCategoria.push(_report);
    });
    _docData = generatePDFTableData(_reporteCantidadEncuestasPublicadasCategoria);
    _headers = ['categoria', 'cantidad'];
    _docHeaders = createPDFTableHeaders(_headers);
    _docTitle = 'Reporte Encuestas Publicadas por Categoría';

    generatePDFTable(doc, _docData, _docHeaders, _docTitle);
    doc.addPage('p');

    // Encuestas Publicadas
    const _reporteCantidadEncuestasFinalizadasCategoria: any[] = [];
    this.categorias!.forEach((categoria: any, index) => {
      let _report: any = {};
      _report['categoria'] = categoria.nombre;
      _report['cantidad'] = this.encuestasFinalzadasCategoria[index].toString();
      _reporteCantidadEncuestasFinalizadasCategoria.push(_report);
    });
    _docData = generatePDFTableData(_reporteCantidadEncuestasFinalizadasCategoria);
    _headers = ['categoria', 'cantidad'];
    _docHeaders = createPDFTableHeaders(_headers);
    _docTitle = 'Reporte Encuestas Finalizadas por Categoría';

    generatePDFTable(doc, _docData, _docHeaders, _docTitle);
    doc.addPage('', 'l');

    // Encuestas Generales
    const _reporteEncuestasReportesGenerales = [
      {
        encuestas_borrador: this.encuestasBorrador.toString(),
        encuestas_publicadas: this.encuestasPublicadas.toString(),
        encuestas_finalizadas: this.encuestasFinalizadas.toString(),
        encuestas_completadas: this.encuestasCompletadas.toString(),
      },
    ];
    _docData = generatePDFTableData(_reporteEncuestasReportesGenerales);
    _headers = ['encuestas_borrador', 'encuestas_publicadas', 'encuestas_finalizadas', 'encuestas_completadas'];
    _docHeaders = createPDFTableHeaders(_headers);
    _docTitle = 'Reporte Encuestas Generales';
    generatePDFTable(doc, _docData, _docHeaders, _docTitle);
    doc.addPage('', 'l');

    // Usuarios
    const _reporteEncuestasUsuarios: any[] = [];
    this.usuarios!.forEach((user, index) => {
      let _report: any = {};
      _report['usuario_nombre'] = user.nombre;
      _report['usuario_encuestas'] = this.encuestasUsuario[index].toString();
      _report['encuestas_borrador'] = this.encuestasUsuarioBorrador[index].toString();
      _report['encuestas_publicadas'] = this.encuestasUsuarioPublicadas[index].toString();
      _report['encuestas_finalizadas'] = this.encuestasUsuarioFinalizadas[index].toString();
      _report['encuestas_completadas_usuarios'] = this.encuestasUsuarioCompletadas[index].toString();
      _reporteEncuestasUsuarios.push(_report);
    });
    _docData = generatePDFTableData(_reporteEncuestasUsuarios);
    _headers = [
      'usuario_nombre',
      'usuario_encuestas',
      'encuestas_borrador',
      'encuestas_publicadas',
      'encuestas_finalizadas',
      'encuestas_completadas_usuarios',
    ];
    _docHeaders = createPDFTableHeaders(_headers);
    _docTitle = 'Reporte de Usuarios';

    generatePDFTable(doc, _docData, _docHeaders, _docTitle);

    saveGeneratedPDF(doc, _fileName);
  }
}