Swiftfin/Swiftfin tvOS/Views/LiveTVProgramsView.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 (c) 2022 Jellyfin & Jellyfin Contributors
//

import Foundation
import SwiftUI

struct LiveTVProgramsView: View {
	@EnvironmentObject
	var programsRouter: LiveTVProgramsCoordinator.Router
	@StateObject
	var viewModel = LiveTVProgramsViewModel()

	var body: some View {
		ScrollView {
			LazyVStack(alignment: .leading) {
				if !viewModel.recommendedItems.isEmpty,
				   let items = viewModel.recommendedItems
				{
					Text("On Now")
						.font(.headline)
						.fontWeight(.semibold)
						.padding(.leading, 90)
					ScrollView(.horizontal, showsIndicators: false) {
						LazyHStack {
							Spacer().frame(width: 45)
							ForEach(items, id: \.id) { item in
								Button {
									if let chanId = item.channelId,
									   let chan = viewModel.findChannel(id: chanId)
									{
										self.viewModel.fetchVideoPlayerViewModel(item: chan) { playerViewModel in
											self.programsRouter.route(to: \.videoPlayer, playerViewModel)
										}
									}
								} label: {
									LandscapeItemElement(item: item)
								}
								.buttonStyle(PlainNavigationLinkButtonStyle())
							}
							Spacer().frame(width: 45)
						}
					}.frame(height: 350)
				}
				if !viewModel.seriesItems.isEmpty,
				   let items = viewModel.seriesItems
				{
					Text("Shows")
						.font(.headline)
						.fontWeight(.semibold)
						.padding(.leading, 90)
					ScrollView(.horizontal, showsIndicators: false) {
						LazyHStack {
							Spacer().frame(width: 45)
							ForEach(items, id: \.id) { item in
								Button {
									if let chanId = item.channelId,
									   let chan = viewModel.findChannel(id: chanId)
									{
										self.viewModel.fetchVideoPlayerViewModel(item: chan) { playerViewModel in
											self.programsRouter.route(to: \.videoPlayer, playerViewModel)
										}
									}
								} label: {
									LandscapeItemElement(item: item)
								}
								.buttonStyle(PlainNavigationLinkButtonStyle())
							}
							Spacer().frame(width: 45)
						}
					}.frame(height: 350)
				}
				if !viewModel.movieItems.isEmpty,
				   let items = viewModel.movieItems
				{
					Text("Movies")
						.font(.headline)
						.fontWeight(.semibold)
						.padding(.leading, 90)
					ScrollView(.horizontal, showsIndicators: false) {
						LazyHStack {
							Spacer().frame(width: 45)
							ForEach(items, id: \.id) { item in
								Button {
									if let chanId = item.channelId,
									   let chan = viewModel.findChannel(id: chanId)
									{
										self.viewModel.fetchVideoPlayerViewModel(item: chan) { playerViewModel in
											self.programsRouter.route(to: \.videoPlayer, playerViewModel)
										}
									}
								} label: {
									LandscapeItemElement(item: item)
								}
								.buttonStyle(PlainNavigationLinkButtonStyle())
							}
							Spacer().frame(width: 45)
						}
					}.frame(height: 350)
				}
				if !viewModel.sportsItems.isEmpty,
				   let items = viewModel.sportsItems
				{
					Text("Sports")
						.font(.headline)
						.fontWeight(.semibold)
						.padding(.leading, 90)
					ScrollView(.horizontal, showsIndicators: false) {
						LazyHStack {
							Spacer().frame(width: 45)
							ForEach(items, id: \.id) { item in
								Button {
									if let chanId = item.channelId,
									   let chan = viewModel.findChannel(id: chanId)
									{
										self.viewModel.fetchVideoPlayerViewModel(item: chan) { playerViewModel in
											self.programsRouter.route(to: \.videoPlayer, playerViewModel)
										}
									}
								} label: {
									LandscapeItemElement(item: item)
								}
								.buttonStyle(PlainNavigationLinkButtonStyle())
							}
							Spacer().frame(width: 45)
						}
					}.frame(height: 350)
				}
				if !viewModel.kidsItems.isEmpty,
				   let items = viewModel.kidsItems
				{
					Text("Kids")
						.font(.headline)
						.fontWeight(.semibold)
						.padding(.leading, 90)
					ScrollView(.horizontal, showsIndicators: false) {
						LazyHStack {
							Spacer().frame(width: 45)
							ForEach(items, id: \.id) { item in
								Button {
									if let chanId = item.channelId,
									   let chan = viewModel.findChannel(id: chanId)
									{
										self.viewModel.fetchVideoPlayerViewModel(item: chan) { playerViewModel in
											self.programsRouter.route(to: \.videoPlayer, playerViewModel)
										}
									}
								} label: {
									LandscapeItemElement(item: item)
								}
								.buttonStyle(PlainNavigationLinkButtonStyle())
							}
							Spacer().frame(width: 45)
						}
					}.frame(height: 350)
				}
				if !viewModel.newsItems.isEmpty,
				   let items = viewModel.newsItems
				{
					Text("News")
						.font(.headline)
						.fontWeight(.semibold)
						.padding(.leading, 90)
					ScrollView(.horizontal, showsIndicators: false) {
						LazyHStack {
							Spacer().frame(width: 45)
							ForEach(items, id: \.id) { item in
								Button {
									if let chanId = item.channelId,
									   let chan = viewModel.findChannel(id: chanId)
									{
										self.viewModel.fetchVideoPlayerViewModel(item: chan) { playerViewModel in
											self.programsRouter.route(to: \.videoPlayer, playerViewModel)
										}
									}
								} label: {
									LandscapeItemElement(item: item)
								}
								.buttonStyle(PlainNavigationLinkButtonStyle())
							}
							Spacer().frame(width: 45)
						}
					}.frame(height: 350)
				}
			}
		}
	}
}