package io.oxygenhub.android.ui.account

import androidx.compose.foundation.layout.Arrangement

import androidx.compose.foundation.layout.Box

import androidx.compose.foundation.layout.Column

import androidx.compose.foundation.layout.Spacer

import androidx.compose.foundation.layout.fillMaxWidth

import androidx.compose.foundation.layout.height

import androidx.compose.foundation.layout.padding

import androidx.compose.foundation.layout.size

import androidx.compose.foundation.layout.widthIn

import androidx.compose.foundation.rememberScrollState

import androidx.compose.foundation.verticalScroll

import androidx.compose.material.icons.Icons

import androidx.compose.material.icons.automirrored.outlined.Logout

import androidx.compose.material.icons.outlined.Dns

import androidx.compose.material.icons.outlined.Key

import androidx.compose.material.icons.outlined.Memory

import androidx.compose.material.icons.outlined.Palette

import androidx.compose.material3.AlertDialog

import androidx.compose.material3.CircularProgressIndicator

import androidx.compose.material3.Icon

import androidx.compose.material3.ListItem

import androidx.compose.material3.MaterialTheme

import androidx.compose.material3.OutlinedButton

import androidx.compose.material3.Switch

import androidx.compose.material3.Text

import androidx.compose.material3.TextButton

import androidx.compose.runtime.Composable

import androidx.compose.runtime.getValue

import androidx.compose.runtime.mutableStateOf

import androidx.compose.runtime.remember

import androidx.compose.runtime.rememberCoroutineScope

import androidx.compose.runtime.setValue

import androidx.compose.ui.Alignment

import androidx.compose.ui.Modifier

import androidx.compose.ui.platform.LocalContext

import androidx.compose.ui.text.font.FontWeight

import androidx.compose.ui.unit.dp

import io.oxygenhub.android.alerts.LandAlertsCard

import io.oxygenhub.android.api.Avatar

import io.oxygenhub.android.api.HubApi

import io.oxygenhub.android.auth.Session

import io.oxygenhub.android.runner.RunnerCard

import io.oxygenhub.android.ui.common.AppScreen

import io.oxygenhub.android.ui.common.AvatarImage

import io.oxygenhub.android.ui.common.Panel

import io.oxygenhub.android.ui.theme.Appearance

import io.oxygenhub.android.ui.theme.rememberWallpaperColours

import io.oxygenhub.android.update.UpdateCard

import kotlinx.coroutines.launch

/** Who is signed in, to which hub, with what; and signing out. */

@Composable

fun AccountScreen(session: Session, avatar: Avatar?, api: HubApi, nativeCore: () -> String, onSignOut: suspend () -> Unit) {

    var confirming by remember { mutableStateOf(false) }

    var signingOut by remember { mutableStateOf(false) }

    val scope = rememberCoroutineScope()

    val core = remember { runCatching(nativeCore).getOrElse { "unavailable: ${it.message}" } }

    AppScreen(title = "Account") {

        Box(Modifier.fillMaxWidth(), contentAlignment = Alignment.TopCenter) {

            Column(

                Modifier.widthIn(max = 600.dp).verticalScroll(rememberScrollState()).padding(16.dp),

                verticalArrangement = Arrangement.spacedBy(16.dp),

            ) {

                Column(Modifier.fillMaxWidth(), horizontalAlignment = Alignment.CenterHorizontally) {

                    AvatarImage(avatar, session.username, size = 72.dp)

                    Spacer(Modifier.height(8.dp))

                    Text(session.username, style = MaterialTheme.typography.titleLarge, fontWeight = FontWeight.Bold)

                }

                LandAlertsCard()

                RunnerCard(api, session.hub, session.canWrite)

                UpdateCard(api, session.hub)

                AppearanceCard()

                Panel(Modifier.fillMaxWidth()) {

                    ListItem(

                        leadingContent = { Icon(Icons.Outlined.Dns, contentDescription = null) },

                        headlineContent = { Text("Hub") },

                        supportingContent = { Text(session.hub) },

                    )

                    ListItem(

                        leadingContent = { Icon(Icons.Outlined.Key, contentDescription = null) },

                        headlineContent = { Text("Allowed") },

                        supportingContent = { Text(session.scopes.ifEmpty { listOf("(the hub did not say)") }.joinToString(", ")) },

                    )

                    ListItem(

                        leadingContent = { Icon(Icons.Outlined.Memory, contentDescription = null) },

                        headlineContent = { Text("Native core") },

                        supportingContent = { Text(core) },

                    )

                }

                Text(

                    "This phone's sign-in is a device token, kept encrypted with a key in the Android Keystore. " +

                        "It lasts while it is used, and ends after 90 days without use. Signing out revokes it on the hub.",

                    style = MaterialTheme.typography.bodySmall,

                    color = MaterialTheme.colorScheme.onSurfaceVariant,

                )

                OutlinedButton(onClick = { confirming = true }, enabled = !signingOut, modifier = Modifier.fillMaxWidth()) {

                    if (signingOut) {

                        CircularProgressIndicator(Modifier.size(18.dp), strokeWidth = 2.dp)

                    } else {

                        Icon(Icons.AutoMirrored.Outlined.Logout, contentDescription = null)

                    }

                    Spacer(Modifier.size(8.dp))

                    Text("Sign out")

                }

            }

        }

    }

    if (confirming) {

        AlertDialog(

            onDismissRequest = { confirming = false },

            title = { Text("Sign out?") },

            text = { Text("The token this phone uses is revoked on ${session.hub}. You can sign in again at any time.") },

            confirmButton = {

                TextButton(onClick = {

                    confirming = false

                    signingOut = true

                    scope.launch { onSignOut() }

                }) { Text("Sign out") }

            },

            dismissButton = { TextButton(onClick = { confirming = false }) { Text("Cancel") } },

        )

    }

}

/** The app's colours (#24): the hub's palette, or the wallpaper's. */

@Composable

private fun AppearanceCard() {

    val context = LocalContext.current

    val wallpaper = rememberWallpaperColours()

    Panel(Modifier.fillMaxWidth()) {

        ListItem(

            leadingContent = { Icon(Icons.Outlined.Palette, contentDescription = null) },

            headlineContent = { Text("Wallpaper colours") },

            supportingContent = { Text(if (wallpaper) "The app takes its colours from your wallpaper." else "The app uses OxygenHub's own colours, as the website does.") },

            trailingContent = { Switch(checked = wallpaper, onCheckedChange = { Appearance.setWallpaperColours(context, it) }) },

        )

    }

}