//
//  ExternalView.swift
//  Werkout_ios
//
//  Created by Trey Tartt on 6/13/23.
//

import SwiftUI
import AVKit

struct ExternalWorkoutDetailView: View {
    @StateObject var bridgeModule = BridgeModule.shared
    @State var avPlayer = AVPlayer(url: URL(string: "https://dev.werkout.fitness/media/exercise_videos/2_Dumbbell_Lateral_Lunges.mp4")!)
    @State var smallAVPlayer = AVPlayer(url: URL(string: "https://dev.werkout.fitness/media/exercise_videos/2_Dumbbell_Lateral_Lunges.mp4")!)
    @AppStorage(Constants.extThotStyle) private var extThotStyle: ThotStyle = .never
    @AppStorage(Constants.extShowNextVideo) private var extShowNextVideo: Bool = false
    @AppStorage(Constants.thotGenderOption) private var thotGenderOption: String = "female"

    var body: some View {
        ZStack {
            if let workout = bridgeModule.currentExerciseInfo.workout {
                GeometryReader { metrics in
                    VStack {
                        HStack {
                            if extThotStyle != .off {
                                PlayerView(player: $avPlayer)
                                    .frame(width: metrics.size.width * 0.5, height: metrics.size.height * 0.8)
                                    .onAppear{
                                        avPlayer.play()
                                    }
                            }
                            
                            VStack {
                                ExtExerciseList(workout: workout,
                                                allSupersetExecerciseIndex: bridgeModule.currentExerciseInfo.allSupersetExecerciseIndex)
                            }
                            .frame(width: metrics.size.width * 0.4, height: metrics.size.height * 0.8)
                            .padding([.top, .bottom], 20)
                        }
                        
                        HStack {
                            ExtCountdownView()
                                .padding(.leading, 50)
                                .padding(.bottom, 20)
                            if extShowNextVideo && extThotStyle != .off {
                                PlayerView(player: $smallAVPlayer)
                                    .frame(width: metrics.size.width * 0.2, 
                                           height: metrics.size.height * 0.2)
                                    .onAppear{
                                        avPlayer.play()
                                    }
                            }
                        }
                        .background(Color(uiColor: .tertiarySystemGroupedBackground))
                    }
                }
            } else {
                Image("icon")
                    .resizable()
                    .edgesIgnoringSafeArea(.all)
                    .scaledToFill()
            }
        }
        .onChange(of: bridgeModule.isInWorkout, perform: { _ in
            playVideos()
        })
        .onChange(of: bridgeModule.currentExerciseInfo.allSupersetExecerciseIndex, perform: { _ in
            playVideos()
        })
        .frame(maxWidth: .infinity, maxHeight: .infinity)
        .background(bridgeModule.currentExerciseInfo.workout == nil ? Color(red: 157/255, green: 138/255, blue: 255/255) : Color(uiColor: .systemBackground))
        .onReceive(NotificationCenter.default.publisher(
            for: UIScene.willEnterForegroundNotification)) { _ in
                avPlayer.play()
                smallAVPlayer.play()
            }
    }
    
    func playVideos() {
        if let currentExtercise = bridgeModule.currentExerciseInfo.currentExercise {
            if let videoURL = VideoURLCreator.videoURL(
                thotStyle: extThotStyle,
                gender: thotGenderOption,
                defaultVideoURLStr: currentExtercise.exercise.videoURL,
                exerciseName: currentExtercise.exercise.name,
                workout: bridgeModule.currentExerciseInfo.workout) {
                avPlayer = AVPlayer(url: videoURL)
                avPlayer.play()
            }
            
            if let smallVideoURL = VideoURLCreator.videoURL(
                thotStyle: .never,
                gender: thotGenderOption,
                defaultVideoURLStr: BridgeModule.shared.currentExerciseInfo.nextExerciseInfo?.exercise.videoURL,
                exerciseName: BridgeModule.shared.currentExerciseInfo.nextExerciseInfo?.exercise.name,
                workout: bridgeModule.currentExerciseInfo.workout),
               extShowNextVideo {
                smallAVPlayer = AVPlayer(url: smallVideoURL)
                smallAVPlayer.play()
            }
        }
    }
}

//struct ExternalWorkoutDetailView_Previews: PreviewProvider {
//    static var bridge = BridgeModule.shared
//    
//    static var previews: some View {
//        ExternalWorkoutDetailView().environmentObject({ () -> BridgeModule in
//            let envObj = BridgeModule.shared
//            envObj.currentWorkout = nil //PreviewData.workout()
//            bridge.currentExercise = PreviewData.workout().exercisesSortedByCreated_at.first!
//            return envObj
//        }() )
//    }
//}