import {Component, Input, OnChanges, OnInit, SimpleChanges} from '@angular/core';
import {VideoAll} from "../../../utils/interfaces/video";
import {AddVideoToPlaylistsService} from "../../utils/services/addVideoToPlaylists/add-video-to-playlists.service";
import {Router} from "@angular/router";
import {MessageService} from "../../../utils/services/message/message.service";



@Component({
    selector: 'app-video-grid',
    templateUrl: './video-grid.component.html',
    styleUrls: ['./video-grid.component.scss']
})
export class VideoGridComponent implements OnChanges
{
    @Input() tabVideo: VideoAll[] = [];
    @Input() search: string = "";
    @Input() sources: string = "";
    @Input() indexPage: number = 0;
    tabPage: number[] = [];


    constructor( private addVideoToPlaylistsService: AddVideoToPlaylistsService,
                 private router: Router,
                 private messageService: MessageService ) {}


    ngOnChanges(changes: SimpleChanges): void
    {
        if(this.tabVideoExists())
        {
            const nbVideo = this.tabVideo.length;
            let nbPage = Math.floor(nbVideo/9);
            if((nbVideo%9) !== 0) nbPage += 1;
            this.tabPage = [];
            for(let i=1 ; i<=nbPage ; i++) this.tabPage.push(i);
        }
    }


    onAddToPlaylist(video: VideoAll): void
    {
        this.addVideoToPlaylistsService.run(video.videoId, video.source, video.interest);
    }


    tronquage(str: string)
    {
        if(str.length < 30) return str;
        else return str.substring(0, 27) + "..." ;
    }


    onVideo(video: VideoAll): void
    {
        const data = { source: video.source, interest: video.interest };
        this.messageService
            .post("video/create/"+video.videoId, data)
            .subscribe(ret => this.onVideoCallback(ret,video), err => this.onVideoCallback(err,video));
    }


    onVideoCallback(retour: any, video: VideoAll): void
    {
        if(retour.status !== "success") {
            console.log(retour);
        }
        else {
            const params = {
                videoId: video.videoId,
                source: video.source,
                from: "search",
                search: this.search,
                sources: this.sources,
                indexPage: this.indexPage
            };
            this.router.navigate(['/user/watching'], { queryParams: params });
        }
    }


    dateToElapsedTime(date0): string
    {
        const ellapsedTimeInMilliSeconds = (new Date()).getTime() - (new Date(date0)).getTime();

        // seconde
        const ellapsedTimeInSeconds = Math.trunc(ellapsedTimeInMilliSeconds / 1000);
        if(ellapsedTimeInSeconds < 60) {
            if(ellapsedTimeInSeconds <= 1)return ellapsedTimeInSeconds + " seconde" ;
            else return ellapsedTimeInSeconds + " secondes" ;
        }
        // minute
        const ellapsedTimeInMinutes = Math.trunc(ellapsedTimeInSeconds / 60);
        if(ellapsedTimeInMinutes < 60) {
            if(ellapsedTimeInMinutes <= 1) return ellapsedTimeInMinutes + " minute" ;
            else return ellapsedTimeInMinutes + " minutes" ;
        }
        // heure
        const ellapsedTimeInHours = Math.trunc(ellapsedTimeInMinutes / 60);
        if(ellapsedTimeInHours < 24) {
            if(ellapsedTimeInHours <= 1) return ellapsedTimeInHours + " heure" ;
            else return ellapsedTimeInHours + " heures" ;
        }
        // jour
        const ellapsedTimeInDays = Math.trunc(ellapsedTimeInHours / 24);
        if(ellapsedTimeInDays < 31) {
            if(ellapsedTimeInDays <= 1) return ellapsedTimeInDays + " jour" ;
            else return ellapsedTimeInDays + " jours" ;
        }
        // mois
        const ellapsedTimeInMonths = Math.trunc(ellapsedTimeInDays / 31);
        if(ellapsedTimeInMonths < 12) {
            return ellapsedTimeInMonths + " mois" ;
        }
        // an
        const ellapsedTimeInYears = Math.trunc(ellapsedTimeInMonths / 12);
        if(ellapsedTimeInYears <= 1) return ellapsedTimeInYears + " an" ;
        else return ellapsedTimeInYears + " ans" ;
    }


    tabVideoExists(): boolean
    {
        if((this.tabVideo === null) || (this.tabVideo === undefined)) return false;
        else if(this.tabVideo.length === 0) return false;
        else return true;
    }

}