<:body> {{#unless this.directRepoInstall}}

{{#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={{this.updateSelectedType}}
          />
        </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>
  </:body>
  <:footer>
    {{#unless this.popular}}
      {{#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={{this.installTheme}}
        @disabled={{this.installDisabled}}
        class="btn
          {{if this.themeCannotBeInstalled 'btn-danger' 'btn-primary'}}"
        @label={{this.submitLabel}}
      />
      <DButton
        class="btn-flat d-modal-cancel"
        @action={{@closeModal}}
        @label="cancel"
      />
    {{/unless}}
  </:footer>
</DModal>