#login(data-view="login", hidden).segment.full.bg-color-secondary.text-center.index-community.loggedIn
  .segment.half.sm-full.bg-color-white.text-center
    .segment.half.sm-full
      div.community-logo
        img(src=`${client.logo || '/images/logo.webp'}` style='max-width:100%;max-height:100%;')
      p.text-xlarge.text-semibold.margin-top-xxlarge.line-xlarge(data-trans="communities.index.youKnow")
      button.segment.full.sm-three-quarter.button.text-xsmall.text-bold.text-uppercase.color-secondary.bordered.padding-bottom.xlarge.padding-top.xlarge.community-button#loginButton(
        data-trans="communities.index.login"
      )
      p.text-xlarge.text-semibold.margin-top-xxlarge.line-xlarge(data-trans="communities.index.newUser")
      solid-widget(name='orbit-index-community-logo')
        template ${value != "" ? `<div class="community-button-flexed"><img src="${value}" style="max-width:100%;max-height:80px" class="padding-xsmall" /></div>` : ""}
      solid-widget(name='orbit-index-community-text')
        template
          .community-button-flexed-large.whitespace-normal
            span(data-trans="communities.index.createAccount")
            span &nbsp;
            span ${value}
      solid-widget(name='orbit-index-select-community')
        template
          solid-link.segment.full.sm-three-quarter.button.text-xsmall.text-bold.text-uppercase.color-secondary.bordered.padding-bottom.xlarge.padding-top.xlarge.margin-top-xsmall.community-button.community-button-flex-container(
            next='join-community'
            data-src='${src}'
          )
            solid-display(
              data-src='${src}'
              fields='logo, name'
              widget-logo='orbit-index-community-logo'
              widget-name='orbit-index-community-text'
            )
      if getComponent('registering').endpoints.get
        div.loader#orbit-index-community-selector-loader
          div
          div
          div
          div
        solid-display.community-flex-container(
          data-src=`${getComponent('registering').endpoints.get}`
          fields='action'
          action-action='action'
          widget-action='orbit-index-select-community'
          loader-id='orbit-index-community-selector-loader'
          order-asc='name'
          empty-widget='orbit-auto-login'
          id='orbit-index-community-selector'
        )

#join-community(data-view="join-community", hidden, no-render).segment.full.bg-color-secondary.text-center.index-community.loggedIn
  .segment.half.sm-full.bg-color-white.text-center
    .segment.half.sm-full
      solid-widget(name="orbit-index-community-join-logo")
        template
          img(src="${value}" style="max-width:100%;max-height:100%;")
      solid-display(
        bind-resources
        fields="logo"
        widget-logo="orbit-index-community-join-logo"
        class-logo='community-logo'
        default-logo=`${client.logo || '/images/logo.webp'}`
      )
      solid-widget(name='orbit-input-type-email')
        template
          label ${label}
          input(
            type="email"
            name="user.email"
            required
            data-holder
          )
      solid-form.segment.full.padding-top-xlarge.padding-very-xxlarge.sm-padding-xsmall.sm-padding-top-medium.whitespace-normal.form(
        bind-resources
        nested-field='members'
        fields='user.first_name, user.last_name, user.email, user.username, user.password'
        label-user.first_name=''
        label-user.last_name=''
        label-user.email=''
        label-user.password=''
        data-trans='label-user.password=communities.index.password;label-user.email=communities.index.email;label-user.last_name=communities.index.last_name;label-user.first_name=communities.index.first_name;submit-button=communities.index.formCreateAccount'
        widget-user.first_name='solid-form-text-label'
        widget-user.last_name='solid-form-text-label'
        widget-user.email='orbit-input-type-email'
        widget-user.password='solid-form-password-label'
        widget-user.username='solid-form-hidden'
        class-user.first_name='segment margin-bottom-medium full padding-left-small sm-padding-none text-large text-left'
        class-user.last_name='segment margin-bottom-medium full padding-left-small sm-padding-none text-large text-left'
        class-user.email='segment margin-bottom-medium full padding-left-small sm-padding-none text-large text-left'
        class-user.password='segment margin-bottom-medium full padding-left-small sm-padding-none text-large text-left'
        required-user.first_name
        required-user.last_name
        required-user.email
        required-user.password
        minlength-user.first_name='1'
        minlength-user.last_name='1'
        value-user.username='generate-an-username'
        submit-button=''
        submit-widget="button"
        id='user-creation-form'
        next=getRoute('dashboard', true)
      )