include ../components/library
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="#62767e")
    meta(name="background-color", content="#62767e")
    meta(name="apple-mobile-web-app-status-bar-style", content="black-translucent")

    link(rel="manifest", href=`/manifest.json?v=${pkg.version}`)

    block css

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

      block vendorcss

      link(rel='stylesheet', href=`/dist/${(user) ? user.ui.theme : 'dtp-light'}.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}`, type="module")
      script(src=`/uikit/dist/js/uikit.min.js?v=${pkg.version}`, type="module")
      script(src=`/uikit/dist/js/uikit-icons.min.js?v=${pkg.version}`, type="module")

    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
      include ../components/navbar

    block view-content

    script(src=`/dayjs/dayjs.min.js?v=${pkg.version}`)
    script(src=`/numeral/numeral.min.js?v=${pkg.version}`)
    script(src=`/socket.io/socket.io.js?v=${pkg.version}`)

    block clientjs
      if user
        -
          var safeUser = {
            _id: user._id,
            created: user.created,
            username: user.username,
            username_lc: user.username_lc,
            displayName: user.displayName,
            balances: user.balances,
            flags: {
              ...user.flags,
            },
          };

          if (safeUser.flags._id) {
            delete safeUser.flags._id;
          }

      script.
        window.dtp = window.dtp || { };

      if user
        script.
          dtp.user = !{JSON.stringify(safeUser, null, 2)};

    block vendorjs

    script(src=`/dist/app.bundle.js?${pkg.version}`, type="module").

    block viewjs