//
//  FeedDetailCardView.swift
//  NewsBlur
//
//  Created by David Sinclair on 2023-02-01.
//  Copyright © 2023 NewsBlur. All rights reserved.
//

import SwiftUI

/// Card view within the feed detail view, representing a story row in list layout or a story card in grid layout.
struct CardView: View {
    let cache: StoryCache
    
    let story: Story
    
    var body: some View {
        ZStack(alignment: .leading) {
            if story.isSelected || cache.isGrid {
                RoundedRectangle(cornerRadius: 10).foregroundColor(.init(white: 0.9))
                
                CardFeedBarView(cache: cache, story: story)
                    .clipShape(RoundedRectangle(cornerRadius: 10))
                    .padding(.leading, 2)
            } else {
                CardFeedBarView(cache: cache, story: story)
                    .padding(.leading, 2)
            }
            
            VStack {
                if cache.isGrid, let previewImage {
                    gridPreview(image: previewImage)
//                    Image(uiImage: previewImage)
//                        .resizable()
//                        .scaledToFill()
//                        .frame(height: cache.settings.gridHeight / 3)
//                        .cornerRadius(12, corners: [.topLeft, .topRight])
//                        .padding(0)
                }
                
                HStack {
                    if !cache.isGrid, cache.settings.listPreview.isLeft, let previewImage {
                        listPreview(image: previewImage)
                    }
                    
                    CardContentView(cache: cache, story: story)
                        .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .leading)
                        .padding(15)
                    
                    if !cache.isGrid, !cache.settings.listPreview.isLeft, let previewImage {
                        listPreview(image: previewImage)
                        
//                        Image(uiImage: previewImage)
//                            .resizable()
//                            .scaledToFill()
//                            .frame(width: 80)
//                            .clipShape(RoundedRectangle(cornerRadius: 10))
//                            .padding([.top, .bottom, .trailing], 10)
                    }
                }
            }
        }
        .if(story.isSelected) { view in
            view.padding(10)
        }
    }
    
