import { Component, OnInit, Input, HostBinding, OnChanges } from '@angular/core';
import { UtilService } from 'src/app/core/services/util-service/util.service';
import { Tool } from 'src/app/core/interfaces/interfaces.component';
import { KeycloakService } from 'keycloak-angular';
import { LabelService } from 'src/app/core/services/label-service/label-service.service';

@Component({
	selector: '[tools-document]',
	templateUrl: './tools-document.component.html',
	styleUrls: ['tools-document.component.scss']
})
export class ToolsDocumentComponent implements OnInit {

	@Input() entity;
	roles = [];
	isLoggedIn: boolean;
	
	tool: any;
	readonly loginLabelKey = 'loginRequired';
	readonly restrictedAccessKey = 'restrictedAccess';
	loginLabel: String;
	restrictedAccessLabel: String;

	@HostBinding('class') get class() { return 'card'; }

	constructor(
		private util: UtilService,
		private keycloakService: KeycloakService,
		private labels: LabelService
	) {}

	ngOnInit(): void {
		this.labels.getLabel(this.loginLabelKey).then(label => this.loginLabel = label.toUpperCase());
		this.labels.getLabel(this.restrictedAccessKey).then(label => this.restrictedAccessLabel = label.toUpperCase());

		this.keycloakService.isLoggedIn().then(res => {
			this.isLoggedIn = res;
			
			if (this.isLoggedIn) {
				this.keycloakService.getUserRoles(true).map(role => this.roles.push(role));
				this.roles = this.roles.map(role => this.parseRole(role.toString()));
			}

			this.tool = this.parseTool(this.entity);
		});
	}

	parseRole(role: string): String {
		if (role.includes('[')) {
			role = role.slice(0, role.indexOf('['));
		}
		return role.trim();
	}

	parseTool(json: any): Tool {
		return {
			id: this.util.extract(json, 'Id'),
			imageUrl: this.util.extract(json, 'Image', 'Url') || this.util.extract(json, 'image_url'),
			altText: this.util.extract('Image', 'Assetmetadata', 'Titlemm') || '',
			title: this.util.extract(json, 'ButtonTitle') || this.util.extract(json, 'title') || '',
			description: this.util.extract(json, 'Description') || this.util.extract(json, 'description') || '',
			toolUrl: this.util.extract(json, 'UrlToTool', 'ExternalLink') || this.util.extract(json, 'ToolFile', 'Url') || this.util.extract(json, 'url'),
			restricted: this.isRestricted(json, this.util.extract(json, 'OpenOrRestrictedTool') || this.util.extract(json, 'security_level')),
			linkType: this.getLinkType(json),
			windowTarget: '_blank',
			userLoggedIn: this.isLoggedIn,
			roleRequired: this.isRoleBased(json, this.util.extract(json, 'OpenOrRestrictedTool') || this.util.extract(json, 'security_level'))
		};
	}

	getLinkType(json) {
		const external = this.util.extract(json, 'UrlToTool', 'ExternalLink');
		const file = this.util.extract(json, 'ToolFile', 'Url');
		
		if(external || file) {
			return 'external';
		} else {
			return 'internal';
		} 
	}

	isRestricted(json: any, openOrRestricted: string): boolean {
		let restricted = false;
		if (openOrRestricted && openOrRestricted.startsWith('Role based tool')) {
			restricted = true;
			const requiredRoles = this.util.extract(json, 'Roles') || this.util.extract(json, 'security_role') || [];
			requiredRoles.forEach(requiredRole => {
				if (this.roles.includes(requiredRole)) {
					restricted = false;
				}
			});
		}
		else if (openOrRestricted && openOrRestricted.startsWith('Login required tool')) {
			restricted = true;
			if (this.isLoggedIn) {
				restricted = false;
			}
		}
		return restricted;
	}

	isRoleBased(json: any, openOrRestricted: string): boolean {
		let rolebased = false;
		if (openOrRestricted && openOrRestricted.startsWith('Role based tool')) {
			rolebased = true;
		}
		else if (openOrRestricted && openOrRestricted.startsWith('Login required tool')) {
			rolebased = false;
		}
		return rolebased;
	}

	public login() {
		this.keycloakService.login();
		return false;
	}
}