import { ContentObject } from "@vertesia/common";
import { Button, Spinner, VTooltip } from "@vertesia/ui/core";
import { useUserSession } from "@vertesia/ui/session";
import { Maximize2, X } from "lucide-react";
import { useEffect, useState } from "react";
import { useUITranslation } from '../../i18n/index.js';
import { PdfPageSlider } from "./PdfPageSlider";

interface SimplePdfViewerProps {
    /** The content object containing the PDF (optional if url or source is provided) */
    object?: ContentObject;
    /** Direct signed URL to the PDF (ready to use, no resolution needed) */
    url?: string;
    /** Storage source path that needs to be resolved to a download URL */
    source?: string;
    /** Additional CSS class names */
    className?: string;
}

/**
 * A standalone PDF viewer component that displays PDF thumbnails with navigation.
 * Fetches the PDF URL from the content object and displays it using PdfThumbnailSlider.
 * Does not depend on any magic-pdf context.
 */
export function SimplePdfViewer({ object, url, source, className }: SimplePdfViewerProps) {
    const { t } = useUITranslation();
    const { client } = useUserSession();
    const [currentPage, setCurrentPage] = useState(1);
    const [pdfUrl, setPdfUrl] = useState<string>(url || "");
    const [pdfUrlLoading, setPdfUrlLoading] = useState(!url);
    const [pageCount, setPageCount] = useState(0);
    const [isFullscreen, setIsFullscreen] = useState(false);

    // Fetch the PDF URL - priority: url > source > object.content.source
    useEffect(() => {
        // If url prop is provided, use it directly (already signed)
        if (url) {
            setPdfUrl(url);
            setPdfUrlLoading(false);
            return;
        }

        // Determine the source to resolve
        const sourceToResolve = source || object?.content?.source;
        if (!sourceToResolve) {
            setPdfUrlLoading(false);
            return;
        }

        setPdfUrlLoading(true);
        client.files.getDownloadUrl(sourceToResolve)
            .then((result) => {
                setPdfUrl(result.url);
            })
            .catch((err) => {
                console.error("Failed to get PDF URL:", err);
            })
            .finally(() => {
                setPdfUrlLoading(false);
            });
    }, [url, source, object?.content?.source, client]);

    // Get initial page count from metadata, but actual count will be updated when PDF loads
    useEffect(() => {
        // Try to get page count from metadata as initial estimate
        const metadata = object?.metadata as { pages?: number; page_count?: number } | undefined;
        const count = metadata?.pages || metadata?.page_count || 0;

        if (count > 0) {
            setPageCount(count);
        }
        // If no metadata, keep pageCount at 0 - it will be set when PDF loads
    }, [object?.metadata]);

    // Callback to update page count when PDF loads
    const handlePageCountChange = (count: number) => {
        setPageCount(count);
    };

    if (pdfUrlLoading) {
        return (
            <div className="flex items-center justify-center h-full">
                <Spinner size="lg" />
            </div>
        );
    }

    if (!pdfUrl) {
        return (
            <div className="flex items-center justify-center h-full text-muted">
                {t('pdf.noPdfAvailable')}
            </div>
        );
    }

    // Fullscreen overlay
    if (isFullscreen) {
        return (
            <div className="fixed inset-0 bg-background z-50 flex flex-col overflow-hidden">
                {/* Header with close button */}
                <div className="flex h-9 items-center justify-end shrink-0 bg-sidebar px-2 border-b border-sidebar-border">
                    <Button variant="ghost" size="xs" onClick={() => setIsFullscreen(false)} alt={t('pdf.closeFullscreen')}>
                        <X className="size-4" />
                    </Button>
                </div>
                {/* PDF viewer - min-h-0 allows flex child to shrink below content size */}
                <PdfPageSlider
                    pdfUrl={pdfUrl}
                    pdfUrlLoading={pdfUrlLoading}
                    pageCount={pageCount || 100}
                    currentPage={currentPage}
                    onChange={setCurrentPage}
                    onPageCountChange={handlePageCountChange}
                    className="flex-1 min-h-0"
                />
            </div>
        );
    }

    return (
        <div className="relative h-full flex flex-col">
            <PdfPageSlider
                pdfUrl={pdfUrl}
                pdfUrlLoading={pdfUrlLoading}
                pageCount={pageCount || 100}
                currentPage={currentPage}
                onChange={setCurrentPage}
                onPageCountChange={handlePageCountChange}
                className={className}
                compact
                headerExtra={
                    <VTooltip description={t('pdf.fullscreen')} placement="bottom" size="xs">
                        <button
                            className="p-1 rounded cursor-pointer transition-colors text-muted-foreground hover:text-foreground hover:bg-muted"
                            onClick={() => setIsFullscreen(true)}
                        >
                            <Maximize2 className="size-4" />
                        </button>
                    </VTooltip>
                }
            />
        </div>
    );
}