//    var body: some View {
//        if cache.isGrid {
//            ZStack(alignment: .leading) {
//                RoundedRectangle(cornerRadius: 12).foregroundColor(.init(white: 0.9))
//
//                CardFeedBarView(cache: cache, story: story)
//                    .clipShape(RoundedRectangle(cornerRadius: 12))
//                    .padding(.leading, 1)
//
//                VStack {
//                    //                RoundedRectangle(cornerRadius: 12).foregroundColor(.random)
//                    //                    .frame(height: 200)
//
//                    if let previewImage {
//                        Image(uiImage: previewImage)
//                            .resizable()
//                            .scaledToFill()
//                            .frame(height: 200)
//                        //                            .clipped()
//                        //                            .clipShape(RoundedRectangle(cornerRadius: 12))
//                            .cornerRadius(12, corners: [.topLeft, .topRight])
//                            .padding(0)
//                    }
//
//                    CardContentView(cache: cache, story: story)
//                        .frame(maxHeight: .infinity, alignment: .leading)
//                        .padding(10)
//                }
//            }
//        } else {
//            ZStack(alignment: .leading) {
//                if story.isSelected {
//                    RoundedRectangle(cornerRadius: 12).foregroundColor(.init(white: 0.9))
//                    //                        .padding(10)
//
//                    CardFeedBarView(cache: cache, story: story)
//                        .clipShape(RoundedRectangle(cornerRadius: 12))
//                    //                        .padding(10)
//                } else {
//                    CardFeedBarView(cache: cache, story: story)
//                        .padding(.leading, 2)
//                }
//
//                HStack {
//                    CardContentView(cache: cache, story: story)
//                        .frame(maxWidth: .infinity, alignment: .leading)
//                        .padding([.top, .bottom], 10)
//                        .padding(.leading, 15)
//
//                    if let previewImage {
//                        Image(uiImage: previewImage)
//                            .resizable()
//                            .scaledToFill()
//                            .frame(width: 80)
//                            .clipShape(RoundedRectangle(cornerRadius: 10))
//                            .padding([.top, .bottom, .trailing], 10)
//                    }
//                }
//            }
//            .if(story.isSelected) { view in
//                view.padding(10)
//            }
//        }
//    }
    
    var previewImage: UIImage? {
        guard cache.settings.listPreview != .none, let image = cache.appDelegate.cachedImage(forStoryHash: story.hash), image.isKind(of: UIImage.self) else {
            return nil
        }
        
        return image
    }
    
    @ViewBuilder
    func gridPreview(image: UIImage) -> some View {
        Image(uiImage: image)
            .resizable()
            .scaledToFill()
            .frame(height: cache.settings.gridHeight / 3)
            .cornerRadius(10, corners: .topRight)
            .padding(0)
            .padding(.leading, 8)
    }
    
    @ViewBuilder
    func listPreview(image: UIImage) -> some View {
        let isLeft = cache.settings.listPreview.isLeft
        
        if cache.settings.listPreview.isSmall {
            Image(uiImage: image)
                .resizable()
                .scaledToFill()
                .frame(width: 80)
                .clipShape(RoundedRectangle(cornerRadius: 10))
                .padding([.top, .bottom], 10)
                .padding(.leading, isLeft ? 15 : -10)
                .padding(.trailing, isLeft ? -10 : 10)
        } else {
            Image(uiImage: image)
                .resizable()
                .scaledToFill()
                .frame(width: 90)
                .cornerRadius(10, corners: isLeft || !story.isSelected ? [] : [.topRight, .bottomRight])
                .padding(.leading, isLeft ? 8 : -10)
                .padding(.trailing, isLeft ? -10 : 0)
        }
        
//        if cache.settings.listPreview.isLeft {
//            return image.padding(.trailing, 10)
//        } else {
//            return image.padding(.leading, 10)
//        }
//        //these cause it to crash; too complex? could try assigning the above to variable then add these
//            .if(cache.settings.listPreview.isLeft) { view in
//                self.padding(.trailing, 10)
//            }
//            .if(!cache.settings.listPreview.isLeft) { view in
//                self.padding(.leading, 10)
//            }
    }
}

//struct CardView_Previews: PreviewProvider {
//    static var previews: some View {
//        CardView(cache: StoryCache(), story: Story(index: 0))
//    }
//}

struct CardContentView: View {
    let cache: StoryCache
    
    let story: Story
    
    var body: some View {
        VStack(alignment: .leading) {
            if story.isRiverOrSocial, let feedImage {
                HStack {
                    Image(uiImage: feedImage)
                        .resizable()
                        .frame(width: 16, height: 16)
                        .padding(.leading, 24)
                    
                    Text(story.feedName)
                        .font(.custom("WhitneySSm-Medium", size: 10, relativeTo: .caption))
                        .lineLimit(1)
                }
            }
            
            HStack(alignment: .top) {
                if let unreadImage {
                    Image(uiImage: unreadImage)
                        .resizable()
                        .frame(width: 16, height: 16)
                        .padding(.top, 3)
                }
                
                VStack(alignment: .leading) {
                    HStack(alignment: .top) {
                        if story.isSaved, let image = UIImage(named: "saved-stories") {
                            Image(uiImage: image)
                                .resizable()
                                .frame(width: 16, height: 16)
                                .padding(.top, 3)
                        }
                        
                        if story.isShared, let image = UIImage(named: "share") {
                            Image(uiImage: image)
                                .resizable()
                                .frame(width: 16, height: 16)
                                .padding(.top, 3)
                        }
                        
                        Text(story.title)
                            .font(.custom("WhitneySSm-Medium", size: 18, relativeTo: .caption).bold())
                    }
                    Text(story.content.prefix(400))
                        .font(.custom("WhitneySSm-Book", size: 13, relativeTo: .caption))
                        .padding(.top, 5)
                    Spacer()
                    Text(story.dateAndAuthor)
                        .font(.custom("WhitneySSm-Medium", size: 10, relativeTo: .caption))
                        .padding(.top, 5)
                }
            }
        }
    }
    
