package com.vauth.foxyvpn.ui.theme

import androidx.compose.runtime.Composable
import androidx.compose.runtime.getValue
import androidx.compose.runtime.mutableIntStateOf
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.runtime.setValue
import com.vauth.foxyvpn.data.SettingsStore

/**
 * Reactive holder for every Interface/appearance setting. Each setter writes
 * through to [SettingsStore] (the persistence source of truth) and updates
 * Compose state so the whole UI recomposes instantly.
 */
class AppearanceController(private val settingsStore: SettingsStore) {

    var themeMode: ThemeMode by mutableStateOf(settingsStore.themeMode)
        private set
    var dynamicColor: Boolean by mutableStateOf(settingsStore.dynamicColor)
        private set
    var colorStyle: ColorStyle by mutableStateOf(settingsStore.colorStyle)
        private set
    var accentColorIndex: Int by mutableIntStateOf(settingsStore.accentColorIndex)
        private set
    var colorContrast: ColorContrast by mutableStateOf(settingsStore.colorContrast)
        private set
    var reduceMotion: Boolean by mutableStateOf(settingsStore.reduceMotion)
        private set
    var uiFontScale: UiFontScale by mutableStateOf(settingsStore.uiFontScale)
        private set
    var appLanguage: AppLanguage by mutableStateOf(settingsStore.appLanguage)
        private set
    var screenTransition: ScreenTransition by mutableStateOf(settingsStore.screenTransition)
        private set
    var navBarStyle: NavBarStyle by mutableStateOf(settingsStore.navBarStyle)
        private set
    var connectButtonStyle: ConnectButtonStyle by mutableStateOf(settingsStore.connectButtonStyle)
        private set
    var cardCornerStyle: CardCornerStyle by mutableStateOf(settingsStore.cardCornerStyle)
        private set
    var listDensity: ListDensity by mutableStateOf(settingsStore.listDensity)
        private set
    var themeProfileId: String? by mutableStateOf(settingsStore.themeProfileId)
        private set
    var appDesign: SettingsStore.AppDesign by mutableStateOf(settingsStore.appDesign)
        private set
    var personalization: Personalization by mutableStateOf(settingsStore.toPersonalization())
        private set
    var showServerPing: Boolean by mutableStateOf(settingsStore.showServerPing)
        private set
    var showServerUsage: Boolean by mutableStateOf(settingsStore.showServerUsage)
        private set
    var monospaceAddress: Boolean by mutableStateOf(settingsStore.monospaceAddress)
        private set
    var confirmRemove: Boolean by mutableStateOf(settingsStore.confirmRemove)
        private set
    var homeAfterSelect: Boolean by mutableStateOf(settingsStore.homeAfterSelect)
        private set
    var doubleColumnDisplay: Boolean by mutableStateOf(settingsStore.doubleColumnDisplay)
        private set
    var hapticFeedback: Boolean by mutableStateOf(settingsStore.hapticFeedback)
        private set

    fun updateThemeMode(next: ThemeMode) {
        settingsStore.themeMode = next
        themeMode = next
    }

    /** AMOLED switch: maps onto ThemeMode.AMOLED like ZedSecure's amoledBlack. */
    fun updateAmoled(on: Boolean) {
        updateThemeMode(if (on) ThemeMode.AMOLED else ThemeMode.SYSTEM)
    }

    fun updateDynamicColor(on: Boolean) {
        settingsStore.dynamicColor = on
        dynamicColor = on
    }

    fun updateColorStyle(next: ColorStyle) {
        settingsStore.colorStyle = next
        colorStyle = next
        clearProfileSelection()
    }

    fun updateAccentColorIndex(next: Int) {
        settingsStore.accentColorIndex = next
        accentColorIndex = next
        clearProfileSelection()
    }

    fun updateColorContrast(next: ColorContrast) {
        settingsStore.colorContrast = next
        colorContrast = next
    }

    fun updateReduceMotion(on: Boolean) {
        settingsStore.reduceMotion = on
        reduceMotion = on
    }

    fun updateHapticFeedback(on: Boolean) {
        settingsStore.hapticFeedback = on
        hapticFeedback = on
    }

