{{#if theme.component}} {{d-icon "puzzle-piece" title="admin.customize.theme.component" }} {{/if}} {{theme.name}}

{{#if theme.installed}} {{i18n "admin.customize.theme.installed"}} {{else}} {{#if theme.preview}} {{d-icon "desktop"}} {{i18n "admin.customize.theme.preview"}} {{/if}} {{/if}}

              <CopyButton @selector="textarea.public-key-value" />
            </div>
          </div>
        {{/if}}
      </div>
    {{/if}}

    {{#if this.create}}
      <div class="inputs">
        <div class="label">{{i18n "admin.customize.theme.create_name"}}</div>
        <Input @value={{this.name}} placeholder={{this.placeholder}} />

        <div class="label">{{i18n "admin.customize.theme.create_type"}}</div>
        <ComboBox
          @valueProperty="value"
          @content={{this.createTypes}}
          @value={{this.selectedType}}
          @onChange={{action (mut this.selectedType)}}
        />
      </div>
    {{/if}}

    {{#if this.directRepoInstall}}
      <div class="repo">
        <div class="label">{{html-safe
            (i18n
              "admin.customize.theme.direct_install_tip" name=this.uploadName
            )
          }}</div>
        <pre><code>{{this.uploadUrl}}</code></pre>
      </div>
    {{/if}}
  </div>

</DModalBody>

{{#unless this.popular}}
  <div class="modal-footer">
    {{#if this.duplicateRemoteThemeWarning}}
      <div class="install-theme-warning">
        ⚠️
        {{this.duplicateRemoteThemeWarning}}
      </div>
    {{/if}}
    {{#if this.themeCannotBeInstalled}}
      <div class="install-theme-warning">
        ⚠️
        {{this.themeCannotBeInstalled}}
      </div>
    {{/if}}
    <DButton
      @action={{action "installTheme"}}
      @disabled={{this.installDisabled}}
      @class="btn {{if this.themeCannotBeInstalled 'btn-danger' 'btn-primary'}}"
      @label={{this.submitLabel}}
    />
    <DModalCancel @close={{route-action "closeModal"}} />
  </div>
{{/unless}}