extends layouts/main
block content

  .uk-margin
    canvas(id="hourly-signups")

  div(uk-grid).uk-grid-small.uk-flex-middle
    .uk-width-auto
      +renderCell('Members', formatCount(stats.memberCount))
    .uk-width-auto
      +renderCell('Posts', formatCount(stats.postCount))
    .uk-width-auto
      +renderCell('Comments', formatCount(stats.commentCount))

block viewjs
  script(src="/chart.js/chart.min.js")
  script(src="/chartjs-adapter-moment/chartjs-adapter-moment.min.js")
  script.
    window.addEventListener('dtp-load', ( ) => {
      const graphData = !{JSON.stringify(stats.userSignupHourly)};
      dtp.app.renderStatsGraph('#hourly-signups', 'Hourly Signups', graphData);
    });