<DModalBody @title="chat.channel_edit_name_slug_modal.title">
  <div class="edit-channel-control">
    <label for="channel-name" class="edit-channel-label">
      {{i18n "chat.channel_edit_name_slug_modal.name"}}
    </label>
    <Input
      name="channel-name"
      class="chat-channel-edit-name-slug-modal__name-input"
      placeholder={{i18n "chat.channel_edit_name_slug_modal.input_placeholder"}}
      @type="text"
      @value={{this.editedName}}
      {{on "input" (action "onChangeChatChannelName" value="target.value")}}
    />
  </div>

  <div class="edit-channel-control">
    <label for="channel-slug" class="edit-channel-label">
      {{i18n "chat.channel_edit_name_slug_modal.slug"}}&nbsp;
      <span>
        {{d-icon "info-circle"}}
        <DTooltip>{{i18n
            "chat.channel_edit_name_slug_modal.slug_description"
          }}</DTooltip>
      </span>
    </label>
    <Input
      name="channel-slug"
      class="chat-channel-edit-name-slug-modal__slug-input"
      placeholder={{this.autoGeneratedSlug}}
      {{on "input" (action "onChangeChatChannelSlug" value="target.value")}}
      @type="text"
      @value={{this.editedSlug}}
    />
  </div>
</DModalBody>

<div class="modal-footer">
  <DButton
    @class="btn-primary create"
    @action={{action "onSaveChatChannelName"}}
    @label="save"
    @disabled={{this.isSaveDisabled}}
  />
  <DModalCancel @close={{route-action "closeModal"}} />
</div>