import { JsonPipe } from '@angular/common';
import { HttpClient } from '@angular/common/http';
import { Component, OnInit, signal } from '@angular/core';
import { OAuthService } from 'angular-oauth2-oidc';
import { AppConfigService } from '../services/config.service';
import { RouterLink, RouterOutlet } from "@angular/router";
import { setTheme } from '../app';

@Component({
  selector: 'app-content',
  imports: [JsonPipe, RouterOutlet, RouterLink],
  templateUrl: './content.html',
  styleUrl: './content.scss'
})
export class Content implements OnInit {
  data = signal({});

  constructor(httpClient: HttpClient, readonly as: OAuthService, readonly cs: AppConfigService) {
    httpClient.get('/api/product')
      .subscribe(data => {
        this.data.set(data);
      });
  }

  ngOnInit(): void {
    setTheme();
  }

  toggleMode() {
    sessionStorage.getItem('isDarkMode') === 'true' ?
      sessionStorage.setItem('isDarkMode', 'false') : sessionStorage.setItem('isDarkMode', 'true');
    setTheme();
  }
}