implementation("io.github.the-best-is-best:ComposeSearchableDropdown:2.3.0")

data class ExampleData(
    val id: Int,
    val name: String
)

private val data = listOf(
    ExampleData(1, "First"),
    ExampleData(2, "Second"),
    ExampleData(3, "Third"),
    ExampleData(4, "Fourth"),
    ExampleData(5, "Fifth"),
)

val selectedItemsState = rememberDropdownStates<ExampleData>(value = data[2])

Column{

    SearchableDropDown(
        listOfItems = data,
        state = selectedItemsState,
        placeholder = {
            Text(text = "اختار")
        },
        searchPlaceHolder = {
            Text(text = "بحث")
        },
        onDropDownItemSelected = {
            Log.d("get v", it.name)
        },
        dropdownItem = {
            Text("${it.id} - ${it.name}", fontSize = 20.sp)
        },
        selectedOptionTextDisplay = {it.name},
        searchIn = {
            it.name
        }
    )


}


@Composable
fun MultiSelectExample() {
    data class ExampleData(
        val id: Int,
        val name: String
    )

    val data = List(1000) { index ->
        ExampleData(index + 1, "Item ${index + 1}")
    }

    val multiState = rememberMultiDropdownState<ExampleData>()

    MaterialTheme(
        colorScheme = lightColorScheme()
    ) {
        Column(
            modifier = Modifier.fillMaxSize().padding(16.dp),
            horizontalAlignment = Alignment.CenterHorizontally,
            verticalArrangement = Arrangement.Center
        ) {
            MultiSearchableDropDown(
                listOfItems = data,
                state = multiState,
                placeholder = { Text("اختر عدة عناصر") },
                searchPlaceHolder = { Text("بحث...") },
                showClearButton = true,
                openedIconColor = Color.Blue,
                closedIconColor = Color.Gray,
                onSelectionChanged = {
                    println("Selected Items: ${it.map { it.name }}")
                },
                selectedOptionTextDisplay = { selectedSet ->
                    if (selectedSet.isEmpty()) "لم يتم الاختيار"
                    else selectedSet.joinToString(", ") { it.name }
                },
                dropdownItem = { item, isSelected ->
                    Row(
                        verticalAlignment = Alignment.CenterVertically,
                        modifier = Modifier.fillMaxWidth()
                    ) {
                        Icon(
                            imageVector = if (isSelected) Icons.Outlined.CheckBox else Icons.Outlined.CheckBoxOutlineBlank,
                            contentDescription = null,
                            tint = if (isSelected) Color.Green else Color.Gray
                        )
                        Spacer(modifier = Modifier.width(8.dp))
                        Text(text = "${item.id} - ${item.name}", fontSize = 18.sp)
                    }
                },
                searchIn = { it.name }
            )
        }
    }
}

    selectedItemsState.clear()

data class ExampleData(
    val id: Int,
    val name: String
)

private val data = listOf(
    ExampleData(1, "First"),
    ExampleData(2, "Second"),
    ExampleData(3, "Third"),
    ExampleData(4, "Fourth"),
    ExampleData(5, "Fifth"),
)



SearchableDropDown(
    listOfItems = data,
    placeholder = {
        Text(text = "Select an item")
    },
    searchPlaceHolder = {
        Text(text = "Search an item")
    },

    defaultItem = data[2],
    onDropDownItemSelected = {
        Log.d("get v", it.name)
    },
    dropdownItem = {
        Text("${it.id} - ${it.name}")
    },
    selectedOptionTextDisplay = {it.name},
    searchIn = {it.name} // or it.id
)