{{!
  Copyright (c) HashiCorp, Inc.
  SPDX-License-Identifier: MPL-2.0
}}

<Rose::Form
  @onSubmit={{@submit}}
  @cancel={{@cancel}}
  @disabled={{@model.isSaving}}
  @showEditToggle={{if @model.isNew false true}}
  as |form|
>

  <Hds::Form::TextInput::Field
    @value={{@model.type}}
    name='type'
    disabled={{true}}
    as |F|
  >
    <F.Label>{{t 'form.type.label'}}</F.Label>
  </Hds::Form::TextInput::Field>

  {{#if @model.external_name}}
    <Hds::Form::TextInput::Field
      @value={{@model.external_name}}
      @isInvalid={{@model.errors.external_name}}
      name='external_name'
      disabled={{true}}
      as |F|
    >
      <F.Label>{{t 'form.external_name.label'}}</F.Label>
      <F.HelperText>{{t 'form.external_name.help'}}</F.HelperText>
      {{#if @model.errors.external_name}}
        <F.Error as |E|>
          {{#each @model.errors.external_name as |error|}}
            <E.Message>{{error.message}}</E.Message>
          {{/each}}
        </F.Error>
      {{/if}}
    </Hds::Form::TextInput::Field>
  {{/if}}

  <Hds::Form::TextInput::Field
    @value={{@model.external_id}}
    @isInvalid={{@model.errors.external_id}}
    name='external_id'
    disabled={{true}}
    as |F|
  >
    <F.Label>{{t 'form.external_id.label'}}</F.Label>
    <F.HelperText>{{t 'form.external_id.help'}}</F.HelperText>
    {{#if @model.errors.external_id}}
      <F.Error as |E|>
        {{#each @model.errors.external_id as |error|}}
          <E.Message>{{error.message}}</E.Message>
        {{/each}}
      </F.Error>
    {{/if}}
  </Hds::Form::TextInput::Field>

  <Hds::Form::Textarea::Field
    @value={{@model.description}}
    @isInvalid={{@model.errors.description}}
    name='description'
    disabled={{true}}
    as |F|
  >
    <F.Label>{{t 'form.description.label'}}</F.Label>
    <F.HelperText>{{t 'form.description.help'}}</F.HelperText>
    {{#if @model.errors.description}}
      <F.Error as |E|>
        {{#each @model.errors.description as |error|}}
          <E.Message>{{error.message}}</E.Message>
        {{/each}}
      </F.Error>
    {{/if}}
  </Hds::Form::Textarea::Field>

  <InfoField
    @value={{t 'descriptions.provider'}}
    @icon='aws-color'
    disabled={{form.disabled}}
    as |F|
  >
    <F.Label>{{t 'titles.provider'}}</F.Label>
    <F.HelperText>
      {{t 'resources.host-catalog.types.aws'}}
    </F.HelperText>
  </InfoField>

  <Hds::Form::Fieldset as |F|>
    <F.Legend>{{t 'form.ip_addresses.label'}}</F.Legend>
    <F.HelperText>{{t 'form.ip_addresses.help'}} </F.HelperText>
    {{#each @model.ip_addresses as |ip_address|}}
      <F.Control>
        <Hds::Form::TextInput::Base
          @value={{ip_address}}
          disabled={{true}}
          @width='unset'
        />
      </F.Control>
    {{/each}}
  </Hds::Form::Fieldset>

  <Hds::Form::Fieldset as |F|>
    <F.Legend>{{t 'form.dns_names.label'}}</F.Legend>
    <F.HelperText>{{t 'form.dns_names.help'}} </F.HelperText>
    {{#each @model.dns_names as |dns_name|}}
      <F.Control>
        <Hds::Form::TextInput::Base
          @value={{dns_name}}
          disabled={{true}}
          @width='unset'
        />
      </F.Control>
    {{/each}}
  </Hds::Form::Fieldset>

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