package com.dong.maxhap.nestedlib3

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

@Stable
data class StableData504_1(
    val id: Int = 504001,
    val name: String = "Stable_504_1",
    val value: Double = 504.1,
    val isActive: Boolean = true,    val tags: List<String> = listOf("tag1", "tag2", "tag3"),
    val metadata: Map<String, String> = mapOf("key1" to "value1", "key2" to "value2"),
    val nestedData: NestedStableData504_1? = null
)

@Stable
data class NestedStableData504_1(
    val subId: Int = 50401,
    val description: String = "Nested stable data for page 504, item 1",
    val count: Int = 100,
    val isEnabled: Boolean = false
)

@Stable
data class StableData504_2(
    val id: Int = 504002,
    val name: String = "Stable_504_2",
    val value: Double = 504.2,
    val isActive: Boolean = true,    val tags: List<String> = listOf("tag1", "tag2", "tag3"),
    val metadata: Map<String, String> = mapOf("key1" to "value1", "key2" to "value2"),
    val nestedData: NestedStableData504_2? = null
)

@Stable
data class NestedStableData504_2(
    val subId: Int = 50402,
    val description: String = "Nested stable data for page 504, item 2",
    val count: Int = 200,
    val isEnabled: Boolean = true
)

@Stable
data class StableData504_3(
    val id: Int = 504003,
    val name: String = "Stable_504_3",
    val value: Double = 504.3,
    val isActive: Boolean = true,    val tags: List<String> = listOf("tag1", "tag2", "tag3"),
    val metadata: Map<String, String> = mapOf("key1" to "value1", "key2" to "value2"),
    val nestedData: NestedStableData504_3? = null
)

@Stable
data class NestedStableData504_3(
    val subId: Int = 50403,
    val description: String = "Nested stable data for page 504, item 3",
    val count: Int = 300,
    val isEnabled: Boolean = false
)

@Stable
data class StableData504_4(
    val id: Int = 504004,
    val name: String = "Stable_504_4",
    val value: Double = 504.4,
    val isActive: Boolean = true,    val tags: List<String> = listOf("tag1", "tag2", "tag3"),
    val metadata: Map<String, String> = mapOf("key1" to "value1", "key2" to "value2"),
    val nestedData: NestedStableData504_4? = null
)

@Stable
data class NestedStableData504_4(
    val subId: Int = 50404,
    val description: String = "Nested stable data for page 504, item 4",
    val count: Int = 400,
    val isEnabled: Boolean = true
)

@Stable
data class StableData504_5(
    val id: Int = 504005,
    val name: String = "Stable_504_5",
    val value: Double = 504.5,
    val isActive: Boolean = true,    val tags: List<String> = listOf("tag1", "tag2", "tag3"),
    val metadata: Map<String, String> = mapOf("key1" to "value1", "key2" to "value2"),
    val nestedData: NestedStableData504_5? = null
)

@Stable
data class NestedStableData504_5(
    val subId: Int = 50405,
    val description: String = "Nested stable data for page 504, item 5",
    val count: Int = 500,
    val isEnabled: Boolean = false
)

@Stable
data class StableData504_6(
    val id: Int = 504006,
    val name: String = "Stable_504_6",
    val value: Double = 504.6,
    val isActive: Boolean = true,    val tags: List<String> = listOf("tag1", "tag2", "tag3"),
    val metadata: Map<String, String> = mapOf("key1" to "value1", "key2" to "value2"),
    val nestedData: NestedStableData504_6? = null
)

@Stable
data class NestedStableData504_6(
    val subId: Int = 50406,
    val description: String = "Nested stable data for page 504, item 6",
    val count: Int = 600,
    val isEnabled: Boolean = true
)

@Stable
data class StableData504_7(
    val id: Int = 504007,
    val name: String = "Stable_504_7",
    val value: Double = 504.7,
    val isActive: Boolean = true,    val tags: List<String> = listOf("tag1", "tag2", "tag3"),
    val metadata: Map<String, String> = mapOf("key1" to "value1", "key2" to "value2"),
    val nestedData: NestedStableData504_7? = null
)

@Stable
data class NestedStableData504_7(
    val subId: Int = 50407,
    val description: String = "Nested stable data for page 504, item 7",
    val count: Int = 700,
    val isEnabled: Boolean = false
)

@Stable
data class StableData504_8(
    val id: Int = 504008,
    val name: String = "Stable_504_8",
    val value: Double = 504.8,
    val isActive: Boolean = true,    val tags: List<String> = listOf("tag1", "tag2", "tag3"),
    val metadata: Map<String, String> = mapOf("key1" to "value1", "key2" to "value2"),
    val nestedData: NestedStableData504_8? = null
)