    var feedImage: UIImage? {
        if let image = cache.appDelegate.getFavicon(story.feedID) {
            return Utilities.roundCorneredImage(image, radius: 4, convertTo: CGSizeMake(16, 16))
        } else {
            return nil
        }
    }
    
    var unreadImage: UIImage? {
        switch story.score {
        case -1:
            return UIImage(named: "indicator-hidden")
        case 1:
            return UIImage(named: "indicator-focus")
        default:
            return UIImage(named: "indicator-unread")
        }
    }
}

struct CardFeedBarView: View {
    let cache: StoryCache
    
    let story: Story
    
    var body: some View {
        GeometryReader { geometry in
            if let color = story.feedColorBarLeft {
                Path { path in
                    path.move(to: CGPoint(x: 0, y: 0))
                    path.addLine(to: CGPoint(x: 0, y: geometry.size.height))
                }
                .stroke(Color(color), lineWidth: 4)
            }
            
            if let color = story.feedColorBarRight {
                Path { path in
                    path.move(to: CGPoint(x: 4, y: 0))
                    path.addLine(to: CGPoint(x: 4, y: geometry.size.height))
                }
                .stroke(Color(color), lineWidth: 4)
            }
        }
        
        
//        if #available(iOS 15.0, *) {
//            Canvas { context, size in
//                context.stroke(
//                    Path(CGRect(origin: .zero, size: CGSize(width: 0, height: size.height))),
//                    with: .color(.green),
//                    lineWidth: 4)
//
//                context.stroke(
//                    Path(CGRect(origin: CGPoint(x: 5, y: 0), size: CGSize(width: 0, height: size.height))),
//                    with: .color(.blue),
//                    lineWidth: 4)
//            }
//            Canvas { context, size in
//                let frame = CGRect(x: 0, y: 0, width: size.width, height: size.height)
//
//                Path { path in
//                    path.move(to: CGPoint(x: 0, y: 0))
//                    path.addLine(to: CGPoint(x: 0, y: size.height))
//                }
//                .stroke(.blue, lineWidth: 10)
//
//                Path { path in
//                    path.move(to: CGPoint(x: 10, y: 0))
//                    path.addLine(to: CGPoint(x: 10, y: size.height))
//                }
//                .stroke(.green, lineWidth: 10)
//            }
//        } else {
//            EmptyView()
//        }
        
        
//        Path { path in
//            path.move(to: CGPoint(x: 0, y: 0))
//            path.addLine(to: CGPoint(x: 100, y: 300))
//            path.addLine(to: CGPoint(x: 300, y: 300))
//            path.addLine(to: CGPoint(x: 200, y: 100))
//            path.closeSubpath()
//        }
//        .stroke(.blue, lineWidth: 10)
        
        
        
        //    CGFloat feedBarOffset = isHighlighted ? 2 : 0;
        //    CGContextSetStrokeColor(context, CGColorGetComponents([self.feedColorBarTopBorder CGColor]));
        //    if (self.isRead) {
        //        CGContextSetAlpha(context, 0.15);
        //    }
        //    CGContextSetLineWidth(context, 4.0f);
        //    CGContextBeginPath(context);
        //    CGContextMoveToPoint(context, 2.0f + feedBarOffset, 0);
        //    CGContextAddLineToPoint(context, 2.0f + feedBarOffset, self.frame.size.height);
        //    CGContextStrokePath(context);
        //
        //    CGContextSetStrokeColor(context, CGColorGetComponents([self.feedColorBar CGColor]));
        //    CGContextBeginPath(context);
        //    CGContextMoveToPoint(context, 6.0f + feedBarOffset, 0);
        //    CGContextAddLineToPoint(context, 6.0 + feedBarOffset, self.frame.size.height);
        //    CGContextStrokePath(context);
        

    }
}

//extension ShapeStyle where Self == Color {
//    static var darkBackground: Color {
//        Color(red: 0.1, green: 0.1, blue: 0.2)
//    }
//    static var lightBackground: Color {
//        Color(red: 0.2, green: 0.2, blue: 0.3)
//    }
//}