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

struct LiveTVChannelItemElement: View {
    @Environment(\.isFocused) var envFocused: Bool
    @State var focused: Bool = false
    
    var channel: BaseItemDto
    var program: BaseItemDto?
    var startString = " "
    var endString = " "
    var progressPercent = Double(0)
    
    var body: some View {
        VStack {
            HStack {
                Spacer()
                Text(channel.number ?? "")
                    .font(.footnote)
                    .frame(alignment: .trailing)
            }.frame(alignment: .top)
            ImageView(src: channel.getPrimaryImage(maxWidth: 125))
                .frame(width: 125, alignment: .center)
                .offset(x: 0, y: -32)
            Text(channel.name ?? "?")
                .font(.footnote)
                .lineLimit(1)
                .frame(alignment: .center)
            Text(program?.name ?? "N/A")
                .font(.body)
                .lineLimit(1)
                .foregroundColor(.green)
            VStack {
                HStack {
                    Text(startString)
                        .font(.footnote)
                        .lineLimit(1)
                        .frame(alignment: .leading)
                    
                    Spacer()
                    
                    Text(endString)
                        .font(.footnote)
                        .lineLimit(1)
                        .frame(alignment: .trailing)
                }
                GeometryReader { gp in
                    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(progressPercent * gp.size.width), height: 12)
                    }
                }
            }
        }
        .padding()
        .background(Color.clear)
        .border(focused ? Color.blue : Color.clear, width: 4)
        .onChange(of: envFocused) { envFocus in
            withAnimation(.linear(duration: 0.15)) {
                self.focused = envFocus
            }
        }
        .scaleEffect(focused ? 1.1 : 1)
    }
}