import SwiftUI

struct SettingsSectionDetailsView: View {
  @EnvironmentObject var settings: SettingsManager

  var body: some View {
    Form {
      Section("Image Quality") {
        Picker("Image Quality", selection: $settings.detailViewQuality) {
          ForEach(BooruPostFileType.allCases, id: \.self) { type in
            Text(type.rawValue.capitalized).tag(type)
          }
        }
      }

      Section("Appearance") {
        Toggle("Show Share Action", isOn: $settings.enableShareShortcut)

        Toggle("Show Information Bar", isOn: $settings.displayDetailsInformationBar)
      }

      #if os(macOS)
        Section("Saved Files") {
          Toggle(isOn: $settings.saveTagsToFile) {
            Text("Save Tags Alongside Images")

            Text("Saves post tags in a file alongside the downloaded image.")
          }
        }
      #endif

      Section("Loading") {
        let preloadRange = 0...10

        #if os(macOS)
          Picker("Preload Nearby Images", selection: $settings.preloadedCarouselImages) {
            ForEach(preloadRange, id: \.self) { columns in Text("\(columns)") }
          }
        #else
          Stepper(
            "Preload Nearby Images: \(settings.preloadedCarouselImages)",
            value: $settings.preloadedCarouselImages,
            in: preloadRange
          )
        #endif
      }
    }
    #if os(macOS)
      .formStyle(.grouped)
    #endif
    .navigationTitle("Viewer")
    #if !os(macOS)
      .navigationBarTitleDisplayMode(.large)
    #endif
  }
}

#Preview {
  NavigationStack {
    SettingsSectionDetailsView()
      .environmentObject(SettingsManager())
  }
}