let XDate = require('xdate')

return async (env, head, body, scripts) => {
  let globals = await env.site.get_json('/_config/globals.json')
  let page = await _require('/page.jst')

  await page(
    env,
    // head
    head,
    // body
    async _out => {
      nav.navbar.navbar-default.fixed-left {
        div.container-fluid.mirobot-control {
          //  Brand and toggle get grouped for better mobile display 
          div.navbar-header {
            button.navbar-toggle.collapsed(type="button" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false") {
              span.sr-only {'Toggle navigation'}
              span.icon-bar {}
              span.icon-bar {}
              span.icon-bar {}
            }
            img.center-block(src="/images/thornbury_high_school.png" height="300px") {}
          }
        }

        //  Collect the nav links, forms, and other content for toggling 
        div.collapse.navbar-collapse#bs-example-navbar-collapse-1 {
          ul.nav.navbar-nav {
            let navigation = globals.navigation
            for (let i = 0; i < navigation.length; ++i) {
              let page = navigation[i]
              let title = globals.page_to_title[page] || page
              if (page === env.parsed_url.pathname)
                li.btn-block.active {
                  a(href=page) {
                    `${title}`
                    span.sr-only {'(current)'}
                  }
                }
              else
                li.btn-block {
                  a(href=page) {`${title}`}
                }
            }
          }
          //ul.nav.navbar-nav.navbar-right {
          //  li.btn-block {
          //    a#give-feedback {'Give feedback'}
          //  }
          //} 
        }
      }

      div.header {
        div.container-fluid {
          h5 {
            _out.push('Challenger Disaster') //globals.page_to_breadcrumbs[env.parsed_url.pathname] || globals.page_to_title[env.parsed_url.pathname] || env.parsed_url.pathname)
          }
        }
      }
      div.container-fluid {
        await body(_out)
      }
      div.footer {
        div.container-fluid {
          a(rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/") {
            img(alt="Creative Commons License" style="border-width:0" src="/images/by-sa_3.0_88x31.png") {}
          }
          p {
            'This website is '
            a(href="https://git.ndcode.org/public/challenger_site.git") {
              'open source'
            }
            ' and licensed under a '
            a(rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/") {
              'Creative Commons Attribution-ShareAlike 3.0 Unported License'
            }
            '.'
          }

          p {`Copyright © ${new XDate().getUTCFullYear()} Oliver Downing.`}
        }
      }
    },
    // scripts
    async _out => {
      scripts(_out)
    }
  )
}