yattee/Yattee/Views/Player/SeekPreviewView.swift

//
//  SeekPreviewView.swift
//  Yattee
//
//  Preview thumbnail shown above the seek bar during scrubbing.
//

import SwiftUI

/// Preview thumbnail displayed above the seek bar during scrubbing/hovering.
struct SeekPreviewView: View {
    let storyboard: Storyboard
    let seekTime: TimeInterval
    let storyboardService: StoryboardService
    let buttonBackground: ButtonBackgroundStyle
    let theme: ControlsTheme
    let chapters: [VideoChapter]

    @State private var thumbnail: PlatformImage?
    @State private var loadTask: Task<Void, Never>?

    /// The current chapter based on seek time.
    private var currentChapter: VideoChapter? {
        chapters.last { $0.startTime <= seekTime }
    }

    private var formattedTime: String {
        let totalSeconds = Int(seekTime)
        let hours = totalSeconds / 3600
        let minutes = (totalSeconds % 3600) / 60
        let seconds = totalSeconds % 60

        if hours > 0 {
            return String(format: "%d:%02d:%02d", hours, minutes, seconds)
        } else {
            return String(format: "%d:%02d", minutes, seconds)
        }
    }

    private let thumbnailWidth: CGFloat = 160

    var body: some View {
        VStack(spacing: 4) {
            // Chapter name (only shown if chapters exist)
            // Constrained to thumbnail width to prevent expanding the preview
            if let chapter = currentChapter {
                Text(chapter.title)
                    .font(.caption)
                    .fontWeight(.medium)
                    .lineLimit(1)
                    .truncationMode(.tail)
                    .foregroundStyle(.white)
                    .shadow(color: .black.opacity(0.8), radius: 2, x: 0, y: 1)
                    .frame(maxWidth: thumbnailWidth)
            }

            // Thumbnail with timestamp overlay
            ZStack(alignment: .bottom) {
                Group {
                    if let thumbnail {
                        #if os(macOS)
                        Image(nsImage: thumbnail)
                            .resizable()
                            .aspectRatio(contentMode: .fill)
                        #else
                        Image(uiImage: thumbnail)
                            .resizable()
                            .aspectRatio(contentMode: .fill)
                        #endif
                    } else {
                        // Placeholder while loading
                        Rectangle()
                            .fill(Color.gray.opacity(0.3))
                    }
                }
                .frame(width: thumbnailWidth, height: 90)
                .clipped()

                // Timestamp overlaid at bottom center
                Text(formattedTime)
                    .font(.caption)
                    .fontWeight(.medium)
                    .monospacedDigit()
                    .foregroundStyle(.white)
                    .padding(.horizontal, 8)
                    .padding(.vertical, 4)
                    .background(.black.opacity(0.7))
                    .clipShape(.rect(cornerRadius: 4))
                    .padding(.bottom, 4)
            }
            .clipShape(.rect(cornerRadius: 4))
        }
        .padding(.vertical, 6)
        .padding(.horizontal, 4)
        .padding(.top, currentChapter != nil ? 2 : 0)
        .glassBackground(
            buttonBackground.glassStyle ?? .regular,
            in: .rect(cornerRadius: 8),
            fallback: .ultraThinMaterial,
            colorScheme: .dark
        )
        .shadow(radius: 4)
        .onChange(of: seekTime) { _, newTime in
            loadThumbnail(for: newTime)
        }
        .onAppear {
            loadThumbnail(for: seekTime)
        }
        .onDisappear {
            loadTask?.cancel()
        }
    }

    private func loadThumbnail(for time: TimeInterval) {
        loadTask?.cancel()

        loadTask = Task {
            // First try to get cached thumbnail
            if let cached = await storyboardService.thumbnail(for: time, from: storyboard) {
                await MainActor.run {
                    self.thumbnail = cached
                }
                return
            }

            // Load the sheet and nearby sheets
            await storyboardService.preloadNearbySheets(around: time, from: storyboard)

            // Check for cancellation
            guard !Task.isCancelled else { return }

            // Try again after loading
            if let loaded = await storyboardService.thumbnail(for: time, from: storyboard) {
                await MainActor.run {
                    self.thumbnail = loaded
                }
            }
        }
    }
}