import { Component, OnInit } from '@angular/core';
import { Title } from '@angular/platform-browser';
import { faBorderAll } from '@fortawesome/free-solid-svg-icons';
import { Site } from 'src/app/core/interfaces/site/site';
import { SiteService } from 'src/app/core/services/site/site.service';
import { SITES } from '../../../core/mocks/data';
import { ActivatedRoute } from '@angular/router'

@Component({
  templateUrl: './discover.component.html',
  styleUrls: ['./discover.component.scss']
})
export class DiscoverComponent implements OnInit {

  icon_border_all = faBorderAll;
  sites: Site[] = SITES;
  search: string = '';

  constructor(private site_service: SiteService, private title: Title, private activeRoute: ActivatedRoute) { }

  ngOnInit(): void {
    this.setTitle("Discover | Camara de comercio|");
    /* this.site_service.getSites().subscribe(
      (sites) => {
        console.log(sites)
        this.sites = sites
      },
      (error) => {
        console.log(error)
      }
    ) */
    this.getQueryParams();
  }

  public setTitle(newTitle: string) {
    this.title.setTitle(newTitle);
  }

  public getQueryParams(){
    this.activeRoute.queryParams.subscribe(
      (data) => {
        console.log("This is data search ",data);
        if(data.search){
          this.search = data.search;
        }
      }
    )
  }

  handlePatternSearch($event: any) {
    console.log("Parametro de busqueda",$event)
    this.search = $event;
  }

}