include ../components/library
include ../components/page-sidebar
doctype html
html(lang='en')
  head
    meta(charset='UTF-8')
    meta(name='viewport', content='width=device-width, initial-scale=1.0')
    meta(name='description', content= pageDescription || siteDescription)

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

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

    block css

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

      block vendorcss

      link(rel='stylesheet', href=`/dist/css/style.css?v=${pkg.version}`)
  
    block js
      script(src=`/uikit/js/uikit.min.js?v=${pkg.version}`)
      script(src=`/uikit/js/uikit-icons.min.js?v=${pkg.version}`)
      //- script(src=`/fontawesome/js/fontawesome.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.jpg');
            break;
        }
      }

  body.dtp(class= 'dtp-dark', data-dtp-env= process.env.NODE_ENV, data-dtp-domain= site.domainKey, data-current-view= currentView)

    include ../components/site-link

    block view-globals

    block content-container
      block content
      block page-footer
        include ../components/page-footer

    block dtp-navbar
      include ../components/navbar

    block view-title

    block dtp-off-canvas
      include ../components/off-canvas

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

      script(src=`/moment/moment.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 vendorjs

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

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

      if channel
        script.
          dtp.channel = !{JSON.stringify(channel || null)};

      if DTP_SCRIPT_DEBUG
        script(src=`/dist/js/dtpsites-app.js?v=${pkg.version}`, type="module")
      else
        script(src=`/dist/js/dtpsites-app.min.js?v=${pkg.version}`, type="module")
      
      if user && user.flags.isAdmin
        if DTP_SCRIPT_DEBUG
          script(src=`/dist/js/dtpsites-admin.js?v=${pkg.version}`, type="module")
        else
          script(src=`/dist/js/dtpsites-admin.min.js?v=${pkg.version}`, type="module")

    block viewjs