varvara_kaplenko/src/main/kotlin/ru/mipt/spc/master.kt

package ru.mipt.spc

import io.ktor.server.application.Application
import io.ktor.server.application.call
import io.ktor.server.html.respondHtml
import io.ktor.server.http.content.files
import io.ktor.server.http.content.static
import io.ktor.server.routing.get
import io.ktor.server.routing.route
import io.ktor.server.routing.routing
import kotlinx.coroutines.runBlocking
import kotlinx.html.*
import space.kscience.dataforge.context.Context
import space.kscience.dataforge.context.fetch
import space.kscience.dataforge.data.await
import space.kscience.dataforge.data.getByType
import space.kscience.dataforge.meta.Meta
import space.kscience.dataforge.meta.get
import space.kscience.dataforge.meta.getIndexed
import space.kscience.dataforge.meta.string
import space.kscience.dataforge.names.Name
import space.kscience.dataforge.names.asName
import space.kscience.dataforge.names.plus
import space.kscience.dataforge.names.withIndex
import space.kscience.snark.*
import java.nio.file.Path
import kotlin.collections.component1
import kotlin.collections.component2
import kotlin.collections.set


//fun CssBuilder.magProgCss() {
//    rule(".magprog-body") {
//        rule(".magprog-header") {
//            display = Display.flex
//            alignItems = Align.center
//            justifyContent = JustifyContent.center
//            marginTop = 90.pt
//            marginLeft = 40.pt
//        }
//    }
//}

class MagProgSection(
    val id: String,
    val title: String,
    val style: String,
    val content: FlowContent.() -> Unit,
)

private fun wrapSection(
    id: String,
    title: String,
    sectionContent: FlowContent.() -> Unit,
): MagProgSection = MagProgSection(id, title, "wrapper style1 fullscreen fade-up") {
    div("inner") {
        h2 { +title }
        sectionContent()
    }
}

private fun wrapSection(
    block: HtmlData,
    idOverride: String? = null,
): MagProgSection = wrapSection(
    idOverride ?: block.id,
    block.meta["section_title"]?.string ?: error("Section without title"),
) {
    htmlData(block)
}

private val CONTENT_NODE_NAME = Name.EMPTY//"content".asName()
private val INTRO_PATH: Name = CONTENT_NODE_NAME + "intro"
private val ENROLL_PATH: Name = CONTENT_NODE_NAME + "enroll"
private val CONTACTS_PATH: Name = CONTENT_NODE_NAME + "contacts"
private val PROGRAM_PATH: Name = CONTENT_NODE_NAME + "program"
private val RECOMMENDED_COURSES_PATH: Name = CONTENT_NODE_NAME + "recommendedCourses"
private val PARTNERS_PATH: Name = CONTENT_NODE_NAME + "partners"

context(PageContext) private fun FlowContent.programSection() {
    val programBlock = resolveHtml(PROGRAM_PATH)!!
    val recommendedBlock = resolveHtml(RECOMMENDED_COURSES_PATH)!!
    div("inner") {
        h2 { +"Учебная программа" }
        htmlData(programBlock)
        button(classes = "fit collapsible") {
            attributes["data-target"] = "recommended-courses-content"
            +"Рекомендованные курсы"
        }
        div(classes = "collapsible-content") {
            id = "recommended-courses-content"
            htmlData(recommendedBlock)
        }
    }
}

context(PageContext) private fun FlowContent.partners() {
    //val partnersData: Meta = resolve<Any>(PARTNERS_PATH)?.meta ?: Meta.EMPTY
    val partnersData: Meta = runBlocking { data.getByType<Meta>(PARTNERS_PATH)?.await() } ?: Meta.EMPTY
    div("inner") {
        h2 { +"Партнеры" }
        div("features") {
            partnersData.getIndexed("content".asName()).values.forEach { partner ->
                section {
                    a(href = partner["link"].string, target = "_blank") {
                        rel = "noreferrer"
                        val imagePath = partner["logo"].string?.let { resolveRef(it) }
                        img(
                            classes = "icon major",
                            src = imagePath,
                            alt = imagePath
                        ) {
                            h3 { +(partner["title"].string ?: "") }
                        }
                    }
                }
            }
        }
    }
}

class Person(val data: HtmlData) : HtmlData by data {
    val name: String by meta.string { error("Mentor name is not defined") }
    val photo: String? by meta.string()
}

context(PageContext) private fun FlowContent.team() {
    val team = findByType("magprog_team").map { Person(it.value) }.sortedBy { it.order }

    div("inner") {
        h2 {
            +"Команда"
        }
    }
    team.forEach { member ->
        section {
            id = member.id
            a(classes = "image", href = resolveRef("mentor-${member.id}")) {
                member.photo?.let { photoPath ->
                    img(
                        src = resolveRef(photoPath),
                        alt = member.name
                    ) {
                        attributes["data-position"] = "center center"
                    }
                }
            }

            div("content") {
                div("inner") {
                    h3 {
                        a(href = "#team_${member.id}") { +member.name }
                    }
                    htmlData(member)
                }
            }
        }
    }
}

