package com.craigvg.lichun_android.ui.screens.dating.components

import androidx.compose.foundation.layout.*
import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.*
import androidx.compose.material3.Icon
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.vector.ImageVector
import androidx.compose.ui.unit.dp
import com.craigvg.lichun_android.domain.models.DateActivity
import com.craigvg.lichun_android.ui.theme.AppColors
import com.craigvg.lichun_android.ui.theme.AppSpacing
import com.craigvg.lichun_android.ui.theme.AppTypography

/**
 * Cost breakdown row for date activities
 */
@Composable
fun DateCostDisplay(activity: DateActivity) {
    Column(
        verticalArrangement = Arrangement.spacedBy(AppSpacing.xs),
        horizontalAlignment = Alignment.Start,
        modifier = Modifier.fillMaxWidth()
    ) {
        if (activity.energyCost > 0) {
            CostRow(
                icon = Icons.Default.Bolt,
                color = AppColors.energy,
                value = "${activity.energyCost}"
            )
        }
        if (activity.moneyCost > 0) {
            CostRow(
                icon = Icons.Default.AttachMoney,
                color = AppColors.money,
                value = "${activity.moneyCost}"
            )
        }
        if (activity.diamondCost > 0) {
            CostRow(
                icon = Icons.Default.Diamond,
                color = AppColors.diamond,
                value = "${activity.diamondCost}"
            )
        }
    }
}

@Composable
fun CostRow(
    icon: ImageVector,
    color: Color,
    value: String
) {
    Row(
        horizontalArrangement = Arrangement.spacedBy(AppSpacing.xs),
        verticalAlignment = Alignment.CenterVertically
    ) {
        Icon(
            imageVector = icon,
            contentDescription = null,
            tint = color,
            modifier = Modifier.size(16.dp)
        )
        Text(
            text = value,
            style = AppTypography.caption,
            color = AppColors.primaryText
        )
    }
}