<: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}}
      </ConditionalLoadingSection>
    </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>