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 StableData503_1(
    val id: Int = 503001,
    val name: String = "Stable_503_1",
    val value: Double = 503.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: NestedStableData503_1? = null
)

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

@Stable
data class StableData503_2(
    val id: Int = 503002,
    val name: String = "Stable_503_2",
    val value: Double = 503.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: NestedStableData503_2? = null
)

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

@Stable
data class StableData503_3(
    val id: Int = 503003,
    val name: String = "Stable_503_3",
    val value: Double = 503.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: NestedStableData503_3? = null
)

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

@Stable
data class StableData503_4(
    val id: Int = 503004,
    val name: String = "Stable_503_4",
    val value: Double = 503.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: NestedStableData503_4? = null
)

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

@Stable
data class StableData503_5(
    val id: Int = 503005,
    val name: String = "Stable_503_5",
    val value: Double = 503.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: NestedStableData503_5? = null
)

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

@Stable
data class StableData503_6(
    val id: Int = 503006,
    val name: String = "Stable_503_6",
    val value: Double = 503.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: NestedStableData503_6? = null
)

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

@Stable
data class StableData503_7(
    val id: Int = 503007,
    val name: String = "Stable_503_7",
    val value: Double = 503.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: NestedStableData503_7? = null
)

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

@Stable
data class StableData503_8(
    val id: Int = 503008,
    val name: String = "Stable_503_8",
    val value: Double = 503.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: NestedStableData503_8? = null
)

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

@Composable
internal fun NestedPage503() {
    var showNextPage by remember { mutableStateOf(false) }
    val stableData1 by remember { mutableStateOf(StableData503_1()) }
    val stableData2 by remember { mutableStateOf(StableData503_2()) }
    val stableData3 by remember { mutableStateOf(StableData503_3()) }
    val stableData4 by remember { mutableStateOf(StableData503_4()) }

    
    
    

    var showNextPage503 by remember { mutableStateOf(false) }

    if (showNextPage503) {
        NestedPage504()
        return
    }

    Column(
        modifier = Modifier
            .fillMaxSize()
            .padding(16.dp),
        horizontalAlignment = Alignment.CenterHorizontally,
        verticalArrangement = Arrangement.Center
    ) {
        Text(
            text = "第503层页面 (nestedlib3)",
            fontSize = 24.sp,
            fontWeight = FontWeight.Bold,
            color = Color(0xFF1000000),
            modifier = Modifier.padding(bottom = 20.dp)
        )
        Text(
            text = "这是第5021行内容",
            fontSize = 14.sp,
            color = Color(109, 3, 211),
            modifier = Modifier.padding(vertical = 3.dp)
        )
        Text(
            text = "这是第5022行内容",
            fontSize = 14.sp,
            color = Color(126, 34, 2),
            modifier = Modifier.padding(vertical = 3.dp)
        )
        Text(
            text = "这是第5023行内容",
            fontSize = 14.sp,
            color = Color(143, 65, 49),
            modifier = Modifier.padding(vertical = 3.dp)
        )
        Text(
            text = "这是第5024行内容",
            fontSize = 14.sp,
            color = Color(160, 96, 96),
            modifier = Modifier.padding(vertical = 3.dp)
        )
        Text(
            text = "这是第5025行内容",
            fontSize = 14.sp,
            color = Color(177, 127, 143),
            modifier = Modifier.padding(vertical = 3.dp)
        )
        Text(
            text = "这是第5026行内容",
            fontSize = 14.sp,
            color = Color(194, 158, 190),
            modifier = Modifier.padding(vertical = 3.dp)
        )
        Text(
            text = "这是第5027行内容",
            fontSize = 14.sp,
            color = Color(211, 189, 237),
            modifier = Modifier.padding(vertical = 3.dp)
        )
        Text(
            text = "这是第5028行内容",
            fontSize = 14.sp,
            color = Color(228, 220, 28),
            modifier = Modifier.padding(vertical = 3.dp)
        )
        Text(
            text = "这是第5029行内容",
            fontSize = 14.sp,
            color = Color(245, 251, 75),
            modifier = Modifier.padding(vertical = 3.dp)
        )
        Text(
            text = "这是第5030行内容",
            fontSize = 14.sp,
            color = Color(6, 26, 122),
            modifier = Modifier.padding(vertical = 3.dp)
        )

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

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