import { Component, inject, Input } from '@angular/core';
import { ProductModel } from '../../../../core/models/product.model';
import { Router } from '@angular/router';
import { FavoriteButton } from '../../../../src/app/shared/components/favorite-button/favorite-button';

@Component({
  selector: 'app-product-card',
  standalone: true,
  imports: [FavoriteButton],
  templateUrl: './product-card.html',
})
export class ProductCard {
  readonly router = inject(Router);

  @Input() product!: ProductModel;

  goToProductDetails() {
    this.router.navigate(['/products', this.product.slug]);
  }
}