package com.dong.maxhap.demos.test

import androidx.compose.foundation.layout.*
import androidx.compose.material.*
import androidx.compose.runtime.*
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.text.font.FontWeight
import androidx.compose.ui.unit.dp
import androidx.compose.ui.unit.sp

@Composable
internal fun NestedPage10() {
    var showNextPage by remember { mutableStateOf(false) }

    if (showNextPage) {
        NestedPage11()
        return
    }

    Column(
        modifier = Modifier
            .fillMaxSize()
            .padding(16.dp),
        horizontalAlignment = Alignment.CenterHorizontally,
        verticalArrangement = Arrangement.Center
    ) {
        Text(
            text = "第10层页面",
            fontSize = 24.sp,
            fontWeight = FontWeight.Bold,
            color = Color(0xFF100000),
            modifier = Modifier.padding(bottom = 20.dp)
        )
        Text(
            text = "这是第136行内容",
            fontSize = 16.sp,
            color = Color(8, 120, 248),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第137行内容",
            fontSize = 16.sp,
            color = Color(25, 151, 39),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第138行内容",
            fontSize = 16.sp,
            color = Color(42, 182, 86),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第139行内容",
            fontSize = 16.sp,
            color = Color(59, 213, 133),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第140行内容",
            fontSize = 16.sp,
            color = Color(76, 244, 180),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第141行内容",
            fontSize = 16.sp,
            color = Color(93, 19, 227),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第142行内容",
            fontSize = 16.sp,
            color = Color(110, 50, 18),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第143行内容",
            fontSize = 16.sp,
            color = Color(127, 81, 65),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第144行内容",
            fontSize = 16.sp,
            color = Color(144, 112, 112),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第145行内容",
            fontSize = 16.sp,
            color = Color(161, 143, 159),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第146行内容",
            fontSize = 16.sp,
            color = Color(178, 174, 206),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第147行内容",
            fontSize = 16.sp,
            color = Color(195, 205, 253),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第148行内容",
            fontSize = 16.sp,
            color = Color(212, 236, 44),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第149行内容",
            fontSize = 16.sp,
            color = Color(229, 11, 91),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第150行内容",
            fontSize = 16.sp,
            color = Color(246, 42, 138),
            modifier = Modifier.padding(vertical = 4.dp)
        )

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

        Button(
            onClick = { showNextPage = true },
            modifier = Modifier
                .fillMaxWidth()
                .height(50.dp),
            colors = ButtonDefaults.buttonColors(
                backgroundColor = Color(0xFF2196F3)
            )
        ) {
            Text(
                text = "进入第11层",
                fontSize = 18.sp,
                fontWeight = FontWeight.Medium,
                color = Color.White
            )
        }
    }
}