context(PageContext) private fun FlowContent.mentors() {
    val mentors = findByType("magprog_mentor").mapValues { Person(it.value) }.entries.sortedBy { it.value.id }

    div("inner") {
        h2 {
            +"Научные руководители"
        }
    }
    mentors.forEach { (name, mentor) ->
        section {
            id = mentor.id
            a(classes = "image", href = resolveRef("mentor-${mentor.id}")) {
                mentor.photo?.let { photoPath ->
                    img(
                        src = resolveRef(photoPath),
                        alt = mentor.name
                    ) {
                        attributes["data-position"] = "center center"
                    }
                }
            }

            div("content") {
                div("inner") {
                    h2 {
                        a(href = resolveRef("mentor-${mentor.id}")) { +mentor.name }
                    }
                    val info = resolveHtml(name.withIndex("info"))
                    if (info != null) {
                        htmlData(info)
                    }
                }
            }
        }
    }
}


context(PageContext) internal fun HTML.magProgHead(title: String) {
    head {
        this.title = title
        meta {
            charset = "utf-8"
        }
        meta {
            name = "viewport"
            content = "width=device-width, initial-scale=1, user-scalable=no"
        }
        link {
            rel = "stylesheet"
            href = resolveRef("css/main.css")
        }
        link {
            rel = "shortcut icon"
            href = resolveRef("images/favicon-32x32.png")
        }
        noScript {
            link {
                rel = "stylesheet"
                href = resolveRef("css/noscript.css")
            }
        }
    }
}

context(PageContext) internal fun BODY.magProgFooter() {
    footer("wrapper style1-alt") {
        id = "footer"
        div("inner") {
            ul("menu") {
                li { +"""SPC. All rights reserved.""" }
                li {
                    +"""Design:"""
                    a {
                        href = "http://html5up.net"
                        +"""HTML5 UP"""
                    }
                }
            }
        }
    }
    script {
        src = resolveRef("js/jquery.min.js")
    }
    script {
        src = resolveRef("js/jquery.scrollex.min.js")
    }
    script {
        src = resolveRef("js/jquery.scrolly.min.js")
    }
    script {
        src = resolveRef("js/browser.min.js")
    }
    script {
        src = resolveRef("js/breakpoints.min.js")
    }
    script {
        src = resolveRef("js/util.js")
    }
    script {
        src = resolveRef("js/main.js")
    }
}

internal val Person.mentorPageId get() = "mentor-${id}"

internal fun Application.spcMaster(context: Context, dataPath: Path, prefix: String = "/magprog") {

    val snark = context.fetch(SnarkPlugin)

    val magProgPageContext: PageContext = snark.parse(prefix, dataPath.resolve("content"))

    routing {
        route(prefix) {
            with(magProgPageContext) {
                static{
                    files(dataPath.resolve("assets").toFile())

                    static("images") {
                        files(dataPath.resolve("images").toFile())
                    }
                }


                get {
                    call.respondHtml {
                        val sections = listOf<MagProgSection>(
                            wrapSection(resolveHtml(INTRO_PATH)!!, "intro"),
                            MagProgSection(
                                id = "partners",
                                title = "Партнеры",
                                style = "wrapper style3 fullscreen fade-up"
                            ) {
                                partners()
                            },
                            // section(props.data.partners),
                            MagProgSection(
                                id = "mentors",
                                title = "Научные руководители",
                                style = "wrapper style2 spotlights",
                            ) {
                                mentors()
                            },
                            MagProgSection(
                                id = "program",
                                title = "Учебная программа",
                                style = "wrapper style3 fullscreen fade-up"
                            ) {
                                programSection()
                            },
                            wrapSection(resolveHtml(ENROLL_PATH)!!, "enroll"),
                            MagProgSection(
                                id = "team",
                                title = "Команда",
                                style = "wrapper style2 spotlights",
                            ) {
                                team()
                            },
                            wrapSection(resolveHtml(CONTACTS_PATH)!!, "contacts"),
                        )
                        magProgHead("Магистратура \"Научное программирование\"")
                        body("is-preload magprog-body") {
                            section {
                                id = "sidebar"
                                div("inner") {
                                    nav {
                                        ul {
                                            sections.forEach { section ->
                                                li {
                                                    a(href = "#${section.id}") {
                                                        +section.title
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                            div {
                                id = "wrapper"
                                sections.forEach { sec ->
                                    section(sec.style) {
                                        id = sec.id
                                        with(sec) { content() }
                                    }
                                }
                            }
                            magProgFooter()
                        }
                    }
                }

                val mentors = findByType("magprog_mentor").map {
                    Person(it.value)
                }.sortedBy {
                    it.order
                }

                mentors.forEach { mentor ->
                    get(mentor.mentorPageId) {
                        call.respondHtml {
                            magProgHead("Научное программирование: ${mentor.name}")
                            body("is-preload") {
                                header {
                                    id = "header"
                                    a(classes = "title") {
                                        href = "$homeRef#mentors"
                                        +"Научные руководители"
                                    }
                                    nav() {
                                        ul {
                                            mentors.forEach {
                                                li {
                                                    a {
                                                        href = resolveRef(it.mentorPageId)
                                                        +it.name
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                                div {
                                    id = "wrapper"
                                    section("wrapper") {
                                        id = "main"
                                        div("inner") {
                                            h1("major") { +mentor.name }
                                            span("image left") {
                                                mentor.photo?.let { photoPath ->
                                                    img(
                                                        src = resolveRef(photoPath),
                                                        alt = mentor.name
                                                    )
                                                }
                                            }
                                            htmlData(mentor)
                                        }
                                    }
                                }
                                magProgFooter()
                            }
                        }
                    }
                }
            }
        }
    }
}