import { Component, OnInit } from '@angular/core';
import { ActivatedRoute, Router } from '@angular/router';
import { LabelService } from 'src/app/core/services/label-service/label-service.service';
import { PublicationService } from 'src/app/core/services/publication-service/publication.service';
import { LoadingIndicatorService } from 'src/app/core/services/loading-indicator.service';
import { ConstantsService } from 'src/app/shared/constants/constants.service';

@Component ({
	selector: 'no-search-result',
	templateUrl: './no-result.component.html',
	styleUrls: ['./no-result.component.scss']

})
export class NoResultComponent implements OnInit {

	contactLink;
	currentPublication;
	groupLink;
	searchQ;
	// Labels
	zeroHeaderLabel: string;
	firstBulletLabel: string;
	secondBulletLabel: string;
	thirdBulletLabel: string;
	fourthBulletLabel1: string;
	fourthBulletLabel2: string;
	fourthBulletLabel3: string;
	fifthBulletLabel: string;

	constructor(
		public loadingService: LoadingIndicatorService,
		public route: Router,
		public activeRoute: ActivatedRoute,
		private labelService: LabelService,
		private publicationService: PublicationService,
		private constantsService: ConstantsService
	) {}

	ngOnInit() {
		this.currentPublication = this.publicationService.getPublicationPath();
		this.contactLink = `${this.currentPublication}${this.constantsService.CONTACT_US}`;

		this.labelService.getLabel('noResultsFound').then(res => { this.zeroHeaderLabel = res; });
		this.labelService.getLabel('noResultTextLine1').then(res => { this.firstBulletLabel = res; });
		this.labelService.getLabel('noResultTextLine2').then(res => { this.secondBulletLabel = res; });
		this.labelService.getLabel('noResultTextLine3').then(res => { this.thirdBulletLabel = res; });
		this.labelService.getLabel('noResultTextLine4intro').then(res => { this.fourthBulletLabel1 = res; });
		this.labelService.getLabel('noResultTextLine4middle').then(res => { this.fourthBulletLabel2 = res; });
		this.labelService.getLabel('noResultTextLine4end').then(res => { this.fourthBulletLabel3 = res; });
		this.labelService.getLabel('noResultTextLine5').then(res => { this.fifthBulletLabel = res; });


		// Create new route to group site
		let newRoute = this.route.url;
		newRoute = newRoute.split('?')[0];

		// Change to group publication
		newRoute = newRoute.replace(this.currentPublication, '/group');
		this.groupLink = newRoute;

		
		// If on site search, pass the search query
		
		if (this.activeRoute.snapshot.queryParams.q) {
			this.searchQ = {
				q: this.activeRoute.snapshot.queryParams.q
			};
		}

		// Remove the below line (71) when R32 will live, this is a temporary fix to link to existing Group site for now.
		this.groupLink = "https://www.skf.com/group/system/SiteSearchResults.html?q="+this.activeRoute.snapshot.queryParams.q;

	}
}