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.material3.AlertDialog

import androidx.compose.material3.Card

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.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.text.font.FontWeight

import androidx.compose.ui.unit.dp

import io.oxygenhub.android.auth.Session

import io.oxygenhub.android.api.Avatar

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

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

import kotlinx.coroutines.launch

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

@Composable

fun AccountScreen(session: Session, avatar: Avatar?, 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)

                }

                Card(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") } },

        )

    }

}