import { Component, OnInit, inject, signal } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
import { Collection } from '../../interfaces/nasa-api';
import { NAPOD } from '../../services/napod';



@Component({
  selector: 'app-video',
  imports: [],
  templateUrl: './video.html',
  styleUrl: './video.css'
})
export class Video implements OnInit {
  private readonly route = inject(ActivatedRoute)
  asset=signal<Collection|null>(null);
  //TODO: nom nul pour le service a changer
  private readonly nasaApi: NAPOD = inject(NAPOD)
  isLoading = signal<boolean>(true);

  ngOnInit(){
    const nasaId=this.route.snapshot.params['id'];
    this.nasaApi.getAssetDetail(nasaId).subscribe({
      next: (data)=>{
        this.asset.set(data.collection);
        this.isLoading.set(false); 
        console.log(this.asset());        
      },
      error: error =>{
        console.log(error);
        this.isLoading.set(false);         
      }
    })
  }
}