//
// 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) 2024 Jellyfin & Jellyfin Contributors
//

import Defaults
import JellyfinAPI
import SwiftUI

struct SeriesEpisodeSelector: View {

    @EnvironmentObject
    private var mainRouter: MainCoordinator.Router

    @ObservedObject
    var viewModel: SeriesItemViewModel

    var body: some View {
        MenuPosterHStack(
            type: .landscape,
            manager: viewModel,
            singleImage: true
        )
        .scaleItems(1.2)
        .imageOverlay { type in
            EpisodeOverlay(episode: type)
        }
        .content { type in
            EpisodeContent(episode: type)
        }
        .onSelect { item in
            guard let mediaSource = item.mediaSources?.first else { return }
            mainRouter.route(to: \.videoPlayer, OnlineVideoPlayerManager(item: item, mediaSource: mediaSource))
        }
    }
}

extension SeriesEpisodeSelector {

    struct EpisodeOverlay: View {

        let episode: BaseItemDto

        var body: some View {
            if let progressLabel = episode.progressLabel {
                LandscapePosterProgressBar(
                    title: progressLabel,
                    progress: (episode.userData?.playedPercentage ?? 0) / 100
                )
            } else if episode.userData?.isPlayed ?? false {
                ZStack(alignment: .bottomTrailing) {
                    Color.clear

                    Image(systemName: "checkmark.circle.fill")
                        .resizable()
                        .frame(width: 30, height: 30, alignment: .bottomTrailing)
                        .accentSymbolRendering(accentColor: .white)
                        .padding()
                }
            }
        }
    }

    struct EpisodeContent: View {

        @Default(.accentColor)
        private var accentColor

        @EnvironmentObject
        private var router: ItemCoordinator.Router
        @ScaledMetric
        private var staticOverviewHeight: CGFloat = 50

        let episode: BaseItemDto

        @ViewBuilder
        private var subHeader: some View {
            Text(episode.episodeLocator ?? L10n.unknown)
                .font(.footnote)
                .foregroundColor(.secondary)
        }

        @ViewBuilder
        private var header: some View {
            Text(episode.displayTitle)
                .font(.body)
                .foregroundColor(.primary)
                .padding(.bottom, 1)
                .lineLimit(2)
                .multilineTextAlignment(.leading)
        }

        @ViewBuilder
        private var content: some View {
            Group {
                ZStack(alignment: .topLeading) {
                    Color.clear
                        .frame(height: staticOverviewHeight)

                    if episode.isUnaired {
                        Text(episode.airDateLabel ?? L10n.noOverviewAvailable)
                    } else {
                        Text(episode.overview ?? L10n.noOverviewAvailable)
                    }
                }

                L10n.seeMore.text
                    .font(.footnote)
                    .fontWeight(.medium)
                    .foregroundColor(accentColor)
            }
            .font(.caption.weight(.light))
            .foregroundColor(.secondary)
            .lineLimit(4)
            .multilineTextAlignment(.leading)
        }

        var body: some View {
            Button {
                router.route(to: \.item, episode)
            } label: {
                VStack(alignment: .leading) {
                    subHeader

                    header

                    content
                }
            }
        }
    }
}