import SwiftUI

struct SettingsThumbnailsView: View {
    @EnvironmentObject var settings: Settings

    var body: some View {
        #if os(macOS)
            Text("Thumbnails")
                .font(.headline)

            HStack {
                Text("Thumbnail Type")

                Spacer()

                Picker("", selection: $settings.thumbnailType) {
                    ForEach(PostFileType.allCases, id: \.self) { type in
                        Text(type.rawValue.capitalized).tag(type)
                    }
                }
                .frame(width: 150)
            }
        #else
            Picker("Thumbnail Type", selection: $settings.thumbnailType) {
                ForEach(PostFileType.allCases, id: \.self) { type in
                    Text(type.rawValue.capitalized).tag(type)
                }
            }
        #endif

        #if os(macOS)
            HStack {
                Text("Thumbnail Columns")

                Spacer()

                Picker("", selection: $settings.columns) {
                    ForEach(1 ... 10, id: \.self) { i in Text("\(i)") }
                }
                .frame(width: 75)
            }
        #else
            Stepper(
                "Thumbnail Columns (\(settings.columns))",
                value: $settings.columns,
                in: 1 ... 10
            )
        #endif

        #if os(macOS)
            HStack {
                Text("Show NSFW Posts")

                Spacer()

                Toggle("", isOn: $settings.showNSFWPosts)
            }
        #else
            Toggle("Show NSFW Posts", isOn: $settings.showNSFWPosts)
        #endif

        if settings.showNSFWPosts {
            #if os(macOS)
                HStack {
                    Text("Blur NSFW Thumbnails")

                    Spacer()

                    Toggle("", isOn: $settings.blurNSFWThumbnails)
                }
            #else
                Toggle("Blur NSFW Thumbnails", isOn: $settings.blurUnsafeThumbnails)
            #endif
        }
    }
}