    fun updateUiFontScale(next: UiFontScale) {
        settingsStore.uiFontScale = next
        uiFontScale = next
    }

    fun updateAppLanguage(next: AppLanguage) {
        settingsStore.appLanguage = next
        appLanguage = next
    }

    fun updateScreenTransition(next: ScreenTransition) {
        settingsStore.screenTransition = next
        screenTransition = next
    }

    fun updateNavBarStyle(next: NavBarStyle) {
        settingsStore.navBarStyle = next
        navBarStyle = next
    }

    fun updateConnectButtonStyle(next: ConnectButtonStyle) {
        settingsStore.connectButtonStyle = next
        connectButtonStyle = next
    }

    fun updateCardCornerStyle(next: CardCornerStyle) {
        settingsStore.cardCornerStyle = next
        cardCornerStyle = next
        refreshPersonalization()
    }

    fun updateListDensity(next: ListDensity) {
        settingsStore.listDensity = next
        listDensity = next
        refreshPersonalization()
    }

    fun updateAppDesign(next: SettingsStore.AppDesign) {
        settingsStore.appDesign = next
        appDesign = next
    }

    fun updateCustomColor(which: PersonalizeSlot, argb: Long?) {
        val value = argb ?: SettingsStore.UNSET_COLOR
        when (which) {
            PersonalizeSlot.Connect -> settingsStore.customConnectColor = value
            PersonalizeSlot.Connected -> settingsStore.customConnectedColor = value
            PersonalizeSlot.ServerCard -> settingsStore.customServerCardColor = value
            PersonalizeSlot.ServerActive -> settingsStore.customServerActiveColor = value
            PersonalizeSlot.ConfigCard -> settingsStore.customConfigCardColor = value
            PersonalizeSlot.ConfigCardText -> settingsStore.customConfigCardTextColor = value
        }
        refreshPersonalization()
        clearProfileSelection()
    }

    fun updateShowServerPing(on: Boolean) {
        settingsStore.showServerPing = on
        showServerPing = on
        refreshPersonalization()
    }

    fun updateShowServerUsage(on: Boolean) {
        settingsStore.showServerUsage = on
        showServerUsage = on
        refreshPersonalization()
    }

    fun updateMonospaceAddress(on: Boolean) {
        settingsStore.monospaceAddress = on
        monospaceAddress = on
        refreshPersonalization()
    }

    fun updateConfirmRemove(on: Boolean) {
        settingsStore.confirmRemove = on
        confirmRemove = on
    }

    fun updateHomeAfterSelect(on: Boolean) {
        settingsStore.homeAfterSelect = on
        homeAfterSelect = on
    }

    fun updateDoubleColumnDisplay(on: Boolean) {
        settingsStore.doubleColumnDisplay = on
        doubleColumnDisplay = on
    }

    fun applyThemeProfile(profile: ThemeProfile?) {
        if (profile == null) {
            settingsStore.resetPersonalization()
        } else {
            settingsStore.applyThemeProfile(profile)
        }
        themeProfileId = settingsStore.themeProfileId
        themeMode = settingsStore.themeMode
        accentColorIndex = settingsStore.accentColorIndex
        refreshPersonalization()
    }

    fun resetPersonalization() {
        settingsStore.resetPersonalization()
        themeProfileId = null
        refreshPersonalization()
    }

    fun hasPersonalization(): Boolean = settingsStore.hasPersonalization()

    private fun refreshPersonalization() {
        personalization = settingsStore.toPersonalization()
    }

    private fun clearProfileSelection() {
        if (themeProfileId != null) {
            settingsStore.themeProfileId = null
            themeProfileId = null
        }
    }
}

enum class PersonalizeSlot(val title: String) {
    Connect("Connect button"),
    Connected("Connected state"),
    ServerCard("Location card"),
    ServerActive("Active location card"),
    ConfigCard("Config card"),
    ConfigCardText("Config card text"),
}

@Composable
fun rememberAppearanceController(settingsStore: SettingsStore): AppearanceController =
    remember(settingsStore) { AppearanceController(settingsStore) }