package nl.astraeus.css

import nl.astraeus.css.properties.*
import nl.astraeus.css.properties.Measurement.Companion.em
import nl.astraeus.css.properties.Measurement.Companion.px
import nl.astraeus.css.style.Style

class StyleBase(
    val mainColor: Color = Color.hsl(128, 50, 50),
    val mainBackgroundColor: Color = Color.hsl(64, 50, 50),
    val mainFont: TextProperty = text("Arial")
)

private fun Style.sizePX(
    left: Int,
    top: Int,
    width: Int,
    height: Int
) {
    this@sizePX.top = px(top)
    this@sizePX.left = px(left)
    this@sizePX.width = px(width)
    this@sizePX.height = px(height)
}

private fun generateCss(
    base: StyleBase
): String {
    val css = CssBuilder()

    css.style {
        select("body") {
            fontFamily = base.mainFont
            color = base.mainColor
            backgroundColor = base.mainBackgroundColor
            alignContent = AlignContent.initial()
        }

        select(".test") {
            top = px(10)
            left = em(5)
            backgroundColor = Color.rgba(255, 255, 255, 0.75)

            select("> a") {
                color = Color.hsl(200, 50, 50)
            }
        }

        select("nav") {
            select("ul") {
                color = Color.hsl(0, 100, 25)
                backgroundColor = base.mainBackgroundColor
            }
            select("li") {
                sizePX(25, 25, 200, 200)

                select("a") {
                    width = px(725)
                    background = text("")
                    backgroundColor = base.mainBackgroundColor
                }
            }
        }
    }

    return css.getCss()
}

fun main() {
    val css1 = generateCss(StyleBase())
    val css2 = generateCss(StyleBase(
        Color.hsl(32, 40, 50),
        Color.hsl(64, 60, 35),
        text("Courier")
    ))

    println(css1)
    println(css2)

    val sd = style {
        select("#pipo") {
            backgroundColor = Color.hex("eeeeee")
            fontFamily = text("Arial, Courier")
            animationDelay = listOf(DelayDuration.initial())

            select("div") {
                color = Color.hex("1b1b1b1")
                alignContent = AlignContent.flexStart()
                animationName = listOf(text("foo"), text("bar"))
                animationIterationCount = listOf(
                    Count.count(3), Count.infinite())
                animationTimingFunction = listOf(AnimationTimingFunction.cubicBezier(0.1, 0.2, 0.3, 0.4), AnimationTimingFunction.easeInOut())
            }
        }
    }

    println("======")
    println(sd.generateCss())
}