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

    if (showNextPage) {
        NestedPage102()
        return
    }

    Column(
        modifier = Modifier
            .fillMaxSize()
            .padding(16.dp),
        horizontalAlignment = Alignment.CenterHorizontally,
        verticalArrangement = Arrangement.Center
    ) {
        Text(
            text = "第101层页面",
            fontSize = 24.sp,
            fontWeight = FontWeight.Bold,
            color = Color(0xFF1010000),
            modifier = Modifier.padding(bottom = 20.dp)
        )
        Text(
            text = "这是第1501行内容",
            fontSize = 16.sp,
            color = Color(173, 195, 147),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第1502行内容",
            fontSize = 16.sp,
            color = Color(190, 226, 194),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第1503行内容",
            fontSize = 16.sp,
            color = Color(207, 1, 241),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第1504行内容",
            fontSize = 16.sp,
            color = Color(224, 32, 32),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第1505行内容",
            fontSize = 16.sp,
            color = Color(241, 63, 79),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第1506行内容",
            fontSize = 16.sp,
            color = Color(2, 94, 126),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第1507行内容",
            fontSize = 16.sp,
            color = Color(19, 125, 173),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第1508行内容",
            fontSize = 16.sp,
            color = Color(36, 156, 220),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第1509行内容",
            fontSize = 16.sp,
            color = Color(53, 187, 11),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第1510行内容",
            fontSize = 16.sp,
            color = Color(70, 218, 58),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第1511行内容",
            fontSize = 16.sp,
            color = Color(87, 249, 105),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第1512行内容",
            fontSize = 16.sp,
            color = Color(104, 24, 152),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第1513行内容",
            fontSize = 16.sp,
            color = Color(121, 55, 199),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第1514行内容",
            fontSize = 16.sp,
            color = Color(138, 86, 246),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第1515行内容",
            fontSize = 16.sp,
            color = Color(155, 117, 37),
            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 = "进入第102层",
                fontSize = 18.sp,
                fontWeight = FontWeight.Medium,
                color = Color.White
            )
        }
    }
}
