jQuery(function($){
  const ajax = WSBR.ajax, nonce = WSBR.nonce;
  function post(data){ data.nonce=nonce; return $.post(ajax,data); }
  function esc(s){ return $('<div>').text(s||'').html(); }
  function loadBackups(){
    const box=$('#wsbr-backups'); if(!box.length)return;
    box.html('<div class="wsbr-loading">Loading backups…</div>');
    post({action:'wsbr_list_backups'}).done(function(r){
      if(!r.success){box.html('<div class="wsbr-empty">'+esc(r.data.message)+'</div>');return;}
      if(!r.data.backups.length){box.html('<div class="wsbr-empty">No server backups found.</div>');return;}
      let html='<div class="wsbr-table"><div class="wsbr-tr wsbr-th"><span>Backup</span><span>Size</span><span>Date</span><span>Actions</span></div>';
      r.data.backups.forEach(function(b){
        html+='<div class="wsbr-tr"><span class="wsbr-name">'+esc(b.name)+'</span><span>'+esc(b.size)+'</span><span>'+esc(b.date)+'</span><span class="wsbr-actions"><a class="button button-small" href="'+ajax+'&action=wsbr_download_backup&file='+encodeURIComponent(b.name)+'&_wpnonce='+encodeURIComponent(b.nonce)+'">Download</a> <button class="button button-small wsbr-restore" data-name="'+esc(b.name)+'">Restore</button> <button class="button button-small wsbr-delete" data-name="'+esc(b.name)+'">Delete</button></span></div>';
      });
      html+='</div>'; box.html(html);
    });
  }
  function createBackup(){
    const status=$('#wsbr-status'), bar=$('#wsbr-progress-bar'), btn=$('#wsbr-create');
    btn.prop('disabled',true); bar.css('width','0%'); status.text('Preparing backup list…');
    post({action:'wsbr_prepare_backup'}).done(function(r){
      if(!r.success){status.text((r && r.data && r.data.message) ? r.data.message : 'Backup could not be started.');btn.prop('disabled',false);return;}
      const id=r.data.id; status.text('Backing up 0 of '+r.data.total+' files…');
      function batch(){
        post({action:'wsbr_backup_batch',id:id}).done(function(x){
          if(!x.success){status.text((x && x.data && x.data.message) ? x.data.message : 'Backup failed.');btn.prop('disabled',false);return;}
          bar.css('width',(typeof x.data.progress !== 'undefined' ? x.data.progress : 0)+'%');
          if(x.data.done){status.text('Backup completed: '+x.data.name+' ('+x.data.size+')');btn.prop('disabled',false);loadBackups();}
          else {status.text('Backing up '+x.data.processed+' of '+x.data.total+' files…'); setTimeout(batch,50);}
        }).fail(function(){status.text('A server error interrupted the backup.');btn.prop('disabled',false);});
      } batch();
    });
  }
  $(document).on('click','#wsbr-create',createBackup);
  $(document).on('click','#wsbr-refresh',function(e){e.preventDefault();loadBackups();});
  $(document).on('click','.wsbr-delete',function(){
    if(!confirm(WSBR.i18n.confirmDelete))return;
    const name=$(this).data('name');
    post({action:'wsbr_delete_backup',name:name}).done(function(r){if(r.success)loadBackups();else alert(r.data.message);});
  });
  $(document).on('click','.wsbr-restore',function(){
    if(!confirm(WSBR.i18n.confirmRestore))return;
    const name=$(this).data('name');
    const row=$(this).closest('.wsbr-tr');
    if(!$('#wsbr-restore-progress').length){
      $('.wsbr-card').first().before('<div class=\"wsbr-card\" id=\"wsbr-restore-progress\"><div class=\"wsbr-card-head\"><h2>Restore Progress</h2><span id=\"wsbr-restore-percent\">0%</span></div><div class=\"wsbr-progress\"><span id=\"wsbr-restore-bar\"></span></div><div class=\"wsbr-status\" id=\"wsbr-restore-status\">Preparing restore…</div></div>');
    }
    const bar=$('#wsbr-restore-bar'), pct=$('#wsbr-restore-percent'), status=$('#wsbr-restore-status');
    row.find('button').prop('disabled',true); bar.css('width','0%'); pct.text('0%'); status.text('Preparing restore…');
    post({action:'wsbr_prepare_restore',name:name}).done(function(r){
      if(!r || !r.success){status.text((r && r.data && r.data.message) ? r.data.message : 'Unable to prepare the restore. Please try again.');row.find('button').prop('disabled',false);return;}
      const id=r.data.id;
      function batch(){
        post({action:'wsbr_restore_batch',id:id}).done(function(x){
          if(!x || !x.success){status.text((x && x.data && x.data.message) ? x.data.message : 'Restore failed. Please check the browser console/server error log.');row.find('button').prop('disabled',false);return;}
          const progress=Number((typeof x.data.progress !== 'undefined' ? x.data.progress : 0)||0); bar.css('width',progress+'%'); pct.text(progress.toFixed(1)+'%'); status.text(x.data.message||'Restoring…');
          if(x.data.done){bar.css('width','100%');pct.text('100%');status.text((x && x.data && x.data.message) ? x.data.message : 'Restore completed.');row.find('button').prop('disabled',false);}
          else setTimeout(batch,80);
        }).fail(function(xhr){var msg='A server error interrupted the restore.'; if(xhr.responseJSON && xhr.responseJSON.data && xhr.responseJSON.data.message) msg=xhr.responseJSON.data.message; status.text(msg);row.find('button').prop('disabled',false);});
      } batch();
    });
  });
  $('#wsbr-s3-test').on('click',function(){
    post({action:'wsbr_s3_test',bucket:$('#wsbr-s3-bucket').val(),region:$('#wsbr-s3-region').val(),access_key:$('#wsbr-s3-access').val(),secret_key:$('#wsbr-s3-secret').val()}).done(function(r){$('#wsbr-s3-message').html('<p class="'+(r.success?'wsbr-ok':'wsbr-error')+'">'+esc(r.data.message)+'</p>');});
  });
  $('#wsbr-settings').on('submit',function(e){e.preventDefault();post({action:'wsbr_save_settings',batch_size:$('[name=batch_size]',this).val()}).done(function(r){$('#wsbr-settings-message').text(r.data.message);});});
  loadBackups();
});