import { Component, OnInit, Input } from '@angular/core';
import { RowResolverService } from 'src/app/core/services/row-resolver.service';
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: 'footer[footer]',
	templateUrl: './footer.component.html',
	styleUrls: ['./footer.component.scss']
})
export class FooterComponent implements OnInit {

	page;
	footerRegion;
	footerSideRegion;
	footerSoleRegion;

	constructor(
		private rowResolver: RowResolverService,
		private dataResolver: DataResolverService,
		private publication: PublicationService
	) { }

	ngOnInit() {
		this.setupRegions();
	}

	setupRegions(): any {

		const pubPath = this.publication.getPublicationPath();
		const url = `${pubPath}/system-pages/footer`;

		this.dataResolver.getPageData(url).then(page => {
			this.page = page;

			const regions = this.page.Regions;

			const footerReg = regions.find(region => region.Name === 'footer');
			this.footerRegion = footerReg ? footerReg.Entities : [];

			const footerSideReg = regions.find(region => region.Name === 'footerSide');
			this.footerSideRegion = footerSideReg ? footerSideReg.Entities : [];

			const footerSoleReg = regions.find(region => region.Name === 'footerSole');
			this.footerSoleRegion = footerSoleReg ? footerSoleReg.Entities : [];

			this.footerRegion = this.rowResolver.transform(this.footerRegion, 'FOOTER');
			this.footerSideRegion = this.rowResolver.transform(this.footerSideRegion, 'FOOTER');
			this.footerSoleRegion = this.rowResolver.transform(this.footerSoleRegion, 'FOOTER');

		});
	}
}