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

struct LibraryListView: View {
    @StateObject var viewModel = LibraryListViewModel()

    var body: some View {
        ScrollView {
            LazyVStack {
                if !viewModel.isLoading {
                    ForEach(viewModel.libraries, id: \.id) { library in
                        if library.collectionType ?? "" == "movies" || library.collectionType ?? "" == "tvshows" || library.collectionType ?? "" == "music" {
                            EmptyView()
                        } else {
                            NavigationLink(destination: LazyView {
                                LibraryView(viewModel: .init(parentID: library.id), title: library.name ?? "")
                                }) {
                                ZStack {
                                    ImageView(src: library.getPrimaryImage(maxWidth: 500), bh: library.getPrimaryImageBlurHash())
                                        .opacity(0.4)
                                    HStack {
                                        Spacer()
                                        VStack {
                                            Text(library.name ?? "")
                                                .foregroundColor(.white)
                                                .font(.title2)
                                                .fontWeight(.semibold)
                                        }
                                        Spacer()
                                    }.padding(32)
                                }.background(Color.black)
                                .frame(minWidth: 100, maxWidth: .infinity)
                                .frame(height: 100)
                            }
                            .cornerRadius(10)
                            .shadow(radius: 5)
                            .padding(.bottom, 5)
                        }
                    }
                } else {
                    ProgressView()
                }
            }.padding(.leading, 16)
            .padding(.trailing, 16)
            .padding(.top, 8)
        }
    }
}