extends main
block content-container

  section.uk-section.uk-section-default.public-profile
    .uk-container
      if userProfile.header
        .uk-margin.profile-header-container.header-offset
          img(src= `/image/${userProfile.header._id}`).profile-header
          if userProfile.picture && userProfile.picture.large
            img(src= `/image/${userProfile.picture.large._id}`).profile-picture
          else
            img(src= "/img/icon/icon-512x512.png").profile-picture
      else
        .uk-margin.profile-header-container
          if userProfile.picture && userProfile.picture.large
            img(src= `/image/${userProfile.picture.large._id}`).profile-picture
          else
            img(src= "/img/icon/icon-512x512.png").profile-picture
    
      .uk-width-xlarge.uk-margin-auto
        //- if user && user.flags.isAdmin
        //-   .uk-margin.uk-text-center
        //-     a(href=`/admin/user/${userProfile._id}`).uk-button.dtp-button-danger User Admin

        .uk-margin.uk-text-center
          if userProfile.displayName
            h1.uk-margin-remove= userProfile.displayName
            .uk-text-muted @#{userProfile.username}
          else
            h1.uk-margin-remove= userProfile.username

        .uk-margin.uk-text-center
          div= userProfile.bio

        block content

  block page-footer
    section.uk-section.uk-section-default.uk-section-small.dtp-site-footer
      .uk-container.uk-text-small
        a(href="/", title=`Learn more about ${site.name}`).uk-display-block.uk-link-reset
          div(uk-grid).uk-grid-small.uk-flex-center.uk-flex-bottom
            .uk-width-auto
              img(src="/img/icon/icon-48x48.png").uk-display-block
            .uk-width-auto(style="line-height: 1em;")
              .uk-text-small.uk-text-muted hosted by
              div #{site.name}