import { Component, OnInit, Input } from '@angular/core';
import { CookieService } from 'ngx-cookie-service';
import { UtilService } from 'src/app/core/services/util-service/util.service';
import { AppConfig } from 'src/app/app.config';
import { DataResolverService } from 'src/app/core/services/data-resolver/data-resolver.service';
import { PublicationService } from 'src/app/core/services/publication-service/publication.service';

@Component({
  selector: '[cookies-banner]',
  templateUrl: './cookies-banner.component.html',
  styleUrls: ['./cookies-banner.component.scss'],

})
export class CookiesBannerComponent implements OnInit {

  cookiesContent;
  hasAcceptedCookies: boolean;
  titleLabel: string;
  buttonLabel: string;
  cookieInformationLabel: string;

  cookiesBannerUrl: string;
  
  
  constructor(private cookieService: CookieService, private util: UtilService, 
    private dataService: DataResolverService, private publicationService: PublicationService) 
  {
    this.cookiesBannerUrl = `${this.publicationService.getPublicationPath()}/system-pages/cookiesbanner.html`;
  }

  ngOnInit() {
    this.hasAcceptedCookies = this.cookieService.get(AppConfig.settings.cookiesConfig.acceptCookie) === 'yes';

    if(!this.hasAcceptedCookies) {
      this.fetchCookiesBanner();
    }
    
  }

  public accept() {
    
    this.cookieService.set(AppConfig.settings.cookiesConfig.acceptCookie, 'yes', 365, 
    AppConfig.settings.cookiesConfig.path, AppConfig.settings.cookiesConfig.domain);

    this.hasAcceptedCookies = true;
  }

  public fetchCookiesBanner(): void {
    this.dataService.getPageData(this.cookiesBannerUrl).then(page => {
      this.cookiesContent = page;
      
      const entity = this.util.extract(this.cookiesContent, 'Regions', region => region.Name === 'main', 'Entities', '0');
      this.titleLabel = entity.Title;
      this.cookieInformationLabel = entity.Text.BodyText;
      this.buttonLabel = entity.ButtonText;
    });
  }

}