import { Component, EventEmitter, Input, OnDestroy, OnInit, Output } from '@angular/core';
import { Subscription, timer } from 'rxjs';
import { AuthService } from '../../services/auth.service';

@Component({
	selector: 'app-header',
	templateUrl: './header.component.html',
	styleUrls: ['./header.component.scss']
})
export class HeaderComponent implements OnInit, OnDestroy {
	public nomeRazaoSocial: string;

	dataHoje: Date = new Date();

	@Input()
	menuOpen: boolean;

	@Output()
	menuOpenChange: EventEmitter<boolean> = new EventEmitter();

	#sub?: Subscription;

	constructor(
		private authService: AuthService
	) { }

	async ngOnInit() {
		const usuario = await this.authService.getUsuario();
		if (!usuario)
			return;

		this.nomeRazaoSocial = usuario.nome;

		this.#sub = timer(0, 1000).subscribe(() => {
			this.dataHoje = new Date();
		});
	}

	ngOnDestroy() {
		this.#sub?.unsubscribe();
	}

	toggleMenu() {
		this.menuOpen = !this.menuOpen;
		this.menuOpenChange.emit(this.menuOpen);
	}

}