import { get } from 'svelte/store';
import anime from '../../stores/anime';
import { mediaListCollection, type Media, Type } from '../AniList/media';
import lastPruneTimes from '../../stores/lastPruneTimes';
import type { AniListAuthorisation, UserIdentity } from '../AniList/identity';

export const cleanCache = (user: AniListAuthorisation, identity: UserIdentity) => {
	return mediaListCollection(
		user,
		identity,
		Type.Anime,
		get(anime),
		get(lastPruneTimes).anime,
		true
	);
};

export const updateMedia = (id: number, progress: number | undefined, callback: () => void) => {
	fetch(`/api/anilist-increment?id=${id}&progress=${(progress || 0) + 1}`).then(callback);
};

export const totalEpisodes = (anime: Media) => {
	return anime.episodes === null ? '' : `<span style="opacity: 50%">/${anime.episodes}</span>`;
};

export const airingTime = (anime: Media, upcoming = false) => {
	const airingAt = anime.nextAiringEpisode?.airingAt;
	const untilAiring = airingAt ? Math.round((airingAt - Date.now() / 1000) * 100) / 100 : undefined;
	let timeFrame;
	const time = new Date(airingAt ? airingAt * 1000 : 0).toLocaleTimeString([], {
		hour: 'numeric',
		minute: '2-digit'
	});
	let hours = null;

	if (untilAiring !== undefined) {
		let minutes = untilAiring / 60;
		let few = true;

		if (minutes >= 30) {
			hours = minutes / 60;

			if (hours >= 24) {
				// let weeks = Math.floor(Math.floor(hours / 24) / 7);

				few = false;

				// if (weeks >= 1) {
				// 	weeks = Math.round(weeks);

				// 	timeFrame = `${weeks} week${weeks === 1 ? '' : 's'}`;
				// } else {
				const days = Math.round(Math.floor(hours / 24));

				timeFrame = `${days} day${days === 1 ? '' : 's'}`;
				// }
			} else {
				hours = Math.round(hours);

				timeFrame = `${hours} hour${hours === 1 ? '' : 's'}`;
			}
		} else {
			minutes = Math.round(minutes);

			timeFrame = `${minutes} minute${minutes === 1 ? '' : 's'}`;
		}

		const opacity = Math.max(50, 100 - (untilAiring / 60 / 60 / 24 / 7) * 50);

		if (upcoming) {
			return `<span title="${
				hours ? `${hours.toFixed(2)} hours` : ''
			}" style="opacity: ${opacity}%">${anime.nextAiringEpisode?.episode}${totalEpisodes(
				anime
			)} in ${timeFrame} <span style="opacity: 50%">${few ? `(${time})` : ''}</span></span>`;
		} else {
			return `<span title="${
				hours ? `${hours.toFixed(2)} hours` : ''
			}" style="opacity: ${opacity}%">${anime.nextAiringEpisode?.episode} in ${
				few ? '<b>' : ''
			}${timeFrame}${few ? '</b>' : ''} ${few ? `(${time})` : ''}</span>`;
		}
	}

	return '';
};