//
// 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

struct CutOffShadow: Shape {
    func path(in rect: CGRect) -> Path {
        var path = Path()

        let tl = CGPoint(x: rect.minX, y: rect.minY)
        let tr = CGPoint(x: rect.maxX, y: rect.minY)
        let brs = CGPoint(x: rect.maxX, y: rect.maxY - 6)
        let brc = CGPoint(x: rect.maxX - 6, y: rect.maxY - 6)
        let bls = CGPoint(x: rect.minX + 6, y: rect.maxY)
        let blc = CGPoint(x: rect.minX + 6, y: rect.maxY - 6)

        path.move(to: tl)
        path.addLine(to: tr)
        path.addLine(to: brs)
        path.addRelativeArc(
            center: brc,
            radius: 6,
            startAngle: Angle.degrees(0),
            delta: Angle.degrees(90)
        )
        path.addLine(to: bls)
        path.addRelativeArc(
            center: blc,
            radius: 6,
            startAngle: Angle.degrees(90),
            delta: Angle.degrees(90)
        )

        return path
    }
}

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

    var item: BaseItemDto
    var inSeasonView: Bool?

    var body: some View {
        VStack {
            ImageView(item.imageSource(.backdrop, maxWidth: 445))
                .frame(width: 445, height: 250)
                .cornerRadius(10)
                .ignoresSafeArea()
                .overlay(
                    ZStack {
                        if item.userData?.played ?? false {
                            Image(systemName: "circle.fill")
                                .foregroundColor(.white)
                            Image(systemName: "checkmark.circle.fill")
                                .foregroundColor(Color(.systemBlue))
                        }
                    }.padding(2)
                        .opacity(1),
                    alignment: .topTrailing
                ).opacity(1)
                .overlay(ZStack(alignment: .leading) {
                    if focused && item.userData?.playedPercentage != nil {
                        Rectangle()
                            .fill(LinearGradient(
                                gradient: Gradient(colors: [.black, .clear]),
                                startPoint: .bottom,
                                endPoint: .top
                            ))
                            .frame(width: 445, height: 90)
                            .mask(CutOffShadow())
                        VStack(alignment: .leading) {
                            Text("CONTINUE • \(item.getItemProgressString() ?? "")")
                                .font(.caption)
                                .fontWeight(.medium)
                                .offset(y: 5)
                            ZStack(alignment: .leading) {
                                RoundedRectangle(cornerRadius: 6)
                                    .fill(Color.gray)
                                    .opacity(0.4)
                                    .frame(minWidth: 100, maxWidth: .infinity, minHeight: 12, maxHeight: 12)
                                RoundedRectangle(cornerRadius: 6)
                                    .fill(Color.jellyfinPurple)
                                    .frame(width: CGFloat(item.userData?.playedPercentage ?? 0 * 4.45 - 0.16), height: 12)
                            }
                        }.padding(12)
                    } else {
                        EmptyView()
                    }
                }, alignment: .bottomLeading)
                .shadow(radius: focused ? 10.0 : 0, y: focused ? 10.0 : 0)
                .shadow(radius: focused ? 10.0 : 0, y: focused ? 10.0 : 0)
            if inSeasonView ?? false {
                Text("\(item.episodeLocator ?? "") • \(item.name ?? "")")
                    .font(.callout)
                    .fontWeight(.semibold)
                    .lineLimit(1)
                    .frame(width: 445)
            } else {
                Text(item.type == .episode ? "\(item.seriesName ?? "") • \(item.episodeLocator ?? "")" : item.name ?? "")
                    .font(.callout)
                    .fontWeight(.semibold)
                    .lineLimit(1)
                    .frame(width: 445)
            }
        }
        .onChange(of: envFocused) { envFocus in
            withAnimation(.linear(duration: 0.15)) {
                self.focused = envFocus
            }
        }
        .scaleEffect(focused ? 1.1 : 1)
    }
}