<div class="backup-options">
  {{#if this.localBackupStorage}}
    <UppyBackupUploader
      @done={{route-action "uploadSuccess"}}
      @localBackupStorage={{this.localBackupStorage}}
    />
  {{else}}
    <UppyBackupUploader @done={{route-action "remoteUploadSuccess"}} />
  {{/if}}

  {{#if this.site.isReadOnly}}
    <DButton
      @class="btn-default"
      @icon="far-eye"
      @action={{action "toggleReadOnlyMode"}}
      @disabled={{this.status.isOperationRunning}}
      @title="admin.backups.read_only.disable.title"
      @label="admin.backups.read_only.disable.label"
    />
  {{else}}
    <DButton
      @class="btn-default"
      @icon="far-eye"
      @action={{action "toggleReadOnlyMode"}}
      @disabled={{this.status.isOperationRunning}}
      @title="admin.backups.read_only.enable.title"
      @label="admin.backups.read_only.enable.label"
    />
  {{/if}}
  <div class="backup-message">
    {{#if this.status.restoreDisabled}}
      <a href="site_settings/category/all_results?filter=allow_restore">{{d-icon
          "info-circle"
        }}
        {{i18n "admin.backups.operations.restore.is_disabled"}}</a>
    {{/if}}
  </div>
</div>
<table class="grid">
  <thead>
    <th width="55%">{{i18n "admin.backups.columns.filename"}}</th>
    <th width="10%">{{i18n "admin.backups.columns.size"}}</th>
    <th></th>
  </thead>
  <tbody>
    {{#each this.model as |backup|}}
      <tr>
        <td class="backup-filename">{{backup.filename}}</td>
        <td class="backup-size">{{human-size backup.size}}</td>
        <td class="backup-controls">
          <div>
            <DButton
              @class="btn-default download"
              @action={{action "download"}}
              @actionParam={{backup}}
              @icon="download"
              @title="admin.backups.operations.download.title"
              @label="admin.backups.operations.download.label"
            />
            {{#if this.status.isOperationRunning}}
              <DButton
                @icon="far-trash-alt"
                @action={{route-action "destroyBackup"}}
                @actionParam={{backup}}
                @class="btn-danger"
                @disabled="true"
                @title="admin.backups.operations.is_running"
              />
              <DButton
                @icon="play"
                @action={{route-action "startRestore"}}
                @actionParam={{backup}}
                @disabled={{this.status.restoreDisabled}}
                @class="btn-default"
                @title={{this.restoreTitle}}
                @label="admin.backups.operations.restore.label"
              />
            {{else}}
              <DButton
                @icon="far-trash-alt"
                @action={{route-action "destroyBackup"}}
                @actionParam={{backup}}
                @class="btn-danger"
                @title="admin.backups.operations.destroy.title"
              />
              <DButton
                @icon="play"
                @action={{route-action "startRestore"}}
                @actionParam={{backup}}
                @disabled={{this.status.restoreDisabled}}
                @class="btn-default btn-restore"
                @title={{this.restoreTitle}}
                @label="admin.backups.operations.restore.label"
              />
            {{/if}}
          </div>
        </td>
      </tr>
    {{else}}
      <tr>
        <td>{{i18n "admin.backups.none"}}</td>
        <td></td>
        <td></td>
      </tr>
    {{/each}}
  </tbody>
</table>