import SwiftUI
import SwiftData
import AVKit
import Foundation

// 添加通知名称
extension Notification.Name {
    static let blindBoxStatusChanged = Notification.Name("blindBoxStatusChanged")
}

internal enum BlindBoxAnimationPhase {
    case loading
    case ready
    case opening
    case none
}

extension Notification.Name {
    static let navigateToMediaViewer = Notification.Name("navigateToMediaViewer")
}

// MARK: - 主视图
struct BlindBoxView: View {        
    let mediaType: BlindBoxMediaType
    let currentBoxId: String?
    @StateObject private var viewModel: BlindBoxViewModel
    @State private var showModal = false      // 控制用户资料弹窗显示
    @State private var showSettings = false   // 控制设置页面显示
    @State private var showLogin = false
    // 倒计时由 ViewModel 管理（countdownText）
    // 盲盒数据
    @State private var showScalingOverlay = false
    @State private var animationPhase: BlindBoxAnimationPhase = .none
    @State private var scale: CGFloat = 0.1
    // showControls 状态已迁移至 BlindBoxMediaOverlay 组件内
    @State private var isAnimating = true
    @State private var showMedia = false
    
     // 查询数据 - 简单查询
    @Query private var login: [Login]

    init(mediaType: BlindBoxMediaType, blindBoxId: String? = nil) {
        self.mediaType = mediaType
        self.currentBoxId = blindBoxId
        _viewModel = StateObject(wrappedValue: BlindBoxViewModel(mediaType: mediaType, currentBoxId: blindBoxId))
    }

    private func startScalingAnimation() {
        self.scale = 0.1
        self.showScalingOverlay = true
        
        withAnimation(.spring(response: 2.0, dampingFraction: 0.5, blendDuration: 0.8)) {
            self.scale = 1.0
        }   
    }
    
    // 计算尺寸逻辑已迁移至 BlindBoxMediaOverlay 组件
    
