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 NestedPage21() {
    var showNextPage by remember { mutableStateOf(false) }

    if (showNextPage) {
        NestedPage22()
        return
    }

    Column(
        modifier = Modifier
            .fillMaxSize()
            .padding(16.dp),
        horizontalAlignment = Alignment.CenterHorizontally,
        verticalArrangement = Arrangement.Center
    ) {
        Text(
            text = "第21层页面",
            fontSize = 24.sp,
            fontWeight = FontWeight.Bold,
            color = Color(0xFF210000),
            modifier = Modifier.padding(bottom = 20.dp)
        )
        Text(
            text = "这是第301行内容",
            fontSize = 16.sp,
            color = Color(253, 115, 67),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第302行内容",
            fontSize = 16.sp,
            color = Color(14, 146, 114),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第303行内容",
            fontSize = 16.sp,
            color = Color(31, 177, 161),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第304行内容",
            fontSize = 16.sp,
            color = Color(48, 208, 208),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第305行内容",
            fontSize = 16.sp,
            color = Color(65, 239, 255),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第306行内容",
            fontSize = 16.sp,
            color = Color(82, 14, 46),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第307行内容",
            fontSize = 16.sp,
            color = Color(99, 45, 93),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第308行内容",
            fontSize = 16.sp,
            color = Color(116, 76, 140),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第309行内容",
            fontSize = 16.sp,
            color = Color(133, 107, 187),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第310行内容",
            fontSize = 16.sp,
            color = Color(150, 138, 234),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第311行内容",
            fontSize = 16.sp,
            color = Color(167, 169, 25),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第312行内容",
            fontSize = 16.sp,
            color = Color(184, 200, 72),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第313行内容",
            fontSize = 16.sp,
            color = Color(201, 231, 119),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第314行内容",
            fontSize = 16.sp,
            color = Color(218, 6, 166),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第315行内容",
            fontSize = 16.sp,
            color = Color(235, 37, 213),
            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 = "进入第22层",
                fontSize = 18.sp,
                fontWeight = FontWeight.Medium,
                color = Color.White
            )
        }
    }
}
