doctype html
html(lang='en', data-obs-widget= obsWidget)
  head
    meta(charset='UTF-8')
    meta(name='viewport', content='width=device-width, initial-scale=1.0')
    meta(name='description', content= pageDescription || site.description)

    title= pageTitle ? `${pageTitle} | ${site.name}` : `${site.name} | ${site.description}`

    meta(name="robots", content= "index,follow")
    meta(name="googlebot", content= "index,follow")
    meta(name="theme-color", content="#ff0013")
    meta(name="apple-mobile-web-app-status-bar-style", content="black-translucent")

    block css

      link(rel='stylesheet', href=`/fontawesome/css/all.min.css?v=${pkg.version}`)

      block vendorcss

      link(rel='stylesheet', href=`/dist/chat-client.css?v=${pkg.version}`)
      link(rel='stylesheet', href=`/pretty-checkbox/pretty-checkbox.min.css?v=${pkg.version}`)

      block viewcss
  
    block js
      script(async, src=`/fontawesome/js/fontawesome.min.js?v=${pkg.version}`)
      script(src=`/uikit/dist/js/uikit.min.js?v=${pkg.version}`)
      script(src=`/uikit/dist/js/uikit-icons.min.js?v=${pkg.version}`)

    block pwa-support
      include ../components/pwa-support
    
    block social-card
      include ../components/social-card/twitter
      include ../components/social-card/facebook

    block view-header

    script.

      function onImageLoadError (event) {
        const imageType = event.currentTarget.getAttribute('data-image-type') || 'thumb';
        console.error('image error', imageType, event);
        switch (imageType) {
          case 'profile':
            event.currentTarget.setAttribute('src', '/img/default-member.png');
            break;
          case 'thumb':
            event.currentTarget.setAttribute(
              'src',
              `/img/default-poster.${process.env.DTP_SITE_DOMAIN_KEY}.jpg`,
            );
            break;
        }
      }

  body.dtp(
      class= 'dtp-dark',
      data-dtp-env= process.env.NODE_ENV,
      data-dtp-domain= site.domainKey,
      data-current-view= currentView,
      data-is-popout= isPopOutView,
      data-obs-widget= obsWidget,
      data-embed-widget= embedWidget,
    )

      block view-navbar
        nav(style="background: #000000;", uk-navbar).uk-navbar-container.uk-light
            .uk-navbar-left
              ul.uk-navbar-nav
                li.uk-active
                  a(href="/")
                    span
                      i.fas.fa-home
                    span HOME
            .uk-navbar-right
              ul.uk-navbar-nav
                li
                  a(href="/welcome/signup") SIGN UP
                li
                  a(href="/welcome/login") LOGIN

      block view-content