package io.oxygenhub.android.ui.common

import androidx.compose.foundation.layout.Box

import androidx.compose.foundation.layout.Column

import androidx.compose.foundation.layout.RowScope

import androidx.compose.foundation.layout.WindowInsets

import androidx.compose.foundation.layout.fillMaxSize

import androidx.compose.foundation.layout.padding

import androidx.compose.material.icons.Icons

import androidx.compose.material.icons.automirrored.filled.ArrowBack

import androidx.compose.material3.ExperimentalMaterial3Api

import androidx.compose.material3.Icon

import androidx.compose.material3.MaterialTheme

import androidx.compose.material3.IconButton

import androidx.compose.material3.Scaffold

import androidx.compose.material3.SnackbarHost

import androidx.compose.material3.SnackbarHostState

import androidx.compose.material3.Text

import androidx.compose.material3.TopAppBar

import androidx.compose.runtime.Composable

import androidx.compose.runtime.remember

import androidx.compose.ui.Modifier

import androidx.compose.ui.text.style.TextOverflow

/**

 * A screen with its top bar. The navigation bar or rail around it takes

 * the bottom and side insets, so only the top bar's own are applied here.

 */

@OptIn(ExperimentalMaterial3Api::class)

@Composable

fun AppScreen(

    title: String,

    modifier: Modifier = Modifier,

    subtitle: String? = null,

    onBack: (() -> Unit)? = null,

    snackbar: SnackbarHostState = remember { SnackbarHostState() },

    actions: @Composable RowScope.() -> Unit = {},

    content: @Composable () -> Unit,

) {

    Scaffold(

        modifier = modifier,

        contentWindowInsets = WindowInsets(0, 0, 0, 0),

        snackbarHost = { SnackbarHost(snackbar) },

        topBar = {

            TopAppBar(

                title = {

                    Column {

                        Text(title, maxLines = 1, overflow = TextOverflow.Ellipsis)

                        if (subtitle != null) {

                            Text(

                                subtitle,

                                style = MaterialTheme.typography.labelMedium,

                                color = MaterialTheme.colorScheme.onSurfaceVariant,

                                maxLines = 1,

                                overflow = TextOverflow.Ellipsis,

                            )

                        }

                    }

                },

                navigationIcon = {

                    if (onBack != null) {

                        IconButton(onClick = onBack) { Icon(Icons.AutoMirrored.Filled.ArrowBack, contentDescription = "Back") }

                    }

                },

                actions = actions,

            )

        },

    ) { padding ->

        Box(Modifier.fillMaxSize().padding(padding)) { content() }

    }

}