import React, { useEffect, useMemo, useRef, useState } from "react"; import { motion, AnimatePresence } from "framer-motion"; import { ChevronLeft, ChevronRight, Calendar, Star } from "lucide-react"; import { Card, CardContent } from "@/components/ui/card"; import { Button } from "@/components/ui/button"; import { Badge } from "@/components/ui/badge"; const POLL_INTERVAL = 30 * 60 * 1000; const SLIDE_INTERVAL = 5000; function formatDate(dateString) { if (!dateString) return "Ukendt dato"; return new Intl.DateTimeFormat("da-DK", { day: "2-digit", month: "short", year: "numeric", }).format(new Date(dateString)); } function buildImageUrl(config, posterPath) { if (!posterPath) return ""; const secureBaseUrl = config?.images?.secure_base_url || "https://image.tmdb.org/t/p/"; const posterSizes = config?.images?.poster_sizes || ["w500"]; const preferredSize = posterSizes.includes("w500") ? "w500" : posterSizes[posterSizes.length - 1] || "w500"; return `${secureBaseUrl}${preferredSize}${posterPath}`; } function dedupeMovies(movies) { const seen = new Set(); return movies.filter((movie) => { if (seen.has(movie.id)) return false; seen.add(movie.id); return true; }); } async function fetchTmdbJson(path, token) { const response = await fetch(`https://api.themoviedb.org/3${path}`, { headers: { Authorization: `Bearer ${token}`, Accept: "application/json", }, }); if (!response.ok) { throw new Error(`TMDB request fejlede: ${response.status}`); } return response.json(); } export default function FilmKarusel({ tmdbToken = import.meta?.env?.VITE_TMDB_TOKEN || process?.env?.NEXT_PUBLIC_TMDB_TOKEN, language = "da-DK", region = "DK", maxItems = 12, }) { const [movies, setMovies] = useState([]); const [config, setConfig] = useState(null); const [loading, setLoading] = useState(true); const [error, setError] = useState(""); const [currentIndex, setCurrentIndex] = useState(0); const autoPlayRef = useRef(null); const currentMovie = movies[currentIndex] || null; useEffect(() => { if (!tmdbToken) { setError("Tilføj en TMDB Bearer Token i VITE_TMDB_TOKEN eller NEXT_PUBLIC_TMDB_TOKEN."); setLoading(false); return; } let cancelled = false; const loadMovies = async () => { try { setError(""); const [configuration, nowPlaying, upcoming] = await Promise.all([ fetchTmdbJson("/configuration", tmdbToken), fetchTmdbJson(`/movie/now_playing?language=${language}®ion=${region}&page=1`, tmdbToken), fetchTmdbJson(`/movie/upcoming?language=${language}®ion=${region}&page=1`, tmdbToken), ]); if (cancelled) return; const today = new Date(); today.setHours(0, 0, 0, 0); const normalizedNowPlaying = (nowPlaying.results || []).map((movie) => ({ ...movie, category: "I biografen nu", })); const normalizedUpcoming = (upcoming.results || []) .filter((movie) => { if (!movie.release_date) return false; const releaseDate = new Date(movie.release_date); releaseDate.setHours(0, 0, 0, 0); return releaseDate >= today; }) .map((movie) => ({ ...movie, category: "Kommende film", })); const merged = dedupeMovies([...normalizedNowPlaying, ...normalizedUpcoming]) .sort((a, b) => { const aDate = new Date(a.release_date || 0).getTime(); const bDate = new Date(b.release_date || 0).getTime(); return aDate - bDate; }) .slice(0, maxItems); setConfig(configuration); setMovies(merged); setCurrentIndex(0); } catch (err) { if (!cancelled) { setError(err instanceof Error ? err.message : "Noget gik galt under hentning af film."); } } finally { if (!cancelled) { setLoading(false); } } }; loadMovies(); const pollId = window.setInterval(loadMovies, POLL_INTERVAL); return () => { cancelled = true; window.clearInterval(pollId); }; }, [tmdbToken, language, region, maxItems]); useEffect(() => { if (movies.length <= 1) return; autoPlayRef.current = window.setInterval(() => { setCurrentIndex((prev) => (prev + 1) % movies.length); }, SLIDE_INTERVAL); return () => { if (autoPlayRef.current) { window.clearInterval(autoPlayRef.current); } }; }, [movies]); const goToPrevious = () => { if (!movies.length) return; setCurrentIndex((prev) => (prev - 1 + movies.length) % movies.length); }; const goToNext = () => { if (!movies.length) return; setCurrentIndex((prev) => (prev + 1) % movies.length); }; const thumbnailMovies = useMemo(() => movies.slice(0, Math.min(movies.length, 6)), [movies]); if (loading) { return (