import Combine
import Foundation
import SwiftUI

struct ConversationSettingsScreen: View {
    @EnvironmentObject var chatWrapper: MonalChatWrapper
    @Environment(\.router) var router

    var body: some View {
        ZStack {
            // Background color
            Color.Material.Background.light
                .ignoresSafeArea()

            // Content
            VStack(spacing: 0) {
                // Header
                SharedNavigationBar(
                    leftButton: .init(
                        image: Image(systemName: "chevron.left"),
                        action: {
                            router.dismissScreen()
                        }
                    ),
                    centerText: .init(text: chatWrapper.chatTitle)
                )

                // Settings list
                ScrollView {
                    LazyVStack(spacing: 0) {
                        SharedListRow(
                            iconType: .none,
                            text: L10n.Conversation.Settings.enableOmemo,
                            controlType: .switcher(isOn: $chatWrapper.isOmemoEnabled)
                        )
                    }
                }
            }
        }
    }
}