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]);
  }
}