ReadKeep/readeck/UI/Settings/ReadingSettingsView.swift

//
//  ReadingSettingsView.swift
//  readeck
//
//  Created by Ilyas Hallak on 08.11.25.
//

import SwiftUI

struct ReadingSettingsView: View {
    @State private var viewModel: SettingsGeneralViewModel

    init(viewModel: SettingsGeneralViewModel = SettingsGeneralViewModel()) {
        self.viewModel = viewModel
    }

    var body: some View {
        Group {
            Section {
                VStack(alignment: .leading, spacing: 4) {
                    Toggle("Read Aloud Feature", isOn: $viewModel.enableTTS)
                        .onChange(of: viewModel.enableTTS) {
                            Task {
                                await viewModel.saveGeneralSettings()
                            }
                        }

                    Text("Activate the Read Aloud Feature to read aloud your articles. This is a really early preview and might not work perfectly.")
                        .font(.caption)
                        .foregroundColor(.secondary)
                        .padding(.top, 2)
                }

                #if DEBUG
                Toggle("Safari Reader Mode", isOn: $viewModel.enableReaderMode)
                Toggle("Automatically mark articles as read", isOn: $viewModel.autoMarkAsRead)
                #endif
            } header: {
                Text("Reading Settings")
            }
        }
        .task {
            await viewModel.loadGeneralSettings()
        }
    }
}

#Preview {
    List {
        ReadingSettingsView(viewModel: .init(
            MockUseCaseFactory()
        ))
    }
    .listStyle(.insetGrouped)
}