package com.example.oxygenhub.ui

import androidx.compose.foundation.layout.*

import androidx.compose.material.icons.Icons

import androidx.compose.material.icons.filled.Home

import androidx.compose.material.icons.filled.Notifications

import androidx.compose.material.icons.filled.Person

import androidx.compose.material.icons.filled.PlayArrow

import androidx.compose.material3.*

import androidx.compose.runtime.*

import androidx.compose.ui.Modifier

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

import androidx.compose.ui.unit.dp

import uniffi.rust_core.oxygenGreeting

@OptIn(ExperimentalMaterial3Api::class)

@Composable

fun MainScreen() {

    var selectedItem by remember { mutableIntStateOf(0) }

    val items = listOf("Home", "Notifications", "Flow", "Profile")

    val icons = listOf(Icons.Filled.Home, Icons.Filled.Notifications, Icons.Filled.PlayArrow, Icons.Filled.Person)

    Scaffold(

        topBar = {

            TopAppBar(

                title = { Text("OxygenHub", fontWeight = FontWeight.Bold) },

                colors = TopAppBarDefaults.topAppBarColors(

                    containerColor = MaterialTheme.colorScheme.primaryContainer,

                    titleContentColor = MaterialTheme.colorScheme.onPrimaryContainer

                )

            )

        },

        bottomBar = {

            NavigationBar {

                items.forEachIndexed { index, item ->

                    NavigationBarItem(

                        icon = { Icon(icons[index], contentDescription = item) },

                        label = { Text(item) },

                        selected = selectedItem == index,

                        onClick = { selectedItem = index }

                    )

                }

            }

        }

    ) { innerPadding ->

        Surface(

            modifier = Modifier

                .fillMaxSize()

                .padding(innerPadding),

            color = MaterialTheme.colorScheme.background

        ) {

            // Render the selected tab

            when (selectedItem) {

                0 -> HomeTab()

                1 -> NotificationsTab()

                2 -> FlowTab()

                3 -> ProfileTab()

            }

        }

    }

}

@Composable

fun HomeTab() {

    Column(modifier = Modifier.padding(16.dp)) {

        Text("Activity", style = MaterialTheme.typography.headlineMedium, fontWeight = FontWeight.Bold)

        Spacer(modifier = Modifier.height(16.dp))

        Card(modifier = Modifier.fillMaxWidth()) {

            Column(modifier = Modifier.padding(16.dp)) {

                Text("Native Core Status:", style = MaterialTheme.typography.titleMedium)

                Spacer(modifier = Modifier.height(8.dp))

                // This calls our Rust FFI function!

                Text(text = oxygenGreeting("Andy"), color = MaterialTheme.colorScheme.primary)

            }

        }

    }

}

@Composable

fun NotificationsTab() {

    Box(modifier = Modifier.fillMaxSize(), contentAlignment = androidx.compose.ui.Alignment.Center) {

        Text("No new notifications")

    }

}

@Composable

fun FlowTab() {

    Column(modifier = Modifier.padding(16.dp)) {

        Text("Active Pipelines", style = MaterialTheme.typography.headlineMedium, fontWeight = FontWeight.Bold)

        Spacer(modifier = Modifier.height(16.dp))

        Card(modifier = Modifier.fillMaxWidth()) {

            Column(modifier = Modifier.padding(16.dp)) {

                Text("oxygenhub-android / main", fontWeight = FontWeight.Bold)

                Text("🧱 Build - Passing", color = androidx.compose.ui.graphics.Color(0xFF4CAF50))

                Text("🧪 Functional Tests - Passing", color = androidx.compose.ui.graphics.Color(0xFF4CAF50))

            }

        }

    }

}

@Composable

fun ProfileTab() {

    Box(modifier = Modifier.fillMaxSize(), contentAlignment = androidx.compose.ui.Alignment.Center) {

        Text("Profile Settings")

    }

}