jel/Jel/Views/Library/Item/ItemMediaView.swift

//
//  ItemMediaView.swift
//  Jel
//
//  Created by zerocool on 12/23/23.
//

import SwiftUI
import JellyfinKit
import VisibilityTrackingScrollView

struct ItemMediaView: View {
  @EnvironmentObject var jellyfinClient: JellyfinClientController
  @StateObject var authState: AuthStateController = AuthStateController.shared
  
  @State var item: BaseItemDto
  @State var loading: Bool = true
  
  @State var pageScrolled: Bool = false
  
  var body: some View {
    GeometryReader {geo in
      if loading {
        ProgressView()
          .progressViewStyle(.circular)
      } else {
        ScrollView() {
          ItemHeaderView(item: item)
            .padding(.bottom)
            .background {
              GeometryReader {geo in
                EmptyView()
                  .onChange(of: geo.frame(in: .global).minY) {
                    let minY = geo.frame(in: .global).minY
                    
                    pageScrolled = minY < 0
                  }
              }
            }
          
          VStack(alignment: .leading) {
            Text(item.taglines?.count ?? 0 > 0 ? item.taglines?[0] ?? "" : "")
              .font(.headline)
              .frame(maxWidth: .infinity, alignment: .leading)
              .padding(.bottom)
            
            ForEach(item.overview?.components(separatedBy: "<br>") ?? [], id: \.self) {overview in
              Text(overview)
            }
            
            ItemGenresView(item: item)
          }
          .if(max(geo.safeAreaInsets.leading, geo.safeAreaInsets.trailing) > 0) {view in
            view
              .padding(max(geo.safeAreaInsets.leading, geo.safeAreaInsets.trailing))
          }
          .if(max(geo.safeAreaInsets.leading, geo.safeAreaInsets.trailing) <= 0) {view in
            view
              .padding()
          }
        }
        .ignoresSafeArea()
      }
    }
    .navigationBarTitleDisplayMode(.inline)
    .navigationTitle(item.name ?? "Untitled")
    .toolbarRole(.editor)
    .toolbar {
      ToolbarItem(placement: .principal) {
        Text(pageScrolled ? item.name ?? "Untitled" : "")
          .bold()
      }
    }
    .scrollIndicators(.hidden)
    .onAppear {
      Task {
        do {
          let request = Paths.getItem(userID: authState.userId ?? "", itemID: item.id ?? "")
          let response = try await jellyfinClient.send(request)
          item = response.value
          loading = false
        } catch {
        }
      }
    }
  }
}

//#Preview {
//  ItemMovieView(item: BaseItemDto())
//}