package eu.mjdev.desktop.components.file

import androidx.compose.desktop.ui.tooling.preview.Preview
import androidx.compose.foundation.layout.*
import androidx.compose.runtime.Composable
import androidx.compose.runtime.remember
import androidx.compose.ui.Modifier
import androidx.compose.ui.text.font.FontWeight
import androidx.compose.ui.text.style.TextAlign
import androidx.compose.ui.text.style.TextOverflow.Companion.Ellipsis
import androidx.compose.ui.unit.DpSize
import androidx.compose.ui.unit.dp
import eu.mjdev.desktop.components.draggable.DraggableView
import eu.mjdev.desktop.components.fonticon.FontIcon
import eu.mjdev.desktop.components.text.TextWithShadow
import eu.mjdev.desktop.extensions.ColorUtils.alpha
import eu.mjdev.desktop.extensions.Compose.preview
import eu.mjdev.desktop.extensions.Custom.plus
import eu.mjdev.desktop.extensions.Modifier.circleBorder
import eu.mjdev.desktop.provider.DesktopScope.Companion.withDesktopScope
import java.io.File

@Suppress("FunctionName", "UNNECESSARY_SAFE_CALL")
@Composable
fun FolderIcon(
    path: File = File("/"),
    customName: String? = null,
    dragEnabled: Boolean = true,
    iconSize: DpSize = DpSize(128.dp, 128.dp),
    modifier: Modifier = Modifier,
    onDragStart: () -> Unit = {},
    onDragEnd: () -> Unit = {},
    onContextMenuClick: () -> Unit = {},
    onClick: () -> Unit = {},
) = withDesktopScope {
    val iconName = remember(path) {
        when {
            path.absolutePath?.contentEquals("/") == true -> "root"
            path.absolutePath?.contentEquals("~") == true -> "home"
            else -> path.extension.ifEmpty { "folder" }
        }
    } // todo from mime type
    val iconId: Int = remember(path) { iconSet.iconForName(iconName) ?: "?".toInt() }
    val computedSize = remember(path) { iconSize + 2.dp }
    DraggableView(
        modifier = modifier,
        dragEnabled = dragEnabled,
        onClick = onClick,
        onContextMenuClick = onContextMenuClick,
        onDragStart = onDragStart,
        onDragEnd = onDragEnd
    ) {
        Column(
            modifier = Modifier.wrapContentSize()
        ) {
            Box(
                modifier = Modifier.size(computedSize)
                    .circleBorder(2.dp, textColor)
            ) {
                FontIcon(
                    iconId = iconId,
                    iconSize = iconSize,
                    iconColor = textColor,
                    iconBackgroundColor = iconsTintColor.alpha(0.4f),
                    outerPadding = PaddingValues(8.dp),
                    innerPadding = PaddingValues(8.dp),
                    onClick = onClick,
                    onRightClick = onContextMenuClick
                )
            }
            TextWithShadow(
                modifier = Modifier.width(computedSize.width)
                    .padding(start = 4.dp),
                text = (customName ?: path.name).orEmpty().ifEmpty { iconName },
                color = textColor,
                fontWeight = FontWeight.Bold,
                overflow = Ellipsis,
                minLines = 2,
                maxLines = 2,
                textAlign = TextAlign.Center
            )
        }
    }
}

@Preview
@Composable
fun FolderIconPreview() = preview {
    FolderIcon()
}