import { Ffilter } from './../../../core/interfaces/utils/forms/filters';
import { AfterViewInit, Component, OnInit, ViewChild } 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, AfterViewInit {

  @ViewChild('modalSiteComponent') modal: any;

  icon_border_all = faBorderAll;
  allyId: number = -1;
  sites: Site[] = SITES;
  search: string = '';
  form: Ffilter = {
    search: '',
    lat: 7.376362792514798,
    lng: -72.65115193327162,
    location: '',
    category: '',
    zoom: 2,
  }

  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("this is sites",sites)
        this.sites = sites
      },
      (error) => {
        console.log(error)
      }
    ) */
    this.getQueryParams();
  }

  ngAfterViewInit() {

  }

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

  public getQueryParams(){
    this.activeRoute.queryParams.subscribe(
      (data) => {
        if(data.search){
          this.form.search = data.search;
        }
      }
    )
  }

  handlePatternSearch($event: any) {
    this.form.search = $event;
  }

  handlePatternAllyId($event: any) {
    console.log(this.modal);
    document.getElementById('staticBackdrop')?.classList.remove('fade')
    this.allyId = $event;
  }

}