//
//  NewsRow.swift
//  LazyBear
//
//  Created by Dennis Concepción Martín on 21/6/21.
//

import SwiftUI

struct NewsRow: View {
    var new: LatestNewsModel
    @State private var showWebArticle = false
    
    var body: some View {
        HStack {
            VStack(alignment: .leading) {
                Text("\(convertEpoch(new.datetime, true)) ago")
                    .font(.caption2)
                    .opacity(0.5)
                
                Text(new.headline.capitalized)
                    .font(.headline)
                    .fontWeight(.semibold)
                    .fixedSize(horizontal: false, vertical: true)  /// I need to add this to make lineLimit works correctly
                    .lineLimit(3)
            }
            
            Spacer()
            
            Button(action: { showWebArticle = true }) {
                Capsule()
                    .foregroundColor(Color(.secondarySystemBackground))
                    .frame(width: 80, height: 35, alignment: .center)
                    .overlay(
                        Text("READ")
                            .font(.headline)
                    )
            }
        }
        .sheet(isPresented: $showWebArticle) {
            SFSafariViewWrapper(url: URL(string: new.url)!)
                .edgesIgnoringSafeArea(.bottom)
        }
    }
}

struct NewsRow_Previews: PreviewProvider {
    static var previews: some View {
        NewsRow(
            new: LatestNewsModel(
                    datetime: 1621037430000,
                    headline: "Chaos Monkeys' author calls Apple's statement on his departure defamatory",
                    image: "https://cloud.iexapis.com/v1/news/image/99abeb99-6d9e-47c8-ae7b-53404eacccec",
                    source: "Investing.com",
                    summary: "https://www.investing.com/news/stock-market-news",
                    url: "https://bloomberg.com")
        )
    }
}