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

// TODO: Transition to `PortraitButton`
struct PortraitItemElement: View {

    @Environment(\.isFocused)
    var envFocused: Bool
    @State
    var focused: Bool = false
    @State
    var backgroundURL: URL?

    var item: BaseItemDto

    var body: some View {
        VStack {
            ImageView(item.type == .episode ? item.seriesImageSource(.primary, maxWidth: 200) : item.imageSource(.primary, maxWidth: 200))
                .frame(width: 200, height: 300)
                .cornerRadius(10)
                .shadow(radius: focused ? 10.0 : 0)
                .shadow(radius: focused ? 10.0 : 0)
                .overlay(
                    ZStack {
                        if item.userData?.isFavorite ?? false {
                            Image(systemName: "circle.fill")
                                .foregroundColor(.white)
                                .opacity(0.6)
                            Image(systemName: "heart.fill")
                                .foregroundColor(Color(.systemRed))
                                .font(.system(size: 10))
                        }
                    }
                    .padding(2)
                    .opacity(1),
                    alignment: .bottomLeading
                )
                .overlay(
                    ZStack {
                        if item.userData?.played ?? false {
                            Image(systemName: "circle.fill")
                                .foregroundColor(.white)
                            Image(systemName: "checkmark.circle.fill")
                                .foregroundColor(Color(.systemBlue))
                        } else {
                            if item.userData?.unplayedItemCount != nil {
                                Image(systemName: "circle.fill")
                                    .foregroundColor(Color(.systemBlue))
                                Text(String(item.userData!.unplayedItemCount ?? 0))
                                    .foregroundColor(.white)
                                    .font(.caption2)
                            }
                        }
                    }.padding(2)
                        .opacity(1),
                    alignment: .topTrailing
                ).opacity(1)
            Text(item.title)
                .frame(width: 200, height: 30, alignment: .center)
            if item.type == .movie || item.type == .series {
                Text("\(String(item.productionYear ?? 0)) • \(item.officialRating ?? "N/A")")
                    .foregroundColor(.secondary)
                    .font(.caption)
                    .fontWeight(.medium)
            } else if item.type == .season {
                Text("\(item.name ?? "") • \(String(item.productionYear ?? 0))")
                    .foregroundColor(.secondary)
                    .font(.caption)
                    .fontWeight(.medium)
            } else {
                Text(L10n.seasonAndEpisode(String(item.parentIndexNumber ?? 0), String(item.indexNumber ?? 0)))
                    .foregroundColor(.secondary)
                    .font(.caption)
                    .fontWeight(.medium)
            }
        }
        .onChange(of: envFocused) { envFocus in
            withAnimation(.linear(duration: 0.15)) {
                self.focused = envFocus
            }
        }
        .scaleEffect(focused ? 1.1 : 1)
    }
}