import SwiftUI

struct AdvancedSettings: View {
  
  @AppStorage("backendUrl") var backendUrl: String = ""
  @AppStorage("backendFormat") var backendFormat: OutputFormatSetting = .gifOnly
  @AppStorage("keepFiles") var keepFiles = true
  @AppStorage("allowURLAutomation") var allowURLAutomation = false
  @State var showConfirmation = false
  
  private var anyState: String { "\(backendUrl), \(backendFormat), \(keepFiles), \(allowURLAutomation)" }
  
  var parsedBackendUrl: URL? {
    URL(string: backendUrl)
  }
  
  var body: some View {
    Form {
      VStack (alignment: .center) {
        Section {
          VStack (alignment: .center) {
            LabeledContent("Backend URL") {
              TextField("", text: $backendUrl).font(.body)
            }.font(.headline)
              .help("The Backend URL to use. If this is empty, no backend will be used and the options below won't have an effect.")
            Picker(selection: $backendFormat, label: Text("Backend Format").font(.headline)) {
              Text("GIF")
                .tag(OutputFormatSetting.gifOnly)
                .padding(.horizontal, 4.0)
                .padding(.vertical, 2.0)
              Text("MP4")
                .tag(OutputFormatSetting.mp4Only)
                .padding(.horizontal, 4.0)
                .padding(.vertical, 2.0)
            }
            .pickerStyle(.radioGroup)
            .disabled(parsedBackendUrl == nil)
            .help("The format picked here will be generated regardless of what option you pick in the output settings. It doesn't prevent files from being rendered.")
            Toggle("Keep Local Files", isOn: $keepFiles)
              .font(.headline)
              .disabled(parsedBackendUrl == nil)
              .padding(.vertical, 8.0)
              .help("If this is off, locally generated recordings will be deleted immediately after a successful upload.")
            HStack {
              Text("These settings can break things! Please make sure you understand how to use them before enabling.")
                .lineLimit(3...10)
              Link(destination: URL(string: "https://captura.tranquil.systems")!) {
                Image(systemName: "info.circle")
              }.buttonStyle(.borderless)
            }
          }
        }
        Divider().padding(.vertical, 8.0)
        Section {
          Toggle("Allow URL Based Automation", isOn: $allowURLAutomation)
            .font(.headline)
            .padding(.vertical, 8.0)
            .help("If this is on, the app can be controlled remotely using the captura: URL scheme.")
            .confirmationDialog("This may be dangerous and can allow websites to remotely record your computer.", isPresented: $showConfirmation, actions: {
              Button("I Understand The Risk", role: .destructive) {
                showConfirmation = false
              }
              Button("Cancel", role: .cancel) {
                showConfirmation = false
                allowURLAutomation = false
              }
            })
            .onChange(of: allowURLAutomation, perform: { newValue in
              if newValue {
                showConfirmation = true
              }
            })
        }
        Spacer()
      }
    }
    .onChange(of: anyState) { _ in
      NotificationCenter.default.post(name: .reloadConfiguration, object: nil, userInfo: nil)
    }
  }
}

#Preview {
  OutputSettings()
}