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

struct NextUpView: View {
    var items: [BaseItemDto]
    
    var homeRouter: HomeCoordinator.Router? = RouterStore.shared.retrieve()

    var body: some View {
        VStack(alignment: .leading) {
            if items.count > 0 {
                Text("Next Up")
                    .font(.headline)
                    .fontWeight(.semibold)
                    .padding(.leading, 90)
                ScrollView(.horizontal, showsIndicators: false) {
                    LazyHStack {
                        Spacer().frame(width: 45)
                        ForEach(items, id: \.id) { item in
                            Button {
                                self.homeRouter?.route(to: \.modalItem, item)
                            } label: {
                                LandscapeItemElement(item: item)
                            }.buttonStyle(PlainNavigationLinkButtonStyle())
                        }
                        Spacer().frame(width: 45)
                    }
                }.frame(height: 350)
                .offset(y: -10)
            } else {
                EmptyView()
            }
        }
    }
}