/* JellyfinPlayer/Swiftfin is subject to the terms of the Mozilla Public
 * License, v2.0. If a copy of the MPL was not distributed with this
 * file, you can obtain one at https://mozilla.org/MPL/2.0/.
 *
 * Copyright 2021 Aiden Vigue & Jellyfin Contributors
 */

import NukeUI
import SwiftUI
import JellyfinAPI

struct SeasonItemView: View {
    @EnvironmentObject var globalData: GlobalData
    @EnvironmentObject var orientationInfo: OrientationInfo
    
    var item: BaseItemDto = BaseItemDto()
    @State private var episodes: [BaseItemDto] = []
    
    @State private var isLoading: Bool = true
    @State private var viewDidLoad: Bool = false
    
    init(item: BaseItemDto) {
        self.item = item
    }
    
    func onAppear() {
        if(viewDidLoad) {
            return
        }

        DispatchQueue.global(qos: .userInitiated).async {
            TvShowsAPI.getEpisodes(seriesId: item.seriesId!, userId: globalData.user.user_id!, fields: [.primaryImageAspectRatio,.seriesPrimaryImage,.seasonUserData,.overview,.genres,.people], seasonId: item.id!)
                .sink(receiveCompletion: { completion in
                    HandleAPIRequestCompletion(globalData: globalData, completion: completion)
                    isLoading = false
                }, receiveValue: { response in
                    viewDidLoad = true
                    episodes = response.items ?? []
                })
                .store(in: &globalData.pendingAPIRequests)
        }
    }

    @ViewBuilder
    var portraitHeaderView: some View {
        if isLoading {
            EmptyView()
        } else {
            LazyImage(source: item.getSeriesBackdropImage(baseURL: globalData.server.baseURI!, maxWidth: 1500))
                .placeholderAndFailure {
                    Image(uiImage: UIImage(blurHash: item.getSeriesBackdropImageBlurHash(),
                        size: CGSize(width: 32, height: 32))!)
                        .resizable()
                }
                .contentMode(.aspectFill)
                .opacity(0.4)
                .blur(radius: 2.0)
        }
    }

    var portraitHeaderOverlayView: some View {
        HStack(alignment: .bottom, spacing: 12) {
            LazyImage(source: item.getPrimaryImage(baseURL: globalData.server.baseURI!, maxWidth: 120))
                .placeholderAndFailure {
                    Image(uiImage: UIImage(blurHash: item.getPrimaryImageBlurHash(),
                        size: CGSize(width: 32, height: 32))!)
                        .resizable()
                        .frame(width: 120, height: 180)
                        .cornerRadius(10)
                }
                .contentMode(.aspectFill)
                .frame(width: 120, height: 180)
                .cornerRadius(10)
            VStack(alignment: .leading) {
                Text(item.name ?? "").font(.headline)
                    .fontWeight(.semibold)
                    .foregroundColor(.primary)
                    .fixedSize(horizontal: false, vertical: true)
                    .offset(y: -4)
                if item.productionYear != nil {
                    Text(String(item.productionYear!)).font(.subheadline)
                        .fontWeight(.medium)
                        .foregroundColor(.secondary)
                        .lineLimit(1)
                }
            }.offset(y: -32)
        }.padding(.horizontal, 16)
        .offset(y: 22)
    }

