NetNewsWire/Multiplatform/Shared/Add/AddWebFeedView.swift

//
//  AddWebFeedView.swift
//  NetNewsWire
//
//  Created by Stuart Breckenridge on 3/7/20.
//  Copyright © 2020 Ranchero Software. All rights reserved.
//

import SwiftUI
import Account
import RSCore


struct AddWebFeedView: View {
	
	@Environment(\.presentationMode) private var presentationMode
	@ObservedObject private var viewModel = AddWebFeedViewModel()
	
    @ViewBuilder var body: some View {
		#if os(iOS)
			iosForm
				.onAppear {
					viewModel.pasteUrlFromPasteboard()
				}
				.onReceive(viewModel.$shouldDismiss, perform: { dismiss in
					if dismiss == true {
						presentationMode.wrappedValue.dismiss()
					}
				})
				
		#else
			macForm
				.onAppear {
					viewModel.pasteUrlFromPasteboard()
				}.alert(isPresented: $viewModel.showError) {
					Alert(title: Text("Oops"), message: Text(viewModel.addFeedError!.localizedDescription), dismissButton: Alert.Button.cancel({
						viewModel.addFeedError = AddWebFeedError.none
					}))
				}.onReceive(viewModel.$shouldDismiss, perform: { dismiss in
					if dismiss == true {
						presentationMode.wrappedValue.dismiss()
					}
				})
		#endif
    }
	
	#if os(macOS)
	var macForm: some View {
		Form {
			HStack {
				Spacer()
				Image(systemName: "globe").foregroundColor(.accentColor).font(.title)
				Text("Add a Web Feed")
					.font(.title)
				Spacer()
			}
			urlTextField
				.textFieldStyle(RoundedBorderTextFieldStyle())
				.help("The URL of the feed you want to add.")
			providedNameTextField
				.textFieldStyle(RoundedBorderTextFieldStyle())
				.help("The name of the feed. (Optional.)")
			folderPicker
				.help("Pick the folder you want to add the feed to.")
			buttonStack
		}
		.padding()
		.frame(minWidth: 450)
	}
	#endif
	
	#if os(iOS)
	@ViewBuilder var iosForm: some View {
		NavigationView {
			Form {
				urlTextField
				providedNameTextField
				folderPicker
			}
			.listStyle(InsetGroupedListStyle())
			.navigationTitle("Add Web Feed")
			.navigationBarTitleDisplayMode(.inline)
			.navigationBarItems(leading:
				Button("Cancel", action: {
					presentationMode.wrappedValue.dismiss()
				})
				.help("Cancel Add Feed")
				, trailing:
					Button("Add", action: {
						viewModel.addWebFeed()
					})
					.disabled(!viewModel.providedURL.isValidURL)
					.help("Add Feed")
				)
		}
	}
	#endif
	
	var urlTextField: some View {
		HStack {
			Text("Feed:")
			TextField("URL", text: $viewModel.providedURL)
		}
	}
	
	var providedNameTextField: some View {
		HStack(alignment: .lastTextBaseline) {
			Text("Name:")
			TextField("Optional", text: $viewModel.providedName)
		}
	}
	
	var folderPicker: some View {
		Picker("Folder:", selection: $viewModel.selectedFolderIndex, content: {
			ForEach(0..<viewModel.containers.count, id: \.self, content: { index in
				if let containerName = (viewModel.containers[index] as? DisplayNameProvider)?.nameForDisplay {
					if viewModel.containers[index] is Folder {
						Text("\(viewModel.containers[index].account?.nameForDisplay ?? "") / \(containerName)").tag(index)
					} else {
						Text(containerName).tag(index)
					}
				}
			})
		})
	}
	
	var buttonStack: some View {
		HStack {
			if viewModel.showProgressIndicator == true {
				ProgressView()
					.frame(width: 25, height: 25)
					.help("Adding Feed")
			}
			Spacer()
			Button("Cancel", action: {
				presentationMode.wrappedValue.dismiss()
			})
			.help("Cancel Add Feed")
			
			Button("Add", action: {
				viewModel.addWebFeed()
			})
			.disabled(!viewModel.providedURL.isValidURL)
			.help("Add Feed")
		}
	}
	
	
	
}

struct AddFeedView_Previews: PreviewProvider {
    static var previews: some View {
        AddWebFeedView()
    }
}