import Models
import SwiftUI
import Utils

public struct LibraryFeatureCard: View {
  let viewer: Viewer?
  let tapHandler: () -> Void
  @ObservedObject var item: LinkedItem

  public init(item: LinkedItem, viewer: Viewer?, tapHandler: @escaping () -> Void = {}) {
    self.item = item
    self.viewer = viewer
    self.tapHandler = tapHandler
  }

  public var body: some View {
    VStack(alignment: .leading, spacing: 5) {
      imageBox
      title
      Spacer()

    }.padding(0)
      .frame(maxWidth: 150)
  }

  var isFullyRead: Bool {
    item.readingProgress > 95
  }

  var isPartiallyRead: Bool {
    Int(item.readingProgress) > 0
  }

  var imageBox: some View {
    Group {
      if let imageURL = item.imageURL {
        AsyncImage(url: imageURL) { phase in
          switch phase {
          case .empty:
            Color.systemBackground
              .frame(width: 145, height: 90)
              .cornerRadius(5)
          case let .success(image):
            image.resizable()
              .aspectRatio(contentMode: .fill)
              .frame(width: 146, height: 90)
              .cornerRadius(5)
          case .failure:
            Image(systemName: "photo")
              .frame(width: 146, height: 90)
              .foregroundColor(Color(hex: "#6A6968"))
              .background(Color(hex: "#EBEBEB"))
              .cornerRadius(5)
          @unknown default:
            // Since the AsyncImagePhase enum isn't frozen,
            // we need to add this currently unused fallback
            // to handle any new cases that might be added
            // in the future:
            EmptyView()
          }
        }
      } else {
        Image(systemName: "photo")
          .frame(width: 146, height: 90)
          .foregroundColor(Color(hex: "#6A6968"))
          .background(Color(hex: "#EBEBEB"))
          .cornerRadius(5)
      }
    }
  }

  var title: some View {
    Text(item.unwrappedTitle.trimmingCharacters(in: .whitespacesAndNewlines))
      .multilineTextAlignment(.leading)
      .font(Font.system(size: 11, weight: .medium))
      .lineSpacing(1.25)
      .foregroundColor(.appGrayTextContrast)
      .fixedSize(horizontal: false, vertical: true)
      .lineLimit(2)
      .frame(maxWidth: .infinity, minHeight: 33, alignment: .topLeading)
  }
}