Swiftfin/JellyfinPlayer tvOS/SeriesItemView.swift

//
 /*
  * 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 SwiftUI
import JellyfinAPI

struct SeriesItemView: View {
    @ObservedObject var viewModel: SeriesItemViewModel

    @State var actors: [BaseItemPerson] = []
    @State var studio: String?
    @State var director: String?

    @State var wrappedScrollView: UIScrollView?

    @Environment(\.resetFocus) var resetFocus
    @Namespace private var namespace

    func onAppear() {
        actors = []
        director = nil
        studio = nil
        var actor_index = 0
        viewModel.item.people?.forEach { person in
            if person.type == "Actor" {
                if actor_index < 4 {
                    actors.append(person)
                }
                actor_index = actor_index + 1
            }
            if person.type == "Director" {
                director = person.name ?? ""
            }
        }

        studio = viewModel.item.studios?.first?.name ?? nil
    }

    var body: some View {
        ZStack {
            ImageView(src: viewModel.item.getBackdropImage(maxWidth: 1920), bh: viewModel.item.getBackdropImageBlurHash())
                .opacity(0.4)
            ScrollView {
                LazyVStack(alignment: .leading) {
                    Text(viewModel.item.name ?? "")
                        .font(.title)
                        .fontWeight(.bold)
                        .foregroundColor(.primary)
                    HStack {
                        Text(viewModel.getRunYears()).font(.subheadline)
                            .fontWeight(.medium)
                            .foregroundColor(.secondary)
                            .lineLimit(1)
                        if viewModel.item.officialRating != nil {
                            Text(viewModel.item.officialRating!).font(.subheadline)
                                .fontWeight(.semibold)
                                .foregroundColor(.secondary)
                                .lineLimit(1)
                                .padding(EdgeInsets(top: 1, leading: 4, bottom: 1, trailing: 4))
                                .overlay(RoundedRectangle(cornerRadius: 2)
                                    .stroke(Color.secondary, lineWidth: 1))
                        }
                        if viewModel.item.communityRating != nil {
                            HStack {
                                Image(systemName: "star.fill")
                                    .foregroundColor(.yellow)
                                    .font(.subheadline)
                                Text(String(viewModel.item.communityRating!)).font(.subheadline)
                                    .fontWeight(.semibold)
                                    .foregroundColor(.secondary)
                                    .lineLimit(1)
                            }
                        }
                    }

                    HStack {
                        VStack(alignment: .trailing) {
                            if studio != nil {
                                Text("STUDIO")
                                    .font(.body)
                                    .fontWeight(.semibold)
                                    .foregroundColor(.primary)
                                Text(studio!)
                                    .font(.body)
                                    .fontWeight(.semibold)
                                    .foregroundColor(.secondary)
                                    .padding(.bottom, 40)
                            }

                            if director != nil {
                                Text("DIRECTOR")
                                    .font(.body)
                                    .fontWeight(.semibold)
                                    .foregroundColor(.primary)
                                Text(director!)
                                    .font(.body)
                                    .fontWeight(.semibold)
                                    .foregroundColor(.secondary)
                                    .padding(.bottom, 40)
                            }

                            if !actors.isEmpty {
                                Text("CAST")
                                    .font(.body)
                                    .fontWeight(.semibold)
                                    .foregroundColor(.primary)
                                ForEach(actors, id: \.id) { person in
                                    Text(person.name!)
                                        .font(.body)
                                        .fontWeight(.semibold)
                                        .foregroundColor(.secondary)
                                }
                            }
                            Spacer()
                        }
                        VStack(alignment: .leading) {
                            if !(viewModel.item.taglines ?? []).isEmpty {
                                Text(viewModel.item.taglines?.first ?? "")
                                    .font(.body)
                                    .italic()
                                    .fontWeight(.medium)
                                    .foregroundColor(.primary)
                            }
                            Text(viewModel.item.overview ?? "")
                                .font(.body)
                                .fontWeight(.medium)
                                .foregroundColor(.primary)

                            MediaPlayButtonRowView(viewModel: viewModel, wrappedScrollView: wrappedScrollView)
                            .padding(.top, 15)
                            Spacer()
                        }
                    }.padding(.top, 50)

                    if viewModel.nextUpItem != nil {
                        Text("Next Up")
                            .font(.headline)
                            .fontWeight(.semibold)
                        NavigationLink(destination: ItemView(item: viewModel.nextUpItem!)) {
                            LandscapeItemElement(item: viewModel.nextUpItem!)
                        }.buttonStyle(PlainNavigationLinkButtonStyle()).padding(.bottom, 1)
                    }

                    if !viewModel.seasons.isEmpty {
                        Text("Seasons")
                            .font(.headline)
                            .fontWeight(.semibold)
                        ScrollView(.horizontal) {
                            LazyHStack {
                                Spacer().frame(width: 45)
                                ForEach(viewModel.seasons, id: \.id) { season in
                                    NavigationLink(destination: ItemView(item: season)) {
                                        PortraitItemElement(item: season)
                                    }.buttonStyle(PlainNavigationLinkButtonStyle())
                                }
                                Spacer().frame(width: 45)
                            }
                        }.padding(EdgeInsets(top: -30, leading: -90, bottom: 0, trailing: -90))
                        .frame(height: 360)
                    }

                    if !viewModel.similarItems.isEmpty {
                        Text("More Like This")
                            .font(.headline)
                            .fontWeight(.semibold)
                        ScrollView(.horizontal) {
                            LazyHStack {
                                Spacer().frame(width: 45)
                                ForEach(viewModel.similarItems, id: \.id) { similarItems in
                                    NavigationLink(destination: ItemView(item: similarItems)) {
                                        PortraitItemElement(item: similarItems)
                                    }.buttonStyle(PlainNavigationLinkButtonStyle())
                                }
                                Spacer().frame(width: 45)
                            }
                        }.padding(EdgeInsets(top: -30, leading: -90, bottom: 0, trailing: -90))
                        .frame(height: 360)
                    }
                }.padding(EdgeInsets(top: 90, leading: 90, bottom: 45, trailing: 90))
            }.focusScope(namespace)
            .introspectScrollView { scrollView in
                wrappedScrollView = scrollView
            }
        }.onAppear(perform: onAppear)
    }
}