use maud::{html, Markup, DOCTYPE};

// TODO: set dynamic meta lang attribute

pub fn new(content: Markup) -> Markup {
    html! {
        (DOCTYPE)
        head {
            meta charset="utf-8";
            meta name="viewport" content="width=device-width, initial-scale=1.0";
            link rel="stylesheet" href="/static/pico.min.css";
            link rel="stylesheet" href="/static/style.css";
            title { "Digital Shadows" }
        }
        body {
            header.container {
                nav {
                    ul {
                        li {
                            a href="/" {
                                strong { "Digital Shadows" }
                            }
                        }
                    }
                    ul {
                        li {
                            a href="/" {
                                span role="img" aria-label="home" { "🏠" }
                            }
                        }
                        li {
                            a href="/game" {
                                span role="img" aria-label="camera" { "📸" }
                            }
                        }
                        li {
                            span id="theme_switcher" {}
                        }

                        li {
                            button id="language_toogle" lang="en" {
                              "DE"
                            }
                        }
                    }
                }
            }

            main.container {
                section { (content) }
            }

            footer.container {
                small {
                    "Footer "
                    mark { "to be completed" }
                    a href="#" { "with links" }
                    " • "
                    a target="_blank" href="https://www.digidow.eu/impressum/" { "Impressum" }
                }
            }
            script src="/static/theme.js" {}
        }
    }
}