.content-box.flex.full-width.with-form
  sib-router(default-route='admin-project-list', hidden)
    sib-route(name='admin-project-list')
    sib-route(name='admin-project-create')
    sib-route(name='project-left')

  div.content-box__header.flex.space-between
    h1.without-margin Administration
    button.mobile-sidebar-button.jsMobileSidebarOpenButton.icon-arrow-left-circle MENU

  #project-left(hidden)
    include ../project/page-project-left.pug

  #admin-project-list(hidden)
    include ../../templates/hubl-user-avatar.pug

    div.content-box__info.flex
      div.admin-header.flex
        h3 Projets
        sib-link(
          class='button text-bold text-uppercase reversed button-primary bordered with-icon icon-plus'
          next='admin-project-create'
        ) Créer un projet

      .gridjs-wrapper
        .table
          div.table-header.grey-color
            div.w25 Nom
            div.w25 Administrateurs
            div.w25 Capitaines
            div.w25 Accès

          sib-widget(name="hubl-admin-project-leave-button")
            template
              sib-delete(
                class='button text-bold text-uppercase reversed button-secondary bordered with-icon icon-close'
                data-src="${src}"
                data-label='Quitter'
              )

          sib-widget(name='hubl-project-captain')
            template
              sib-display.user-thumb.is-spaced(
                data-src='${await value}'
                fields='account.picture, sup(name), sub(username)'

                class-account.picture='avatar user-thumb__picture'
                class-name='user-thumb__name'
                class-username='user-thumb__username'

                widget-account.picture='hubl-user-avatar'
              )

          sib-widget(name='hubl-project-admins')
            template
              sib-display(
                data-src='${value}'
                fields='user'
                search-fields='is_admin'
                search-value-is_admin='true'
                search-widget-is_admin='sib-form-hidden'
                widget-user='hubl-project-captain'
              )

          sib-widget(name="hubl-admin-project-buttons")
            template
              sib-display(
                data-src='${src}'
                nested-field='members'
                fields='relation'
                action-relation='relation'
                widget-relation='hubl-admin-project-leave-button'
                search-fields='user'
                search-widget-user='sib-form-hidden'
                search-value-user="-"
                hubl-inherit-user-id="search-value-user"
              )

          sib-display(
            class='table-body'

            data-src=`${endpoints.projects || endpoints.get.projects}`
            fields='name, members, captain, buttons'

            class-name='w25 cell border cell-with-name hashtag'
            class-members='w25 cell border'
            class-captain='w25 cell border cell-with-id-card'
            class-buttons='w25 cell border cell-with-buttons'

            widget-buttons="admin-project-buttons"
            action-buttons="buttons"

            widget-captain='hubl-project-captain'
            widget-members='hubl-project-admins'
          )

  #admin-project-create(hidden)
    include page-admin-projects-create.pug