import { Component, OnInit } from '@angular/core';

import { Language } from '../../../../core/enums/language.enum';
import { LanguageService } from '../../../../core/services/language.service';
import { StorageService } from '../../../../core/services/storage.service';

@Component({
	selector: 'app-language-selector',
	templateUrl: './language-selector.component.html',
	styleUrls: ['./language-selector.component.scss'],
})
export class LanguageSelectorComponent implements OnInit {
	public currentLang: Language;
	public availableLanguages: string[] = [];

	constructor(private languageService: LanguageService, private storageService: StorageService) {}

	ngOnInit(): void {
		this.availableLanguages = this.languageService.getAvailableLanguages();
		console.log('this.availableLanguages', this.availableLanguages);

		this.currentLang = this.languageService.getLangage();
		this.nextLang();
	}

	setLang(): void {
		this.languageService.setLanguage(this.currentLang);
	}

	nextLang(): void {
		console.log('this.currentLang ', this.currentLang);
		console.log('this.storageService.language ', this.storageService.language);
		console.log("this.availableLanguages['FR']", this.availableLanguages['FR']);

		console.log('this.availableLanguages', this.availableLanguages);
		console.log('TODO');
	}
}