@Stable
data class NestedStableData504_8(
    val subId: Int = 50408,
    val description: String = "Nested stable data for page 504, item 8",
    val count: Int = 800,
    val isEnabled: Boolean = true
)

@Composable
internal fun NestedPage504() {
    var showNextPage by remember { mutableStateOf(false) }
    val stableData1 by remember { mutableStateOf(StableData504_1()) }
    val stableData2 by remember { mutableStateOf(StableData504_2()) }
    val stableData3 by remember { mutableStateOf(StableData504_3()) }
    val stableData4 by remember { mutableStateOf(StableData504_4()) }

    
    
    

    var showNextPage504 by remember { mutableStateOf(false) }

    if (showNextPage504) {
        NestedPage505()
        return
    }

    Column(
        modifier = Modifier
            .fillMaxSize()
            .padding(16.dp),
        horizontalAlignment = Alignment.CenterHorizontally,
        verticalArrangement = Arrangement.Center
    ) {
        Text(
            text = "第504层页面 (nestedlib3)",
            fontSize = 24.sp,
            fontWeight = FontWeight.Bold,
            color = Color(0xFF1000000),
            modifier = Modifier.padding(bottom = 20.dp)
        )
        Text(
            text = "这是第5031行内容",
            fontSize = 14.sp,
            color = Color(23, 57, 169),
            modifier = Modifier.padding(vertical = 3.dp)
        )
        Text(
            text = "这是第5032行内容",
            fontSize = 14.sp,
            color = Color(40, 88, 216),
            modifier = Modifier.padding(vertical = 3.dp)
        )
        Text(
            text = "这是第5033行内容",
            fontSize = 14.sp,
            color = Color(57, 119, 7),
            modifier = Modifier.padding(vertical = 3.dp)
        )
        Text(
            text = "这是第5034行内容",
            fontSize = 14.sp,
            color = Color(74, 150, 54),
            modifier = Modifier.padding(vertical = 3.dp)
        )
        Text(
            text = "这是第5035行内容",
            fontSize = 14.sp,
            color = Color(91, 181, 101),
            modifier = Modifier.padding(vertical = 3.dp)
        )
        Text(
            text = "这是第5036行内容",
            fontSize = 14.sp,
            color = Color(108, 212, 148),
            modifier = Modifier.padding(vertical = 3.dp)
        )
        Text(
            text = "这是第5037行内容",
            fontSize = 14.sp,
            color = Color(125, 243, 195),
            modifier = Modifier.padding(vertical = 3.dp)
        )
        Text(
            text = "这是第5038行内容",
            fontSize = 14.sp,
            color = Color(142, 18, 242),
            modifier = Modifier.padding(vertical = 3.dp)
        )
        Text(
            text = "这是第5039行内容",
            fontSize = 14.sp,
            color = Color(159, 49, 33),
            modifier = Modifier.padding(vertical = 3.dp)
        )
        Text(
            text = "这是第5040行内容",
            fontSize = 14.sp,
            color = Color(176, 80, 80),
            modifier = Modifier.padding(vertical = 3.dp)
        )

        Spacer(modifier = Modifier.height(25.dp))
        // 显示@Stable数据信息
        Text(
            text = "StableData504_1: ID=${stableData1.id}, Name=${stableData1.name}",
            fontSize = 12.sp,
            color = Color.Gray,
            modifier = Modifier.padding(vertical = 2.dp)
        )
        Text(
            text = "NestedStableData504_1: ID=${stableData2.id}, Name=${stableData2.name}",
            fontSize = 12.sp,
            color = Color.Gray,
            modifier = Modifier.padding(vertical = 2.dp)
        )
        Text(
            text = "NestedStableData504_2: ID=${stableData3.id}, Name=${stableData3.name}",
            fontSize = 12.sp,
            color = Color.Gray,
            modifier = Modifier.padding(vertical = 2.dp)
        )

        Button(
            onClick = { showNextPage504 = true },
            modifier = Modifier
                .fillMaxWidth()
                .height(45.dp),
            colors = ButtonDefaults.buttonColors(
                backgroundColor = Color(0xFF2196F3)
            )
        ) {
            Text(
                text = "进入同库第505层",
                fontSize = 16.sp,
                fontWeight = FontWeight.Medium,
                color = Color.White
            )
        }
    }
}
