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

    if (showNextPage) {
        NestedPage18()
        return
    }

    Column(
        modifier = Modifier
            .fillMaxSize()
            .padding(16.dp),
        horizontalAlignment = Alignment.CenterHorizontally,
        verticalArrangement = Arrangement.Center
    ) {
        Text(
            text = "第17层页面",
            fontSize = 24.sp,
            fontWeight = FontWeight.Bold,
            color = Color(0xFF170000),
            modifier = Modifier.padding(bottom = 20.dp)
        )
        Text(
            text = "这是第241行内容",
            fontSize = 16.sp,
            color = Color(1, 47, 63),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第242行内容",
            fontSize = 16.sp,
            color = Color(18, 78, 110),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第243行内容",
            fontSize = 16.sp,
            color = Color(35, 109, 157),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第244行内容",
            fontSize = 16.sp,
            color = Color(52, 140, 204),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第245行内容",
            fontSize = 16.sp,
            color = Color(69, 171, 251),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第246行内容",
            fontSize = 16.sp,
            color = Color(86, 202, 42),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第247行内容",
            fontSize = 16.sp,
            color = Color(103, 233, 89),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第248行内容",
            fontSize = 16.sp,
            color = Color(120, 8, 136),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第249行内容",
            fontSize = 16.sp,
            color = Color(137, 39, 183),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第250行内容",
            fontSize = 16.sp,
            color = Color(154, 70, 230),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第251行内容",
            fontSize = 16.sp,
            color = Color(171, 101, 21),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第252行内容",
            fontSize = 16.sp,
            color = Color(188, 132, 68),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第253行内容",
            fontSize = 16.sp,
            color = Color(205, 163, 115),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第254行内容",
            fontSize = 16.sp,
            color = Color(222, 194, 162),
            modifier = Modifier.padding(vertical = 4.dp)
        )
        Text(
            text = "这是第255行内容",
            fontSize = 16.sp,
            color = Color(239, 225, 209),
            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 = "进入第18层",
                fontSize = 18.sp,
                fontWeight = FontWeight.Medium,
                color = Color.White
            )
        }
    }
}
