---

package ru.notesapp.ui

import android.content.Context
import android.util.AttributeSet
import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.ExperimentalLayoutApi
import androidx.compose.foundation.layout.FlowRow
import androidx.compose.foundation.layout.Row
import androidx.compose.foundation.layout.Spacer
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.layout.size
import androidx.compose.foundation.layout.width
import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.Add
import androidx.compose.material.icons.filled.Close
import androidx.compose.material3.AssistChip
import androidx.compose.material3.Icon
import androidx.compose.material3.IconButton
import androidx.compose.material3.OutlinedTextField
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.runtime.mutableStateListOf
import androidx.compose.runtime.mutableStateOf
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.unit.dp
import androidx.compose.ui.viewinterop.AndroidView
import ru.notesapp.ui.theme.NotesAppTheme

class TagInputComposeView @JvmOverloads constructor(
    context: Context,
    attrs: AttributeSet? = null,
    defStyleAttr: Int = 0,
) : androidx.compose.ui.platform.AbstractComposeView(context, attrs, defStyleAttr) {

    private val inputState = mutableStateOf("")
    private val tagsState = mutableStateListOf<String>()

    var onTagsChanged: ((List<String>) -> Unit)? = null

    @Composable
    override fun Content() {
        NotesAppTheme {
            TagInput(
                input = inputState.value,
                onInputChange = { inputState.value = it },
                tags = tagsState,
                onAdd = { tag ->
                    if (tag.isNotBlank() && !tagsState.contains(tag)) {
                        tagsState.add(tag)
                        inputState.value = ""
                        onTagsChanged?.invoke(tagsState.toList())
                    }
                },
                onRemove = { tag ->
                    tagsState.remove(tag)
                    onTagsChanged?.invoke(tagsState.toList())
                }
            )
        }
    }
}

@OptIn(ExperimentalLayoutApi::class)
@Composable
fun TagInput(
    input: String,
    onInputChange: (String) -> Unit,
    tags: List<String>,
    onAdd: (String) -> Unit,
    onRemove: (String) -> Unit,
    modifier: Modifier = Modifier,
) {
    Column(modifier = modifier.fillMaxWidth()) {
        Row(verticalAlignment = Alignment.CenterVertically) {
            OutlinedTextField(
                value = input,
                onValueChange = onInputChange,
                label = { Text("Новый тег") },
                singleLine = true,
                modifier = Modifier.weight(1f)
            )
            Spacer(Modifier.width(8.dp))
            IconButton(onClick = { onAdd(input) }) {
                Icon(Icons.Default.Add, contentDescription = "Добавить тег")
            }
        }

        if (tags.isNotEmpty()) {
            FlowRow(
                modifier = Modifier.padding(top = 8.dp),
                horizontalArrangement = Arrangement.spacedBy(8.dp),
            ) {
                tags.forEach { tag ->
                    AssistChip(
                        onClick = { onRemove(tag) },
                        label = { Text(tag) },
                        trailingIcon = {
                            Icon(
                                imageVector = Icons.Default.Close,
                                contentDescription = null,
                                modifier = Modifier.size(16.dp)
                            )
                        }
                    )
                }
            }
        }
    }
}

// Опционально: тот же компонент через AndroidView внутри Compose
@Composable
fun TagInputAndroidView(modifier: Modifier = Modifier) {
    AndroidView(
        modifier = modifier,
        factory = { ctx -> TagInputComposeView(ctx) }
    )
}