{{page-title (t 'actions.authenticate')}}

<Rose::Layout::Centered>
  <Rose::Layout::Page as |page|>

    <page.body>

      <Rose::Frame>
        <:header>
          <h2>{{t 'actions.authenticate'}}</h2>
        </:header>
        <:body>
          <p>{{t
              'auth.descriptions.authenticating-with-org'
              name=@model.scope.displayName
            }}</p>
          <Rose::Dropdown
            @text={{t 'actions.choose-different-org'}}
            @icon='flight-icons/svg/org-16'
            as |dropdown|
          >
            <dropdown.link @route='scopes.scope.authenticate' @model='global'>
              {{t 'titles.global'}}
            </dropdown.link>
            {{#each this.sortedScopes as |scope|}}
              <dropdown.link
                @route='scopes.scope.authenticate'
                @model={{scope.id}}
              >
                {{scope.displayName}}
              </dropdown.link>
            {{/each}}
          </Rose::Dropdown>

          <Rose::Separator />

          <Rose::Nav::Tabs as |nav|>
            {{#if (feature-flag 'oidc')}}
              {{! OIDC enable:  list all auth methods }}
              {{#each @model.authMethods as |authMethod|}}
                <nav.link
                  @route='scopes.scope.authenticate.method'
                  @model={{authMethod.id}}
                >
                  {{#if authMethod.name}}
                    {{authMethod.name}}
                  {{else}}
                    {{t
                      (concat 'resources.auth-method.types.' authMethod.type)
                    }}
                  {{/if}}
                </nav.link>
              {{/each}}
            {{else}}
              {{! OIDC disabled:  filter out OIDC auth methods}}
              {{#each @model.authMethods as |authMethod|}}
                {{#unless authMethod.isOIDC}}
                  <nav.link
                    @route='scopes.scope.authenticate.method'
                    @model={{authMethod.id}}
                  >
                    {{#if authMethod.name}}
                      {{authMethod.name}}
                    {{else}}
                      {{t
                        (concat 'resources.auth-method.types.' authMethod.type)
                      }}
                    {{/if}}
                  </nav.link>
                {{/unless}}
              {{/each}}
            {{/if}}
          </Rose::Nav::Tabs>

          {{#if @model.authMethods}}
            {{outlet}}
          {{/if}}
          {{#unless @model.authMethods}}
            <Rose::Layout::Centered>
              <Rose::Message
                @title={{t 'resources.auth-method.messages.none.title'}}
                @icon='flight-icons/svg/alert-circle-16'
                as |message|
              >
                <message.description>
                  {{t 'resources.auth-method.messages.none.description'}}
                </message.description>
              </Rose::Message>
            </Rose::Layout::Centered>
          {{/unless}}
        </:body>
      </Rose::Frame>
    </page.body>

  </Rose::Layout::Page>
</Rose::Layout::Centered>