package com.loloof64.simplecomposecounter

import android.os.Bundle
import androidx.appcompat.app.AppCompatActivity
import androidx.compose.foundation.Text
import androidx.compose.foundation.background
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.Row
import androidx.compose.foundation.layout.padding
import androidx.compose.material.Divider
import androidx.compose.material.Surface
import androidx.compose.material.TextButton
import androidx.compose.runtime.Composable
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.platform.setContent
import androidx.compose.ui.text.TextStyle
import androidx.compose.ui.text.font.FontWeight
import androidx.compose.ui.unit.TextUnit
import androidx.compose.ui.unit.dp
import androidx.ui.tooling.preview.Preview
import com.loloof64.simplecomposecounter.ui.SimpleComposeCounterTheme

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            MainScreen()
        }
    }
}

@Composable
fun Counter(fontSizeSp: Int) {
    val buttonsBackgroundColor = Color.Green
    val valueBackgroundColor = Color.Blue
    val commonTextColor = Color.White
    val commonTextStyle =
        TextStyle(
            fontSize = TextUnit.Sp(fontSizeSp),
            fontWeight = FontWeight.Bold,
            color = commonTextColor,
        )
    val buttonsTextStyle = commonTextStyle.copy(
        background = buttonsBackgroundColor
    )
    val commonButtonModifier = Modifier.background(Color.Transparent)

    val countValue = remember { mutableStateOf(0) }

    Row(verticalGravity = Alignment.CenterVertically) {
        TextButton(
            onClick = { if (countValue.value > 0) countValue.value-- },
            modifier = commonButtonModifier
        ) {
            Text(text = "-", style = buttonsTextStyle)
        }
        Text(
            text = "%02d".format(countValue.value),
            style = commonTextStyle,
            modifier = Modifier.background(valueBackgroundColor).padding(5.dp)
        )
        TextButton(
            onClick = { if (countValue.value < 99) countValue.value++ },
            modifier = commonButtonModifier
        ) {
            Text(text = "+", style = buttonsTextStyle)
        }
    }
}

@Composable
fun MainScreen() {
    SimpleComposeCounterTheme {
        Surface(color = Color.Cyan) {
            Column(modifier = Modifier.padding(5.dp)) {
                Divider()
                Counter(10)
                Divider()
                Counter(20)
                Divider()
                Counter(40)
                Divider()
            }
        }
    }
}

@Preview(showBackground = true)
@Composable
fun DefaultPreview() {
    MainScreen()
}

Modifier.background(Color.Transparent).aspectRatio(0.6f)