    @ViewBuilder
    var innerBody: some View {
        if orientationInfo.orientation == .portrait {
            ParallaxHeaderScrollView(header: portraitHeaderView,
                                     staticOverlayView: portraitHeaderOverlayView,
                                     overlayAlignment: .bottomLeading,
                                     headerHeight: UIScreen.main.bounds.width * 0.5625) {
                LazyVStack(alignment: .leading) {
                    if !(item.taglines ?? []).isEmpty {
                        Text(item.taglines!.first!).font(.body).italic().padding(.top, 7)
                            .fixedSize(horizontal: false, vertical: true).padding(.leading, 16)
                            .padding(.trailing, 16)
                    }
                    Text(item.overview ?? "").font(.footnote).padding(.top, 3)
                        .fixedSize(horizontal: false, vertical: true).padding(.bottom, 3).padding(.leading, 16)
                        .padding(.trailing, 16)
                    ForEach(episodes, id: \.id) { episode in
                        NavigationLink(destination: ItemView(item: episode)) {
                            HStack {
                                LazyImage(source: episode.getPrimaryImage(baseURL: globalData.server.baseURI!, maxWidth: 150))
                                    .placeholderAndFailure {
                                        Image(uiImage: UIImage(blurHash: episode.getPrimaryImageBlurHash(),
                                            size: CGSize(width: 32, height: 32))!)
                                            .resizable()
                                            .frame(width: 150, height: 90)
                                            .cornerRadius(10)
                                    }
                                    .contentMode(.aspectFill)
                                    .shadow(radius: 5)
                                    .frame(width: 150, height: 90)
                                    .cornerRadius(10)
                                    .overlay(
                                        Rectangle()
                                            .fill(Color(red: 172/255, green: 92/255, blue: 195/255))
                                            .mask(ProgressBar())
                                            .frame(width: CGFloat(episode.userData!.playedPercentage ?? 0 * 1.5), height: 7)
                                            .padding(0), alignment: .bottomLeading
                                    )
                                VStack(alignment: .leading) {
                                    HStack {
                                        Text("S\(String(episode.parentIndexNumber ?? 0)):E\(String(episode.indexNumber ?? 0))").font(.subheadline)
                                            .fontWeight(.medium)
                                            .foregroundColor(.secondary)
                                            .lineLimit(1)
                                        Spacer()
                                        Text(episode.name ?? "").font(.subheadline)
                                            .fontWeight(.semibold)
                                            .foregroundColor(.primary)
                                            .fixedSize(horizontal: false, vertical: true)
                                            .lineLimit(1)
                                        Spacer()
                                        Text(episode.getItemRuntime()).font(.subheadline)
                                            .fontWeight(.medium)
                                            .foregroundColor(.secondary)
                                            .lineLimit(1)
                                    }
                                    Spacer()
                                    Text(episode.overview ?? "").font(.footnote).foregroundColor(.secondary)
                                        .fixedSize(horizontal: false, vertical: true).lineLimit(4)
                                    Spacer()
                                }.padding(.trailing, 20).offset(y: 2)
                            }.offset(x: 12, y: 0)
                        }
                    }
                    if !(item.studios ?? []).isEmpty {
                        ScrollView(.horizontal, showsIndicators: false) {
                            HStack {
                                Text("Studios:").font(.callout).fontWeight(.semibold)
                                ForEach(item.studios!, id: \.id) { studio in
                                    NavigationLink(destination: LazyView {
                                        LibraryView(withStudio: studio)
                                    }) {
                                        Text(studio.name ?? "").font(.footnote)
                                    }
                                }
                            }.padding(.leading, 16).padding(.trailing, 16)
                        }
                    }
                    Spacer().frame(height: 10)
                }
                .padding(.leading, 2)
                .padding(.top, 20)
            }
        } else {
            GeometryReader { geometry in
                ZStack {
                    LazyImage(source: item.getSeriesBackdropImage(baseURL: globalData.server.baseURI!, maxWidth: 200))
                        .placeholderAndFailure {
                            Image(uiImage: UIImage(blurHash: item.getSeriesBackdropImageBlurHash(),
                                size: CGSize(width: 32, height: 32))!)
                                .resizable()
                                .frame(width: geometry.size.width + geometry.safeAreaInsets.leading + geometry.safeAreaInsets
                                    .trailing,
                                    height: geometry.size.height + geometry.safeAreaInsets.top + geometry.safeAreaInsets
                                        .bottom)
                        }
                        .contentMode(.aspectFill)

                        .opacity(0.4)
                        .frame(width: geometry.size.width + geometry.safeAreaInsets.leading + geometry.safeAreaInsets.trailing,
                               height: geometry.size.height + geometry.safeAreaInsets.top + geometry.safeAreaInsets.bottom)
                        .edgesIgnoringSafeArea(.all)
                        .blur(radius: 4)
                    HStack {
                        VStack(alignment: .leading) {
                            Spacer().frame(height: 16)
                            LazyImage(source: item.getPrimaryImage(baseURL: globalData.server.baseURI!, maxWidth: 120))
                                .placeholderAndFailure {
                                    Image(uiImage: UIImage(blurHash: item.getPrimaryImageBlurHash(),
                                        size: CGSize(width: 32, height: 32))!)
                                        .resizable()
                                        .frame(width: 120, height: 180)
                                        .cornerRadius(10)
                                }
                                .contentMode(.aspectFill)
                                .frame(width: 120, height: 180)
                                .cornerRadius(10)
                            Spacer().frame(height: 4)
                            if item.productionYear != nil {
                                Text(String(item.productionYear!)).font(.subheadline)
                                    .fontWeight(.medium)
                                    .foregroundColor(.secondary)
                            }
                            Spacer()
                        }
                        ScrollView {
                            Spacer().frame(height: 16)
                            LazyVStack(alignment: .leading) {
                                if !(item.taglines ?? []).isEmpty {
                                    Text(item.taglines!.first!).font(.body).italic().padding(.top, 7)
                                        .fixedSize(horizontal: false, vertical: true).padding(.leading, 16)
                                        .padding(.trailing, 16)
                                }
                                Text(item.overview ?? "").font(.footnote).padding(.top, 3)
                                    .fixedSize(horizontal: false, vertical: true).padding(.bottom, 3).padding(.leading, 16)
                                    .padding(.trailing, 16)
                                ForEach(episodes, id: \.id) { episode in
                                    NavigationLink(destination: ItemView(item: episode)) {
                                        HStack {
                                            LazyImage(source: episode.getPrimaryImage(baseURL: globalData.server.baseURI!, maxWidth: 150))
                                                .placeholderAndFailure {
                                                    Image(uiImage: UIImage(blurHash: episode.getPrimaryImageBlurHash(),
                                                        size: CGSize(width: 32, height: 32))!)
                                                        .resizable()
                                                        .frame(width: 150, height: 90)
                                                        .cornerRadius(10)
                                                }
                                                .contentMode(.aspectFill)
                                                .shadow(radius: 5)
                                                .frame(width: 150, height: 90)
                                                .cornerRadius(10)
                                                .overlay(
                                                    Rectangle()
                                                        .fill(Color(red: 172/255, green: 92/255, blue: 195/255))
                                                        .mask(ProgressBar())
                                                        .frame(width: CGFloat(episode.userData!.playedPercentage ?? 0 * 1.5), height: 7)
                                                        .padding(0), alignment: .bottomLeading
                                                )
                                            VStack(alignment: .leading) {
                                                HStack {
                                                    Text("S\(String(episode.parentIndexNumber ?? 0)):E\(String(episode.indexNumber ?? 0))").font(.subheadline)
                                                        .fontWeight(.medium)
                                                        .foregroundColor(.secondary)
                                                        .lineLimit(1)
                                                    Spacer()
                                                    Text(episode.name ?? "").font(.subheadline)
                                                        .fontWeight(.semibold)
                                                        .foregroundColor(.primary)
                                                        .fixedSize(horizontal: false, vertical: true)
                                                        .lineLimit(1)
                                                    Spacer()
                                                    Text(episode.getItemRuntime()).font(.subheadline)
                                                        .fontWeight(.medium)
                                                        .foregroundColor(.secondary)
                                                        .lineLimit(1)
                                                }
                                                Spacer()
                                                Text(episode.overview ?? "").font(.footnote).foregroundColor(.secondary)
                                                    .fixedSize(horizontal: false, vertical: true).lineLimit(4)
                                                Spacer()
                                            }.padding(.trailing, 20).offset(y: 2)
                                        }.offset(x: 12, y: 0)
                                    }
                                }
                                if !(item.studios ?? []).isEmpty {
                                    ScrollView(.horizontal, showsIndicators: false) {
                                        HStack {
                                            Text("Studios:").font(.callout).fontWeight(.semibold)
                                            ForEach(item.studios!, id: \.id) { studio in
                                                NavigationLink(destination: LazyView {
                                                    LibraryView(withStudio: studio)
                                                }) {
                                                    Text(studio.name ?? "").font(.footnote)
                                                }
                                            }
                                        }.padding(.leading, 16).padding(.trailing, 16)
                                    }
                                }
                                Spacer().frame(height: 95)
                            }.frame(maxHeight: .infinity)
                        }.padding(.trailing, UIDevice.current.userInterfaceIdiom == .pad ? 16 : 55)
                    }.padding(.leading, UIDevice.current.userInterfaceIdiom == .pad ? 16 : 0)
                }
            }
        }
    }

    var body: some View {
        LoadingView(isShowing: $isLoading) {
            innerBody
        }
        .onAppear(perform: onAppear)
        .navigationBarTitleDisplayMode(.inline)
        .navigationTitle("\(item.name ?? "") - \(item.seriesName ?? "")")
    }
}