import { Component, OnInit } from '@angular/core';
import { HttpService } from '../../services/http.service'
import { Product } from '../../models/product'

@Component({
  selector: 'app-product-list',
  templateUrl: './product-list.component.html',
  styleUrls: ['./product-list.component.scss']
})
export class ProductListComponent implements OnInit {
  products: Product[] = []

  constructor(private httpService: HttpService) { }

  ngOnInit(): void {
    this.httpService.getProducts().subscribe( (res: Product[]) => {
      this.products = res
    })
  }

  markAsFavorite(product: any): void {
    console.log(`${product.name} has been added to favorites.`);
    product.favorite = true
  }

}