import { Component, input } from '@angular/core';
import { Film } from '@infinimotion/model-frontend';

@Component({
  selector: 'app-movie-poster',
  standalone: false,
  templateUrl: './movie-poster.component.html',
  styleUrl: './movie-poster.component.css'
})
export class MoviePosterComponent {
  movie = input.required<Film>();

  onPosterError(event: Event) {
    const img = event.target as HTMLImageElement;
    const placeholder = 'assets/poster_placeholder.png';

    if (img.src !== window.location.origin + placeholder) {
      img.src = placeholder;
    }
  }
}