//
//  launchesView.swift
//  spacex
//
//  Created by Charlie Kingsland on 23/01/2021.
//

import SwiftUI
import SDWebImage
import HalfModal
import Foundation

struct launchView: View {
    
    @State var launches: [Launch] = []
    //    @State private var showingAlert = false
    @State private var show_modal: Bool = false
    @State private var mName: String = &#34;&#34;
    @State private var mDate: String = &#34;&#34;
    @State private var rID: String = &#34;&#34;
    @State private var mImg: String = &#34;&#34;
    @State private var mDesc: String = &#34;&#34;
    @State private var mYT: String = &#34;&#34;
    @State private var ytBool: Bool = false
    
    @State private var rName: String = &#34;&#34;
    
    
    
    @State private var showingHalfModal: Bool = false
    
    var body: some View {
            
            ZStack {
                NavigationView {
                    VStack {
                        //                    Spacer()
                        //                        .frame(height: 10)
                        //                    Text(&#34;SpaceX launch list&#34;)
                        //                        .font(.largeTitle)
                        Spacer()
                            .frame(height: 1)
                            .navigationBarTitle(&#34;Launches&#34;)
                        
                        
                        
                        List {
                            
                            ForEach(launches, id: \.id) { launch in
                                //                        Text(&#34;image&#34;)
                                //                        Image(&#34;imagenotfound&#34;)
                                Button(action: {
                                    self.mName = launch.name
                                    self.mDate = Date(timeIntervalSince1970: launch.date_unix).getFormattedDate(format: &#34;dd/MM/yyyy HH:mm:ss&#34;)
                                    self.rID = launch.rocket
                                    self.mImg = launch.links.patch.missionPatch ?? &#34;null&#34;
                                    self.mDesc = launch.details ?? &#34;No description&#34;
                                    self.mYT = launch.links.youtube_id ?? &#34;none&#34;
                                    
                                    if self.mYT == &#34;none&#34; {
                                        self.ytBool = false
                                    } else {
                                        self.ytBool = true
                                    }
                                    //                    sleep(1)
                                    self.show_modal.toggle()
                                    withAnimation {
                                        self.showingHalfModal = true
                                    }
                                }) {
                                    HStack {
                                        //                            Image(&#34;imagenotfound&#34;)
                                        //                                .resizable()
                                        //                                .frame(width: 50, height: 50)
                                        URLimageView(urlString: launch.links.patch.missionPatch)
                                        //                                .frame(width: 50, height: 50)
                                        Group {
                                            Text(launch.name)
                                                .font(.system(size: 23))
                                                .frame(maxWidth: .infinity, alignment: .leading)
                                                .fixedSize(horizontal: false, vertical: true)
                                            Text(Date(timeIntervalSince1970: launch.date_unix).getFormattedDate(format: &#34;dd/MM/yyyy HH:mm:ss&#34;))
                                                .font(.system(size: 11.5))
                                                .foregroundColor(Color.gray)
                                                .frame(maxWidth: .infinity, alignment: .leading)
                                                .fixedSize(horizontal: false, vertical: true)
                                            Spacer()
                                        }
                                    }
                                }
                                .buttonStyle(PlainButtonStyle())
                                
                            }
                        }
                    }.onAppear {
                        apiCall().getUsers{ (launches) in self.launches = launches}
                    }.listStyle(SidebarListStyle())
                    .frame(alignment: .center)
                }
                
            }
            if showingHalfModal {
                HalfModalView(content: AnyView(HStack {
                    VStack {
                        Text(mDesc)
                            .padding()
                        Link(&#34;Watch webcast&#34;, destination: URL(string: &#34;https://www.youtube.com/watch?v=&#34; + mYT)!)
                            .disabled(!ytBool)
                    }
                }), header: AnyView(HStack {
                                        URLimageView(urlString: self.mImg)
                                        VStack(alignment: .leading) {
                                            Text(self.mName)
                                            Text(self.mDate)
                                                .font(.system(size: 10))
                                                .foregroundColor(Color.gray)
                                        }}), isPresented: $showingHalfModal)
            }
            
        }
    }


struct launchesView_Previews: PreviewProvider {
    static var previews: some View {
        launchView()
    }
}