<section class="bl-backup">
  {{#if hasScene}}
    <p class="bl-backup-scene"><i class="fas fa-clock-rotate-left"></i> <strong>{{sceneName}}</strong></p>
    <p class="bl-muted bl-backup-hint">{{localize "BL.BackupRestoreHint"}}</p>
    <div class="bl-backup-actions">
      <button type="button" data-action="create"><i class="fas fa-clone"></i> {{localize "BL.BackupCreate"}}</button>
    </div>
    {{#if count}}
      <table class="bl-backup-table">
        <thead><tr><th>{{localize "BL.BackupWhen"}}</th><th>{{localize "BL.BackupName"}}</th><th></th></tr></thead>
        <tbody>
          {{#each backups}}
            <tr>
              <td class="bl-backup-when">{{atLabel}}</td>
              <td class="bl-backup-name" data-tooltip="{{name}}">{{name}}</td>
              <td class="bl-backup-row-actions">
                <button type="button" data-action="restore" data-id="{{id}}" data-tooltip="{{localize 'BL.RestoreTip'}}"><i class="fas fa-clock-rotate-left"></i> {{localize "BL.Restore"}}</button>
                <button type="button" data-action="remove" data-id="{{id}}" data-tooltip="{{localize 'BL.BackupDeleteTip'}}"><i class="fas fa-trash"></i></button>
              </td>
            </tr>
          {{/each}}
        </tbody>
      </table>
    {{else}}
      <p class="bl-muted">{{localize "BL.BackupNone"}}</p>
    {{/if}}
  {{else}}
    <p class="bl-muted">{{localize "BL.NoScene"}}</p>
  {{/if}}
</section>
