import { Component, inject } from '@angular/core';
import { RouterOutlet } from '@angular/router';
import { Subscription } from 'rxjs';
import { CommonModule } from '@angular/common';
import { FooterComponent } from './common/footer/footer.component';
import { SecuredHeaderComponent } from './common/secured-header/secured-header.component';
import { UserService } from './core/services/common/user.service';

@Component({
  selector: 'app-root',
  imports: [RouterOutlet, FooterComponent, CommonModule, SecuredHeaderComponent],
  templateUrl: './app.component.html',
  styleUrl: './app.component.scss'
})
export class AppComponent {
  isUserLoggedIn = false;
  private userSubscription!: Subscription;

  private userService = inject(UserService);
  
  ngOnInit(): void {

    this.isUserLoggedIn = this.userService.isLoggedIn();

    this.userSubscription = this.userService
      .watchUser()
      .subscribe(userLoggedIn => {
        this.isUserLoggedIn = userLoggedIn
      });
  }

  ngOnDestroy(): void {
    if (this.userSubscription) {
      this.userSubscription.unsubscribe();
    }
  }
}