jel/Jel/Views/Library/LibraryDetailView.swift

//
//  LibraryDetailView.swift
//  Jel
//
//  Created by zerocool on 12/22/23.
//

import SwiftUI
import JellyfinKit

struct LibraryDetailView: View {
  @EnvironmentObject var jellyfinClient: JellyfinClientController
  @StateObject var authState: AuthStateController = AuthStateController.shared
  
  @State var library: BaseItemDto
  @State var items: [BaseItemDto]? = []
  
  @State var loading: Bool = true
  
  let columns = [
    GridItem(.adaptive(minimum: 150))
  ]
  var body: some View {
    if loading {
      ProgressView()
        .progressViewStyle(.circular)
    }
    ScrollView {
      LazyVGrid(columns: columns) {
        ForEach(items ?? []) {item in
          NavigationLink {
            ItemView(item: item)
          } label: {
            LibraryIconView(library: item, imageType: "Primary", width: 170)
              .padding()
          }
          .buttonStyle(PlainButtonStyle())
        }
      }
    }
    .navigationTitle(library.name ?? "Unknown")
    .onAppear {
      Task {
        let params = Paths.GetItemsParameters(userID: authState.userId, parentID: library.id)
        let request = Paths.getItems(parameters: params)
        
        do {
          let res = try await jellyfinClient.send(request)
          items = res.value.items
          items?.sort(by: {$0.name?.lowercased() ?? "" < $1.name?.lowercased() ?? ""})
          loading = false
        } catch {
        }
      }
    }
  }
}

//#Preview {
//  LibraryDetailView(library: BaseItemDto())
//}