AgroSync Design System

private val LightColorScheme = lightColorScheme(
    primary         = Color(0xFF2E7D32),
    onPrimary       = Color(0xFFFFFFFF),
    primaryContainer    = Color(0xFFB7E4B9),
    onPrimaryContainer  = Color(0xFF002105),
    secondary       = Color(0xFF52634F),
    secondaryContainer  = Color(0xFFD5E8D0),
    tertiary        = Color(0xFF38656A),
    surface         = Color(0xFFF8FAF7),
    surfaceVariant  = Color(0xFFDCE5D9),
    error           = Color(0xFFBA1A1A),
)

@Composable
fun AgroSyncTheme(
    darkTheme: Boolean = isSystemInDarkTheme(),
    dynamicColor: Boolean = true,
    content: @Composable () -> Unit
) {
    val colorScheme = when {
        dynamicColor && Build.VERSION.SDK_INT >= Build.VERSION_CODES.S -> {
            val context = LocalContext.current
            if (darkTheme) dynamicDarkColorScheme(context)
            else dynamicLightColorScheme(context)
        }
        darkTheme -> DarkColorScheme
        else -> LightColorScheme
    }
    MaterialTheme(
        colorScheme = colorScheme,
        typography = AgroSyncTypography,
        content = content
    )
}

@Composable
fun ParcelaCard(
    parcela: Parcela,
    onParcelaClick: (String) -> Unit,
    modifier: Modifier = Modifier
) {
    val statusColor = when (parcela.status) {
        ParcelaStatus.OPTIMO   -> MaterialTheme.colorScheme.primaryContainer
        ParcelaStatus.RIESGO   -> Color(0xFFFFF3E0)
        ParcelaStatus.CRITICO  -> MaterialTheme.colorScheme.errorContainer
    }

    Card(
        onClick = { onParcelaClick(parcela.id) },
        modifier = modifier.fillMaxWidth(),
        shape = RoundedCornerShape(16.dp),
        colors = CardDefaults.cardColors(
            containerColor = MaterialTheme.colorScheme.surface
        ),
        elevation = CardDefaults.cardElevation(defaultElevation = 1.dp)
    ) {
        Row(
            modifier = Modifier.padding(14.dp).fillMaxWidth(),
            verticalAlignment = Alignment.CenterVertically
        ) {
            Box(
                modifier = Modifier
                    .size(44.dp)
                    .clip(RoundedCornerShape(12.dp))
                    .background(MaterialTheme.colorScheme.primaryContainer),
                contentAlignment = Alignment.Center
            ) {
                Text(parcela.cropEmoji, fontSize = 20.sp)
            }
            Spacer(Modifier.width(12.dp))
            Column(modifier = Modifier.weight(1f)) {
                Text(
                    text = parcela.name,
                    style = MaterialTheme.typography.titleSmall,
                    maxLines = 1,
                    overflow = TextOverflow.Ellipsis
                )
                Text(
                    text = "${parcela.hectareas} ha · ${parcela.cultivo}",
                    style = MaterialTheme.typography.bodySmall,
                    color = MaterialTheme.colorScheme.onSurfaceVariant
                )
            }
            ParcelaStatusChip(status = parcela.status)
        }
    }
}

@Preview(name = "Light", showBackground = true)
@Preview(name = "Dark", uiMode = Configuration.UI_MODE_NIGHT_YES)
@Composable
private fun ParcelaCardPreview() {
    AgroSyncTheme {
        ParcelaCard(
            parcela = sampleParcela(),
            onParcelaClick = {}
        )
    }
}

@Composable
fun MainScreen() {
    val navController = rememberNavController()

    Scaffold(
        bottomBar = {
            NavigationBar(
                containerColor = MaterialTheme.colorScheme.surface,
                tonalElevation = 3.dp
            ) {
                val currentDest by navController.currentBackStackEntryAsState()
                AgroSyncDestination.entries.forEach { dest ->
                    NavigationBarItem(
                        icon = { Icon(dest.icon, contentDescription = stringResource(dest.labelRes)) },
                        label = { Text(stringResource(dest.labelRes)) },
                        selected = currentDest?.destination?.hierarchy?.any {
                            it.route == dest.route
                        } == true,
                        onClick = {
                            navController.navigate(dest.route) {
                                popUpTo(navController.graph.findStartDestination().id) {
                                    saveState = true
                                }
                                launchSingleTop = true
                                restoreState = true
                            }
                        }
                    )
                }
            }
        },
        floatingActionButton = {
            ExtendedFloatingActionButton(
                onClick = { navController.navigate(Route.NuevaIncidencia) },
                containerColor = MaterialTheme.colorScheme.primaryContainer,
                contentColor = MaterialTheme.colorScheme.onPrimaryContainer
            ) {
                Icon(Icons.Default.Add, contentDescription = null)
                Spacer(Modifier.width(8.dp))
                Text("Nueva incidencia")
            }
        }
    ) { padding ->
        NavHost(
            navController = navController,
            startDestination = AgroSyncDestination.Home.route,
            modifier = Modifier.padding(padding)
        ) {
            composable(AgroSyncDestination.Home.route)     { HomeScreen(navController) }
            composable(AgroSyncDestination.Parcelas.route)  { ParcelasScreen(navController) }
            composable(AgroSyncDestination.Alertas.route)   { AlertasScreen() }
            composable(AgroSyncDestination.Perfil.route)    { PerfilScreen() }
            composable("parcela/{id}") { backStack ->
                ParcelaDetailScreen(
                    parcelaId = backStack.arguments?.getString("id")!!,
                    onBack = { navController.popBackStack() }
                )
            }
        }
    }
}