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

    if (showNextPage) {
        NestedPage3()
        return
    }

    Column(
        modifier = Modifier
            .fillMaxSize()
            .padding(16.dp),
        horizontalAlignment = Alignment.CenterHorizontally,
        verticalArrangement = Arrangement.Center
    ) {
        Text(
            text = "第2层页面",
            fontSize = 24.sp,
            fontWeight = FontWeight.Bold,
            color = Color(0xFF20000),
            modifier = Modifier.padding(bottom = 20.dp)
        )
        Text(
            text = "这是第16行内容",
            fontSize = 16.sp,
            color = Color(16, 240, 240),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第17行内容",
            fontSize = 16.sp,
            color = Color(33, 15, 31),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第18行内容",
            fontSize = 16.sp,
            color = Color(50, 46, 78),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第19行内容",
            fontSize = 16.sp,
            color = Color(67, 77, 125),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第20行内容",
            fontSize = 16.sp,
            color = Color(84, 108, 172),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第21行内容",
            fontSize = 16.sp,
            color = Color(101, 139, 219),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第22行内容",
            fontSize = 16.sp,
            color = Color(118, 170, 10),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第23行内容",
            fontSize = 16.sp,
            color = Color(135, 201, 57),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第24行内容",
            fontSize = 16.sp,
            color = Color(152, 232, 104),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第25行内容",
            fontSize = 16.sp,
            color = Color(169, 7, 151),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第26行内容",
            fontSize = 16.sp,
            color = Color(186, 38, 198),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第27行内容",
            fontSize = 16.sp,
            color = Color(203, 69, 245),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第28行内容",
            fontSize = 16.sp,
            color = Color(220, 100, 36),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第29行内容",
            fontSize = 16.sp,
            color = Color(237, 131, 83),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第30行内容",
            fontSize = 16.sp,
            color = Color(254, 162, 130),
            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 = "进入第3层",
                fontSize = 18.sp,
                fontWeight = FontWeight.Medium,
                color = Color.White
            )
        }
    }
}
