{{#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>
          {{else}}
            {{#if this.privateChecked}}
              <div class="public-key-note">{{i18n "admin.customize.theme.public_key_note"}}</div>
            {{/if}}
          {{/if}}
        {{/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}}
    <DButton @action={{action "installTheme"}} @disabled={{this.installDisabled}} @class="btn btn-primary" @label={{this.submitLabel}} />
    <DModalCancel @close={{route-action "closeModal"}} />
  </div>
{{/unless}}