include get_config.pug
doctype html
html(lang="en")
  head
    meta(charset="UTF-8")
    title #{clientName || "My Personal Hubl"}
    meta(name="viewport", content="width=device-width, initial-scale=1.0")
    meta(http-equiv="X-UA-Compatible", content="ie=edge")
    if clientFavicon
      link(rel="icon" type="image/png" href=`${clientFavicon}`)
    else
      link(rel="icon" type="image/webp" href="/images/favicon.webp")
    include dependencies.pug
    if clientCSS
      link(rel='stylesheet', href=`${clientCSS}`)
    link(rel="manifest" href="/manifest.webmanifest")
  body

    //- header#header.header.is-spaced(role='banner')
      include header.pug

    header#header.segment.bg-color-white.shadow
      include header.pug

    nav#main__menu.segment.bg-color-heading.text-small.text-color-white.left-menu.jsLeftMenu
      include menu-left.pug

    main#viewport.content.notLoggedIn

      if endpoints.dashboards || (endpoints.get && endpoints.get.dashboards)
        #dashboard(hidden, data-view="dashboard").no-sidebar.with-padding
          include page-dashboard.pug

      if publicDirectory && (endpoints.users || (endpoints.get && endpoints.get.users))
        #members(hidden, data-view="members").no-sidebar.with-padding
          include page-directory.pug

      if endpoints.joboffers || (endpoints.get && endpoints.get.joboffers)
        #job-offers(hidden, data-view="job-offers").no-sidebar.with-padding
          if (endpoints.post && endpoints.post.joboffers) && (endpoints.get && endpoints.get.joboffers)
            hubl-reactivity(data-src=`${endpoints.post.joboffers}current/` target-src=`${endpoints.get.joboffers}`)
            hubl-reactivity(data-src=`${endpoints.post.joboffers}expired/` target-src=`${endpoints.get.joboffers}`)
            hubl-reactivity(data-src=`${endpoints.post.joboffers}` target-src=`${endpoints.get.joboffers}`)
          hubl-reactivity(data-src=`${endpoints.joboffers || endpoints.get.joboffers}current/` target-src=`${endpoints.joboffers || endpoints.get.joboffers}`)
          hubl-reactivity(data-src=`${endpoints.joboffers || endpoints.get.joboffers}current/` target-src=`${endpoints.joboffers || endpoints.get.joboffers}expired/`)
          hubl-reactivity(data-src=`${endpoints.joboffers || endpoints.get.joboffers}expired/` target-src=`${endpoints.joboffers || endpoints.get.joboffers}`)
          hubl-reactivity(bind-user nested-field="joboffers" target-src=`${endpoints.joboffers || endpoints.get.joboffers}expired/`)
          hubl-reactivity(bind-user nested-field="joboffers" target-src=`${endpoints.joboffers || endpoints.get.joboffers}`)
          hubl-reactivity(bind-user nested-field="joboffers" target-src=`${endpoints.joboffers || endpoints.get.joboffers}current/`)
          include page-job-offers.pug

      if endpoints.projects || (endpoints.get && endpoints.get.projects)
        #project(hidden, data-view="project").with-sidebar
          if (endpoints.post && endpoints.post.projects) && (endpoints.get && endpoints.get.projects)
            hubl-reactivity(data-src=`${endpoints.post.projects}joinable/` target-src=`${endpoints.get.projects}`)
            hubl-reactivity(data-src=`${endpoints.post.projects}` target-src=`${endpoints.get.projects}`)
            hubl-reactivity(bind-user nested-field="projects" target-src=`${endpoints.post.projects}`)
            hubl-reactivity(bind-user nested-field="projects" target-src=`${endpoints.post.projects}joinable/`)
          hubl-reactivity(data-src=`${endpoints.projects || endpoints.get.projects}joinable/` target-src=`${endpoints.projects || endpoints.get.projects}`)
          hubl-reactivity(bind-user nested-field="projects" target-src=`${endpoints.projects || endpoints.get.projects}`)
          hubl-reactivity(bind-user nested-field="projects" target-src=`${endpoints.projects || endpoints.get.projects}joinable/`)
          include page-project.pug

      if endpoints.circles || (endpoints.get && endpoints.get.circles)
        #circle(hidden, data-view="circle").with-sidebar
          if (endpoints.post && endpoints.post.circles) && (endpoints.get && endpoints.get.circles)
            hubl-reactivity(data-src=`${endpoints.post.circles}joinable/` target-src=`${endpoints.get.circles}`)
            hubl-reactivity(data-src=`${endpoints.post.circles}` target-src=`${endpoints.get.circles}`)
            hubl-reactivity(bind-user nested-field="circles" target-src=`${endpoints.post.circles}`)
            hubl-reactivity(bind-user nested-field="circles" target-src=`${endpoints.post.circles}joinable/`)
          hubl-reactivity(data-src=`${endpoints.circles || endpoints.get.circles}joinable/` target-src=`${endpoints.circles || endpoints.get.circles}`)
          hubl-reactivity(bind-user nested-field="circles" target-src=`${endpoints.circles || endpoints.get.circles}`)
          hubl-reactivity(bind-user nested-field="circles" target-src=`${endpoints.circles || endpoints.get.circles}joinable/`)
          include page-circle.pug
      if endpoints.users || (endpoints.get && endpoints.get.users)
        #messages(hidden, data-view="messages").with-sidebar
          include page-messages.pug
          
      if endpoints.polls || (endpoints.get && endpoints.get.polls)
        #polls(hidden, data-view="polls").with-sidebar
          include page-polls.pug

      if endpoints.events || (endpoints.get && endpoints.get.events)
        #events(hidden, data-view="events")
          include page-events.pug

      if endpoints.resources || (endpoints.get && endpoints.get.resources)
        #resources(hidden, data-view="resources")
          include page-resources.pug

      #admin(hidden, data-view="admin").with-sidebar
        include page-admin.pug

      #about(data-view="about").no-sidebar.with-padding
        include page-about.pug
        
      if (endpoints.skills || (endpoints.get && endpoints.get.skills)) && (endpoints.uploads || (endpoints.post && endpoints.post.uploads)) && (endpoints.users || (endpoints.post && endpoints.post.users))
        #profile(hidden, data-view="profile").no-sidebar
          include page-profile.pug
  
  if analytics
    each provider in analytics
      if provider.type && provider.url && provider.url
          solid-analytics(
            type=`${provider.type}`
            url=`${provider.url}`
            id=`${provider.id}`
          )