package nl.astraeus.css

import nl.astraeus.css.properties.*
import nl.astraeus.css.properties.Color.Companion.hex
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(top.px())
    this@sizePX.left(left.px())
    this@sizePX.width(width.px())
    this@sizePX.height(height.px())
}

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)
                animationPlayState(AnimationPlayState.paused, AnimationPlayState.running)

                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(hex("ffeedd"))
            fontFamily("Arial, Courier")
//            backgroundColor = Color.hex("eeeeee")
//            fontFamily = text("Arial, Courier")
//            animationDelay = listOf(DelayDuration.initial())

            select("div") {

                tableLayout(TableLayout.auto)
                tabSize(14.px())

//                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())
}