module View.Page
  ( page
  ) where

import           Data.Aeson                    (encode)
import qualified Data.Aeson.Types              as Json
import           Data.Text.Internal.Lazy       (Text)
import           Data.Text.Lazy.Encoding       (decodeUtf8)

import           Text.Blaze.Html
import           Text.Blaze.Html.Renderer.Text (renderHtml)
import           Text.Blaze.Html5
import qualified Text.Blaze.Html5              as H
import           Text.Blaze.Html5.Attributes
import qualified Text.Blaze.Html5.Attributes   as A

import           Common.Model                  (InitResult)
import qualified Common.Msg                    as Msg

import           Design.Global                 (globalDesign)

page :: InitResult -> Text
page initResult =
  renderHtml . docTypeHtml $ do
    H.head $ do
      meta ! charset "UTF-8"
      meta ! name "viewport" ! content "width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"
      H.title (toHtml $ Msg.get Msg.App_Title)
      script ! src "/javascript/main.js" $ ""
      jsonScript "init" initResult
      link ! rel "stylesheet" ! type_ "text/css" ! href "/css/reset.css"
      link ! rel "icon" ! type_ "image/png" ! href "/images/icon.png"
      H.style $ toHtml globalDesign

jsonScript :: Json.ToJSON a => Text -> a -> Html
jsonScript scriptId json =
  script
    ! A.id (toValue scriptId)
    ! type_ "application/json"
    $ toHtml . decodeUtf8 . encode $ json