import { Component } from '@angular/core';
import { ActivatedRoute } from '@angular/router';

@Component({
  selector: 'app-linea',
  templateUrl: './linea.component.html',
  styleUrl: './linea.component.css'
})
export class LineaComponent {
  public typeLine: any;
  public products: any[] = [
    {
      img: 'assets/img/dfs.png',
      name: 'AERO',
      description: 'La gama AERO de extractores axiales marca ATC, ha sido especialmente diseñada para aplicación en muro, techo o falso plafón y es lo solución ideal para la renovación ambiental en espacios reducidos con....'
    },
    {
      img: 'assets/img/dv.png',
      name: 'OV',
      description: 'La serie OV de los Aero Extractores-Inyectores OVNI Centrífugos en línea con motor del tipo rotor exterior, ha sido especialmente diseñado para acoplar en ductos de ventilación....'
    },
    {
      img: 'assets/img/fds.png',
      name: 'AB',
      description: 'Aero extractor-inyector tubular booster "6, 10, 12, 14" de diámetro. La serie AB es una gama de extractores axiales tipo tubular accionados con acoplamiento directo y diseñados especialmente para los....'
    },
    {
      img: 'assets/img/dfs.png',
      name: 'AERO',
      description: 'La gama AERO de extractores axiales marca ATC, ha sido especialmente diseñada para aplicación en muro, techo o falso plafón y es lo solución ideal para la renovación ambiental en espacios reducidos con....'
    },
    {
      img: 'assets/img/dv.png',
      name: 'OV',
      description: 'La serie OV de los Aero Extractores-Inyectores OVNI Centrífugos en línea con motor del tipo rotor exterior, ha sido especialmente diseñado para acoplar en ductos de ventilación....'
    }

  ];
  public option: string | null = "";
  constructor(private route: ActivatedRoute) { }

  ngOnInit() {
    this.route.paramMap.subscribe(params => {
      this.option = params.get('tipo');
      this.cargarDatos(params.get('tipo'));
    });
  }


  cargarDatos(tipo: any) {
    if (tipo === 'habitat') {
      this.typeLine = 'Línea Hábitat';
      // this.products = [...]; // Datos de línea hábitat
    } else if (tipo === 'comercial') {
      this.typeLine = 'Línea Comercial';
      // this.products = [...]; // Datos de línea comercial
    } else if (tipo === 'industrial') {
      this.typeLine = 'Línea Industrial';
      // this.products = [...]; // Datos de línea comercial
    } else if (tipo === 'aplicacion') {
      this.typeLine = 'Por Aplicación';
      // this.products = [...]; // Datos de línea comercial
    }
  }

}