    var body: some View {
        ZStack {
            Color.themeTextWhiteSecondary.ignoresSafeArea()
                .onAppear {
                    Perf.event("BlindBox_Appear")
                    print("🎯 BlindBoxView appeared with mediaType: \(mediaType)")
                    print("🎯 Current thread: \(Thread.current)")

                    // 调用接口
                    Task {
                        await viewModel.load()
                    }
                }
                .onDisappear {
                    viewModel.stopPolling()
                    viewModel.stopCountdown()
                    
                    // Clean up video player
                    viewModel.player?.pause()
                    viewModel.player?.replaceCurrentItem(with: nil)
                    viewModel.player = nil
                    
                    NotificationCenter.default.removeObserver(
                        self,
                        name: .blindBoxStatusChanged,
                        object: nil
                    )
                }
                .onChange(of: viewModel.blindGenerate?.status) { _, status in
                    guard let status = status?.lowercased() else { return }
                    if status == "unopened" {
                        Perf.event("BlindBox_Status_Unopened")
                        withAnimation { self.animationPhase = .ready }
                    } else if status == "preparing" {
                        Perf.event("BlindBox_Status_Preparing")
                        withAnimation { self.animationPhase = .loading }
                    }
                }
                .onChange(of: animationPhase) { _, phase in
                    if phase != .loading {
                        // 仅用于迁移前清理；现倒计时在 VM 中管理
                    }
                }
                .onChange(of: viewModel.videoURL) { _, url in
                    if !url.isEmpty {
                        withAnimation { self.animationPhase = .ready }
                    }
                }
                .onChange(of: viewModel.imageURL) { _, url in
                    if !url.isEmpty {
                        withAnimation { self.animationPhase = .ready }
                    }
                }
                .onChange(of: viewModel.didBootstrap) { _, done in
                    guard done else { return }
                    // 根据首帧状态决定初始动画态，避免先显示 loading 再跳到 ready 的割裂感
                    let initialStatus = viewModel.blindGenerate?.status.lowercased() ?? ""
                    if initialStatus == "unopened" {
                        withAnimation { self.animationPhase = .ready }
                    } else if initialStatus == "preparing" {
                        withAnimation { self.animationPhase = .loading }
                    } else {
                        // 若未知状态，保持 none；后续 onChange 会驱动到正确态
                        self.animationPhase = .none
                    }
                }
            
            if showScalingOverlay {
                BlindBoxMediaOverlay(
                    mediaType: mediaType,
                    player: .init(get: { viewModel.player }, set: { viewModel.player = $0 }),
                    displayImage: viewModel.displayImage,
                    isPortrait: viewModel.isPortrait,
                    aspectRatio: viewModel.aspectRatio,
                    scale: $scale,
                    onBack: {
                        if mediaType == .all, !viewModel.videoURL.isEmpty, let url = URL(string: viewModel.videoURL) {
                            Router.shared.navigate(to: .blindOutcome(media: .video(url, nil), time: viewModel.blindGenerate?.name ?? "Your box", description: viewModel.blindGenerate?.description ?? "", isMember: viewModel.isMember))
                        } else if mediaType == .image, let image = viewModel.displayImage {
                            Router.shared.navigate(to: .blindOutcome(media: .image(image), time: viewModel.blindGenerate?.name ?? "Your box", description: viewModel.blindGenerate?.description ?? "", isMember: viewModel.isMember))
                        }
                    }
                )
            } else {
                // Original content
                VStack {
                    VStack(spacing: 20) {
                        if mediaType == .all {
                            BlindBoxHeaderBar(
                                onMenuTap: showUserProfile,
                                remainPoints: viewModel.memberProfile?.remainPoints ?? 0,
                                showLogin: $showLogin
                            )
                        }

                        // 标题
                        BlindBoxTitleView()
                        .opacity(showScalingOverlay ? 0 : 1)
                        .offset(y: showScalingOverlay ? -UIScreen.main.bounds.height * 0.2 : 0)
                        .animation(.easeInOut(duration: 0.5), value: showScalingOverlay)
                        
                        // 盲盒
                        ZStack {
                            // 1. 背景Card
                            if !showScalingOverlay {
                               CardBlindBackground()
                            }
                            if mediaType == .all && !showScalingOverlay {
                                BlindCountBadge(text: "\(viewModel.blindCount?.availableQuantity ?? 0) Boxes")
                                    .position(x: UIScreen.main.bounds.width * 0.7,
                                              y: UIScreen.main.bounds.height * 0.18)
                                    .opacity(showScalingOverlay ? 0 : 1)
                                    .animation(.easeOut(duration: 1.5), value: showScalingOverlay)
                            }
                            if !showScalingOverlay {
                                VStack(spacing: 20) {
                                    switch animationPhase {
                                    case .loading:
                                        LottieView(name: "ready", isPlaying: animationPhase == .loading && !showScalingOverlay)
                                            .frame(width: 300, height: 300)
                                            // .onAppear {
                                            //     DispatchQueue.main.asyncAfter(deadline: .now() + 6) {
                                            //         withAnimation {
                                            //             animationPhase = .ready
                                            //         }
                                            //     }
                                            // }
                                        
                                    case .ready:
                                        ZStack {
                                            LottieView(name: "ready", isPlaying: animationPhase == .ready && !showScalingOverlay)
                                                .frame(width: 300, height: 300)
                                            
                                            // Add a transparent overlay to capture taps
                                            Color.clear
                                                .contentShape(Rectangle())  // Make the entire area tappable
                                                .frame(width: 300, height: 300)
                                                .onTapGesture {
                                                    Perf.event("BlindBox_Open_Tapped")
                                                    print("点击了盲盒")

                                                    let boxIdToOpen = self.currentBoxId ?? self.viewModel.blindGenerate?.id
                                                    if let boxId = boxIdToOpen {
                                                        Task {
                                                            do {
                                                                try await viewModel.openBlindBox(for: boxId)
                                                                print("✅ 盲盒开启成功")
                                                            } catch {
                                                                print("❌ 开启盲盒失败: \(error)")
                                                            }
                                                        }
                                                    }
                                                    withAnimation {
                                                        animationPhase = .opening
                                                    }
                                                }
                                        }
                                        .frame(width: 300, height: 300)
                                        
                                    case .opening:
                                        ZStack {
                                            if !showMedia {
                                                LottieView(name: "ready", loopMode: .playOnce, isPlaying: !showMedia)
                                                    .frame(width: 300, height: 300)
                                                    .scaleEffect(scale)
                                            }
                                            // 当显示媒体时，移除 GIFView 避免后台播放
                                            Color.clear
                                                .onAppear {
                                                    Perf.event("BlindBox_Opening_Begin")
                                                    print("开始播放开启动画")
                                                    // 初始缩放为1（原始大小）
                                                    self.scale = 1.0
                                                    
                                                    // 1秒后开始全屏动画
                                                    DispatchQueue.main.asyncAfter(deadline: .now() + 1) {
                                                        withAnimation(.spring(response: 1.0, dampingFraction: 0.7)) {
                                                            // 缩放到全屏
                                                            self.scale = max(
                                                                UIScreen.main.bounds.width / 300,
                                                                UIScreen.main.bounds.height / 300
                                                            ) * 1.2
                                                            
                                                            // 全屏后稍作停留，然后缩小回原始大小
                                                            DispatchQueue.main.asyncAfter(deadline: .now() + 0.5) {
                                                                withAnimation(.spring(response: 0.8, dampingFraction: 0.7)) {
                                                                    self.scale = 1.0
                                                                    
                                                                    // 显示媒体内容
                                                                    Perf.event("BlindBox_Opening_ShowMedia")
                                                                    self.showScalingOverlay = true
                                                                    Task { await viewModel.prepareMedia() }
                                                                    
                                                                    // 标记显示媒体，隐藏GIF
                                                                    self.showMedia = true
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                        }
                                        .frame(width: 300, height: 300)
                                    
                                    case .none:
                                        // 首帧占位，避免加载时闪烁
                                        LottieView(name: "ready", loopMode: .loop, isPlaying: true)
                                            .frame(width: 300, height: 300)
                                            .scaleEffect(scale)
                                        // Color.clear
                                        //     .frame(width: 300, height: 300)
                                        // SVGImage(svgName: "BlindNone")
                                        //     .frame(width: 300, height: 300)
                                    }
                                }
                                .offset(y: -50) 
                                .compositingGroup()
                                .padding()
                            }
                            // 只在未显示媒体且未播放动画时显示文字
                            if !showScalingOverlay && !showMedia {
                                BlindBoxDescriptionView(
                                    name: viewModel.blindGenerate?.name ?? "Some box",
                                    description: viewModel.blindGenerate?.description ?? ""
                                )
                                .offset(x: -10, y: UIScreen.main.bounds.height * 0.2)
                            }
                        }
                        .padding()
                        .frame(
                            maxWidth: .infinity,
                            maxHeight: UIScreen.main.bounds.height * 0.65
                        )
                        .opacity(showScalingOverlay ? 0 : 1)
                        .animation(.easeOut(duration: 1.5), value: showScalingOverlay)
                        .offset(y: showScalingOverlay ? -100 : 0)
                        .animation(.easeInOut(duration: 1.5), value: showScalingOverlay)

                        // 打开 TODO 引导时，也要有按钮
                        if mediaType == .all, viewModel.didBootstrap {
                            BlindBoxActionButton(
                                phase: animationPhase,
                                countdownText: viewModel.countdownText,
                                onOpen: {
                                    let boxIdToOpen = self.currentBoxId ?? self.viewModel.blindGenerate?.id
                                    if let boxId = boxIdToOpen {
                                        Task {
                                            do {
                                                try await viewModel.openBlindBox(for: boxId)
                                                print("✅ 盲盒开启成功")
                                            } catch {
                                                print("❌ 开启盲盒失败: \(error)")
                                            }
                                        }
                                    }
                                    withAnimation {
                                        animationPhase = .opening
                                    }
                                },
                                onGoToBuy: {
                                    Router.shared.navigate(to: .mediaUpload)
                                }
                            )
                            .padding(.horizontal)
                        }
                    }
                    .frame(maxWidth: .infinity, maxHeight: .infinity)
                    .background(Color.themeTextWhiteSecondary)
                    .offset(x: showModal ? UIScreen.main.bounds.width * 0.8 : 0)
                    .animation(.spring(response: 0.6, dampingFraction: 0.8), value: showModal)
                    .edgesIgnoringSafeArea(.all)
                }

                // 用户资料弹窗
                SlideInModal(
                    isPresented: $showModal,
                    onDismiss: hideUserProfile
                ) {
                    UserProfileModal(
                        showModal: $showModal,
                        showSettings: $showSettings,
                        isMember: .init(get: { viewModel.isMember }, set: { viewModel.isMember = $0 }),
                        memberDate: .init(get: { viewModel.memberDate }, set: { viewModel.memberDate = $0 })
                    )
                }
                .offset(x: showSettings ? UIScreen.main.bounds.width : 0) 
                .animation(.spring(response: 0.6, dampingFraction: 0.8), value: showSettings)
                
                // 设置页面遮罩层
                ZStack {
                    if showSettings {
                        Color.black.opacity(0.3)
                            .edgesIgnoringSafeArea(.all)
                            .onTapGesture(perform: hideSettings)
                            .transition(.opacity)
                    }
                    
                    if showSettings {
                        SettingsView(isPresented: $showSettings)
                            .transition(.move(edge: .leading))
                            .zIndex(1)
                    }
                }
                .animation(.spring(response: 0.6, dampingFraction: 0.8), value: showSettings)
            }
        }
        .navigationBarBackButtonHidden(true)
    }
    /// 显示用户资料弹窗
    private func showUserProfile() {
        withAnimation(.spring(response: 0.6, dampingFraction: 0.8)) {
            // print("登录记录数量: \(login.count)")
            // for (index, item) in login.enumerated() {
            //     print("记录 \(index + 1): 邮箱=\(item.email), 姓名=\(item.name)")
            // }
            print("当前登录记录：")
            for (index, item) in login.enumerated() {
                print("记录 \(index + 1): 邮箱=\(item.email), 姓名=\(item.name)")
            }
           showModal.toggle()
        }
    }
    
    /// 隐藏用户资料弹窗
    private func hideUserProfile() {
        withAnimation(.spring(response: 0.6, dampingFraction: 0.8)) {
            showModal = false
        }
    }

    /// 隐藏设置页面
    private func hideSettings() {
        withAnimation(.spring(response: 0.6, dampingFraction: 0.8)) {
            showSettings = false
        }
    }
}

// MARK: - 预览
#Preview {
    BlindBoxView(mediaType: .all)
        .onAppear {
            // 仅在Preview中设置模拟令牌（不要在生产代码中使用）
            #if DEBUG
            if ProcessInfo.processInfo.environment["XCODE_RUNNING_FOR_PREVIEWS"] == "1" {
                // 设置模拟令牌用于Preview
                let previewToken = "eyJ0eXAiOiJKV1QiLCJhbGciOiJFZERTQSJ9.eyJqdGkiOjczNzAwMTY5NzMzODE1NzA1NjAsImlkZW50aXR5IjoiNzM1MDQzOTY2MzExNjYxOTc3NyIsImV4cCI6MTc1Nzc1Mzc3NH0.tZ8p5sW4KX6HFoJpJN0e4VmJOAGhTrYD2yTwQwilKpufzqOAfXX4vpGYBurgBIcHj2KmXKX2PQMOeeAtvAypDA"
                let _ = KeychainHelper.saveAccessToken(previewToken)
                print("🔑 Preview token set for testing")
            }
            #endif
        }
}

// 预览第一个盲盒
#Preview("First Blind Box") {
    BlindBoxView(mediaType: .image, blindBoxId: "7370140297747107840")
        .onAppear {
            // 仅在Preview中设置模拟令牌（不要在生产代码中使用）
            #if DEBUG
            if ProcessInfo.processInfo.environment["XCODE_RUNNING_FOR_PREVIEWS"] == "1" {
                // 设置模拟令牌用于Preview
                let previewToken = "eyJ0eXAiOiJKV1QiLCJhbGciOiJFZERTQSJ9.eyJqdGkiOjczNzAwMTY5NzMzODE1NzA1NjAsImlkZW50aXR5IjoiNzM1MDQzOTY2MzExNjYxOTc3NyIsImV4cCI6MTc1Nzc1Mzc3NH0.tZ8p5sW4KX6HFoJpJN0e4VmJOAGhTrYD2yTwQwilKpufzqOAfXX4vpGYBurgBIcHj2KmXKX2PQMOeeAtvAypDA"
                let _ = KeychainHelper.saveAccessToken(previewToken)
                print("🔑 Preview token set for testing")
            }
            #endif
        }
}