<Rose::Form
  @onSubmit={{@submit}}
  @cancel={{@cancel}}
  @disabled={{@model.isSaving}}
  @error={{@model.errors.base}}
  @showEditToggle={{if @model.isNew false true}}
  as |form|
>
  <form.input
    @value={{@model.type}}
    @label={{t 'form.type.label'}}
    readonly={{true}}
    @disabled={{true}}
  />

  <form.input
    @name='name'
    @type='text'
    @value={{@model.name}}
    @label={{t 'form.name.label'}}
    @helperText={{t 'form.name.help'}}
    @error={{@model.errors.name}}
    readonly={{false}}
    as |field|
  >
    {{#if @model.errors.name}}
      <field.errors as |errors|>
        {{#each @model.errors.name as |error|}}
          <errors.message>{{error.message}}</errors.message>
        {{/each}}
      </field.errors>
    {{/if}}
  </form.input>

  <form.textarea
    @name='description'
    @type='text'
    @value={{@model.description}}
    @label={{t 'form.description.label'}}
    @helperText={{t 'form.description.help'}}
    @error={{@model.errors.description}}
    disabled={{@model.isSaving}}
    readonly={{false}}
    as |field|
  >
    {{#if @model.errors.description}}
      <field.errors as |errors|>
        {{#each @model.errors.description as |error|}}
          <errors.message>{{error.message}}</errors.message>
        {{/each}}
      </field.errors>
    {{/if}}
  </form.textarea>

  <form.input
    @name='issuer'
    @type='text'
    @value={{@model.attributes.issuer}}
    @label={{t 'form.issuer.label'}}
    @helperText={{t 'form.issuer.help'}}
    @error={{@model.errors.attributes.issuer}}
    readonly={{false}}
    as |field|
  >
    {{#if @model.errors.attributes.issuer}}
      <field.errors as |errors|>
        {{#each @model.errors.attributes.issuer as |error|}}
          <errors.message>{{error.message}}</errors.message>
        {{/each}}
      </field.errors>
    {{/if}}
  </form.input>

  <form.checkbox
    @label={{t 'form.disable_discovered_config_validation.label'}}
    @helperText={{t 'form.disable_discovered_config_validation.help'}}
    @checked={{@model.attributes.disable_discovered_config_validation}}
    onChange={{fn
      (mut @model.attributes.disable_discovered_config_validation)
      (if @model.attributes.disable_discovered_config_validation false true)
    }}
  />

  <form.input
    @name='client_id'
    @type='text'
    @value={{@model.attributes.client_id}}
    @label={{t 'form.client_id.label'}}
    @helperText={{t 'form.client_id.help'}}
    @error={{@model.errors.attributes.client_id}}
    readonly={{false}}
    as |field|
  >
    {{#if @model.errors.attributes.client_id}}
      <field.errors as |errors|>
        {{#each @model.errors.attributes.client_id as |error|}}
          <errors.message>{{error.message}}</errors.message>
        {{/each}}
      </field.errors>
    {{/if}}
  </form.input>

  <form.input
    @name='client_secret'
    @type='password'
    @value={{@model.attributes.client_secret}}
    @label={{t 'form.client_secret.label'}}
    @helperText={{t 'form.client_secret.help'}}
    @error={{@model.errors.attributes.client_secret}}
    readonly={{false}}
    as |field|
  >
    {{#if @model.errors.attributes.client_secret}}
      <field.errors as |errors|>
        {{#each @model.errors.attributes.client_secret as |error|}}
          <errors.message>{{error.message}}</errors.message>
        {{/each}}
      </field.errors>
    {{/if}}
  </form.input>

  {{! Signing Algorithms }}
  <Rose::Form::Fieldset>
    <:title>{{t 'form.signing_algorithms.label'}}</:title>
    <:description>{{t 'form.signing_algorithms.help'}}</:description>
    <:body>
      <Rose::Table @style="condensed" as |table|>
        <table.header as |header|>
          <header.row @hidden={{true}} as |row|>
            <row.headerCell>{{t 'titles.value'}}</row.headerCell>
            <row.headerCell>{{t 'titles.actions'}}</row.headerCell>
          </header.row>
        </table.header>
        <table.body as |body|>
          {{#each @model.attributes.signing_algorithms as |algorithm i|}}
            <body.row as |row|>
              <row.cell>
                <form.select
                  @value={{algorithm.value}}
                  @error={{@model.errors.attributes.signing_algorithms}}
                  @contextual={{true}}
                  @onChange={{fn (mut algorithm.value)}}
                as |field|>
                  <field.label>{{t 'form.algorithm.label'}}</field.label>
                  <field.field as |select|>
                    {{#each this.signingAlgorithms as |algorithm|}}
                      <select.option @value={{algorithm}}>{{algorithm}}</select.option>
                    {{/each}}
                  </field.field>
                  {{#if @model.errors.attributes.signing_algorithms}}
                    <field.errors as |errors|>
                      {{#each @model.errors.attributes.signing_algorithms as |error|}}
                        <errors.message>{{error.message}}</errors.message>
                      {{/each}}
                    </field.errors>
                  {{/if}}
                </form.select>
              </row.cell>
              <row.cell @shrink={{true}}>
                <Rose::Button
                  @style='secondary'
                  @iconOnly='trash'
                  title={{t 'actions.remove'}}
                >
                  {{t 'actions.remove'}}
                </Rose::Button>
              </row.cell>
            </body.row>
          {{/each}}
        </table.body>
      </Rose::Table>
    </:body>
  </Rose::Form::Fieldset>

  {{! Certificates }}
  <Rose::Form::Fieldset>
    <:title>{{t 'form.idp_ca_certs.label'}}</:title>
    <:description>{{t 'form.idp_ca_certs.help'}}</:description>
    <:body>
      <Rose::Table @style="condensed" as |table|>
        <table.header as |header|>
          <header.row @hidden={{true}} as |row|>
            <row.headerCell>{{t 'titles.value'}}</row.headerCell>
            <row.headerCell>{{t 'titles.actions'}}</row.headerCell>
          </header.row>
        </table.header>
        <table.body as |body|>
          {{#each @model.attributes.idp_ca_certs as |cert i|}}
            <body.row as |row|>
              <row.cell>
                <form.textarea
                  @value={{cert.value}}
                  @error={{@model.errors.attributes.idp_ca_certs}}
                  @contextual={{true}}
                as |field|>
                  <field.label>{{t 'form.certificate.label'}}</field.label>
                  <field.field />
                  {{#if @model.errors.attributes.idp_ca_certs}}
                    <field.errors as |errors|>
                      {{#each @model.errors.attributes.idp_ca_certs as |error|}}
                        <errors.message>{{error.message}}</errors.message>
                      {{/each}}
                    </field.errors>
                  {{/if}}
                </form.textarea>
              </row.cell>
              <row.cell @shrink={{true}}>
                <Rose::Button
                  @style='secondary'
                  @iconOnly='trash'
                  title={{t 'actions.remove'}}
                >
                  {{t 'actions.remove'}}
                </Rose::Button>
              </row.cell>
            </body.row>
          {{/each}}
        </table.body>
      </Rose::Table>
    </:body>
  </Rose::Form::Fieldset>

  {{! Allowed Audiences }}
  <Rose::Form::Fieldset>
    <:title>{{t 'form.allowed_audiences.label'}}</:title>
    <:description>{{t 'form.allowed_audiences.help'}}</:description>
    <:body>
      <Rose::Table @style="condensed" as |table|>
        <table.header as |header|>
          <header.row @hidden={{true}} as |row|>
            <row.headerCell>{{t 'titles.value'}}</row.headerCell>
            <row.headerCell>{{t 'titles.actions'}}</row.headerCell>
          </header.row>
        </table.header>
        <table.body as |body|>
          {{#each @model.attributes.allowed_audiences as |audience i|}}
            <body.row as |row|>
              <row.cell>
                <form.input
                  @type='text'
                  @value={{audience.value}}
                  @error={{@model.errors.attributes.allowed_audiences}}
                  @contextual={{true}}
                as |field|>
                  <field.label>{{t 'form.claim.label'}}</field.label>
                  <field.field />
                  {{#if @model.errors.attributes.allowed_audiences}}
                    <field.errors as |errors|>
                      {{#each @model.errors.attributes.allowed_audiences as |error|}}
                        <errors.message>{{error.message}}</errors.message>
                      {{/each}}
                    </field.errors>
                  {{/if}}
                </form.input>
              </row.cell>
              <row.cell @shrink={{true}}>
                <Rose::Button
                  @style='secondary'
                  @iconOnly='trash'
                  title={{t 'actions.remove'}}
                >
                  {{t 'actions.remove'}}
                </Rose::Button>
              </row.cell>
            </body.row>
          {{/each}}
        </table.body>
      </Rose::Table>
    </:body>
  </Rose::Form::Fieldset>

  {{! Claims Scopes }}
  <Rose::Form::Fieldset>
    <:title>{{t 'form.claims_scopes.label'}}</:title>
    <:description>{{t 'form.claims_scopes.help'}}</:description>
    <:body>
      <Rose::Table @style="condensed" as |table|>
        <table.header as |header|>
          <header.row @hidden={{true}} as |row|>
            <row.headerCell>{{t 'titles.value'}}</row.headerCell>
            <row.headerCell></row.headerCell>
          </header.row>
        </table.header>
        <table.body as |body|>
          {{#each @model.attributes.claims_scopes as |claimsScope i|}}
            <body.row as |row|>
              <row.cell>
                <form.input
                  @type='text'
                  @value={{claimsScope.value}}
                  @error={{@model.errors.attributes.claims_scopes}}

                as |field|>
                  <field.label>{{t 'form.claims_scope.label'}}</field.label>
                  <field.field />
                  {{#if @model.errors.attributes.claims_scopes}}
                    <field.errors as |errors|>
                      {{#each @model.errors.attributes.claims_scopes as |error|}}
                        <errors.message>{{error.message}}</errors.message>
                      {{/each}}
                    </field.errors>
                  {{/if}}
                </form.input>
              </row.cell>
              <row.cell @shrink={{true}}>
                <Rose::Button
                  @style='secondary'
                  @iconOnly='trash'
                  title={{t 'actions.remove'}}
                >
                  {{t 'actions.remove'}}
                </Rose::Button>
              </row.cell>
            </body.row>
          {{/each}}
        </table.body>
      </Rose::Table>
    </:body>
  </Rose::Form::Fieldset>

  {{! Account Claim Maps }}
  <Rose::Form::Fieldset>
    <:title>{{t 'form.account_claim_maps.label'}}</:title>
    <:description>{{t 'form.account_claim_maps.help'}}</:description>
    <:body>
      <Rose::Table @style="condensed" as |table|>
        <table.header as |header|>
          <header.row as |row|>
            <row.headerCell>{{t 'form.from_claim.label'}}</row.headerCell>
            <row.headerCell>{{t 'form.to_claim.label'}}</row.headerCell>
            <row.headerCell>{{t 'titles.actions'}}</row.headerCell>
          </header.row>
        </table.header>
        <table.body as |body|>
          {{#each @model.attributes.account_claim_maps as |claimMap i|}}
            <body.row as |row|>
              <row.cell>
                <form.input
                  @type='text'
                  @value={{claimMap.from}}
                  @error={{@model.errors.attributes.account_claim_maps}}
                  @contextual={{true}}
                as |field|>
                  <field.label>{{t 'form.from_claim.label'}}</field.label>
                  <field.field />
                  {{#if @model.errors.attributes.account_claim_maps}}
                    <field.errors as |errors|>
                      {{#each @model.errors.attributes.account_claim_maps as |error|}}
                        <errors.message>{{error.message}}</errors.message>
                      {{/each}}
                    </field.errors>
                  {{/if}}
                </form.input>
              </row.cell>
              <row.cell>
                <form.select
                  @value={{claimMap.to}}
                  @error={{@model.errors.attributes.account_claim_maps}}
                  @contextual={{true}}
                  @onChange={{fn (mut claimMap.to)}}
                as |field|>
                  <field.label>{{t 'form.to_claim.label'}}</field.label>
                  <field.field as |select|>
                    {{#each this.toClaims as |toClaim|}}
                      <select.option @value={{toClaim}}>{{toClaim}}</select.option>
                    {{/each}}
                  </field.field>
                  {{#if @model.errors.attributes.account_claim_maps}}
                    <field.errors as |errors|>
                      {{#each @model.errors.attributes.account_claim_maps as |error|}}
                        <errors.message>{{error.message}}</errors.message>
                      {{/each}}
                    </field.errors>
                  {{/if}}
                </form.select>
              </row.cell>
              <row.cell @shrink={{true}}>
                <Rose::Button
                  @style='secondary'
                  @iconOnly='trash'
                  title={{t 'actions.remove'}}
                >
                  {{t 'actions.remove'}}
                </Rose::Button>
              </row.cell>
            </body.row>
          {{/each}}
        </table.body>
      </Rose::Table>
    </:body>
  </Rose::Form::Fieldset>

  <form.input
    @name='max_age'
    @type='number'
    @value={{@model.attributes.max_age}}
    @label={{t 'form.max_age.label'}}
    @helperText={{t 'form.max_age.help'}}
    @error={{@model.errors.attributes.max_age}}
    readonly={{false}}
    step='1'
    min='0'
    as |field|
  >
    {{#if @model.errors.attributes.max_age}}
      <field.errors as |errors|>
        {{#each @model.errors.attributes.max_age as |error|}}
          <errors.message>{{error.message}}</errors.message>
        {{/each}}
      </field.errors>
    {{/if}}
  </form.input>

  <form.input
    @name='api_url_prefix'
    @type='test'
    @value={{@model.attributes.api_url_prefix}}
    @label={{t 'form.api_url_prefix.label'}}
    @helperText={{t 'form.api_url_prefix.help'}}
    @error={{@model.errors.attributes.api_url_prefix}}
    readonly={{false}}
    as |field|
  >
    {{#if @model.errors.attributes.api_url_prefix}}
      <field.errors as |errors|>
        {{#each @model.errors.attributes.api_url_prefix as |error|}}
          <errors.message>{{error.message}}</errors.message>
        {{/each}}
      </field.errors>
    {{/if}}
  </form.input>

  <form.actions
    @disabled={{if @model.cannotSave @model.cannotSave}}
    @enableEditText={{t 'actions.edit-form'}}
    @submitText={{t 'actions.save'}}
    @cancelText={{t 'actions.cancel'}}
  />
</Rose::Form>