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

struct EpisodesRowView: View {
    
    @EnvironmentObject var itemRouter: ItemCoordinator.Router
    @ObservedObject var viewModel: EpisodeItemViewModel
    
    var body: some View {
        VStack(alignment: .leading) {
            
            Text("Episodes")
                .font(.title3)
                .padding(.horizontal, 50)
            
            ScrollView(.horizontal) {
                ScrollViewReader { reader in
                    HStack(alignment: .top) {
                        ForEach(viewModel.seasonEpisodes, id:\.self) { episode in
                            Button {
                                itemRouter.route(to: \.item, episode)
                            } label: {
                                HStack(alignment: .top) {
                                    VStack(alignment: .leading) {
                                        
                                        ImageView(src: episode.getBackdropImage(maxWidth: 445),
                                                  bh: episode.getBackdropImageBlurHash())
                                            .mask(Rectangle().frame(width: 500, height: 280))
                                            .frame(width: 500, height: 280)
                                        
                                        VStack(alignment: .leading) {
                                            Text(episode.getEpisodeLocator() ?? "")
                                                .font(.caption)
                                                .foregroundColor(.secondary)
                                            Text(episode.name ?? "")
                                                .font(.footnote)
                                                .padding(.bottom, 1)
                                            Text(episode.overview ?? "")
                                                .font(.caption)
                                                .fontWeight(.light)
                                                .lineLimit(4)
                                        }
                                        .padding(.horizontal)
                                        
                                        Spacer()
                                    }
                                    .frame(width: 500)
                                }
                            }
                            .buttonStyle(PlainButtonStyle())
                            .id(episode.name)
                        }
                    }
                    .padding(.horizontal, 50)
                    .padding(.vertical)
                    .onAppear {
                        reader.scrollTo(viewModel.item.name)
                    }
                }
                .edgesIgnoringSafeArea(.horizontal)
            }
        }
    }
}