damus/damus/Views/Settings/TranslationSettingsView.swift

//
//  TranslationSettingsView.swift
//  damus
//
//  Created by William Casarin on 2023-04-05.
//

import SwiftUI

struct TranslationSettingsView: View {
    @ObservedObject var settings: UserSettingsStore
    
    @State var show_api_key: Bool = false
    
    @Environment(\.dismiss) var dismiss
    
    var body: some View {
        Form {
            Section(NSLocalizedString("Translations", comment: "Section title for selecting the translation service.")) {
                Toggle(NSLocalizedString("Show only preferred languages on Universe feed", comment: "Toggle to show notes that are only in the device's preferred languages on the Universe feed and hide notes that are in other languages."), isOn: $settings.show_only_preferred_languages)
                    .toggleStyle(.switch)

                Picker(NSLocalizedString("Service", comment: "Prompt selection of translation service provider."), selection: $settings.translation_service) {
                    ForEach(TranslationService.allCases, id: \.self) { server in
                        Text(server.model.displayName)
                            .tag(server.model.tag)
                    }
                }

                if settings.translation_service == .libretranslate {
                    Picker(NSLocalizedString("Server", comment: "Prompt selection of LibreTranslate server to perform machine translations on notes"), selection: $settings.libretranslate_server) {
                        ForEach(LibreTranslateServer.allCases, id: \.self) { server in
                            Text(server.model.displayName)
                                .tag(server.model.tag)
                        }
                    }

                    if settings.libretranslate_server == .custom {
                        TextField(NSLocalizedString("URL", comment: "Example URL to LibreTranslate server"), text: $settings.libretranslate_url)
                            .disableAutocorrection(true)
                            .autocapitalization(UITextAutocapitalizationType.none)
                    }

                    SecureField(NSLocalizedString("API Key (optional)", comment: "Prompt for optional entry of API Key to use translation server."), text: $settings.libretranslate_api_key)
                        .disableAutocorrection(true)
                        .disabled(settings.translation_service != .libretranslate)
                        .autocapitalization(UITextAutocapitalizationType.none)
                }

                if settings.translation_service == .deepl {
                    Picker(NSLocalizedString("Plan", comment: "Prompt selection of DeepL subscription plan to perform machine translations on notes"), selection: $settings.deepl_plan) {
                        ForEach(DeepLPlan.allCases, id: \.self) { server in
                            Text(server.model.displayName)
                                .tag(server.model.tag)
                        }
                    }

                    SecureField(NSLocalizedString("API Key (required)", comment: "Prompt for required entry of API Key to use translation server."), text: $settings.deepl_api_key)
                        .disableAutocorrection(true)
                        .disabled(settings.translation_service != .deepl)
                        .autocapitalization(UITextAutocapitalizationType.none)

                    if settings.deepl_api_key == "" {
                        Link(NSLocalizedString("Get API Key", comment: "Button to navigate to DeepL website to get a translation API key."), destination: URL(string: "https://www.deepl.com/pro-api")!)
                    }
                }

                if settings.translation_service != .none {
                    Toggle(NSLocalizedString("Automatically translate notes", comment: "Toggle to automatically translate notes."), isOn: $settings.auto_translate)
                        .toggleStyle(.switch)
                }
                
                if settings.translation_service != .none {
                    Toggle(NSLocalizedString("Translate DMs", comment: "Toggle to translate direct messages."), isOn: $settings.translate_dms)
                        .toggleStyle(.switch)
                }
            }
        }
        .navigationTitle("Translation")
        .onReceive(handle_notify(.switched_timeline)) { _ in
            dismiss()
        }
    }
    
    var libretranslate_view: some View {
        VStack {
            Picker(NSLocalizedString("Server", comment: "Prompt selection of LibreTranslate server to perform machine translations on notes"), selection: $settings.libretranslate_server) {
                ForEach(LibreTranslateServer.allCases, id: \.self) { server in
                    Text(server.model.displayName)
                        .tag(server.model.tag)
                }
            }

            TextField(NSLocalizedString("URL", comment: "Example URL to LibreTranslate server"), text: $settings.libretranslate_url)
                .disableAutocorrection(true)
                .disabled(settings.libretranslate_server != .custom)
                .autocapitalization(UITextAutocapitalizationType.none)
            HStack {
                let libretranslate_api_key_placeholder = NSLocalizedString("API Key (optional)", comment: "Prompt for optional entry of API Key to use translation server.")
                if show_api_key {
                    TextField(libretranslate_api_key_placeholder, text: $settings.libretranslate_api_key)
                        .disableAutocorrection(true)
                        .autocapitalization(UITextAutocapitalizationType.none)
                    if settings.libretranslate_api_key != "" {
                        Button(NSLocalizedString("Hide API Key", comment: "Button to hide the LibreTranslate server API key.")) {
                            show_api_key = false
                        }
                    }
                } else {
                    SecureField(libretranslate_api_key_placeholder, text: $settings.libretranslate_api_key)
                        .disableAutocorrection(true)
                        .autocapitalization(UITextAutocapitalizationType.none)
                    if settings.libretranslate_api_key != "" {
                        Button(NSLocalizedString("Show API Key", comment: "Button to show the LibreTranslate server API key.")) {
                            show_api_key = true
                        }
                    }
                }
            }
        }
    }

    var deepl_view: some View {
        VStack {
            Picker(NSLocalizedString("Plan", comment: "Prompt selection of DeepL subscription plan to perform machine translations on notes"), selection: $settings.deepl_plan) {
                ForEach(DeepLPlan.allCases, id: \.self) { server in
                    Text(server.model.displayName)
                        .tag(server.model.tag)
                }
            }

            HStack {
                let deepl_api_key_placeholder = NSLocalizedString("API Key (required)", comment: "Prompt for required entry of API Key to use translation server.")
                if show_api_key {
                    TextField(deepl_api_key_placeholder, text: $settings.deepl_api_key)
                        .disableAutocorrection(true)
                        .autocapitalization(UITextAutocapitalizationType.none)
                    if settings.deepl_api_key != "" {
                        Button(NSLocalizedString("Hide API Key", comment: "Button to hide the DeepL translation API key.")) {
                            show_api_key = false
                        }
                    }
                } else {
                    SecureField(deepl_api_key_placeholder, text: $settings.deepl_api_key)
                        .disableAutocorrection(true)
                        .autocapitalization(UITextAutocapitalizationType.none)
                    if settings.deepl_api_key != "" {
                        Button(NSLocalizedString("Show API Key", comment: "Button to show the DeepL translation API key.")) {
                            show_api_key = true
                        }
                    }
                }
                if settings.deepl_api_key == "" {
                    Link(NSLocalizedString("Get API Key", comment: "Button to navigate to DeepL website to get a translation API key."), destination: URL(string: "https://www.deepl.com/pro-api")!)
                }
            }
        }
    }
}

struct TranslationSettingsView_Previews: PreviewProvider {
    static var previews: some View {
        TranslationSettingsView(settings: UserSettingsStore())
    }
}