var load_status = 0;
var elem_load = document.getElementById("progress_data_bar");
var span_current_load_step = document.getElementById("load_current_step");
var span_load_total_step = document.getElementById("load_total_step");
var span_load_total_records = document.getElementById("load_total_records");
var span_load_indicator_step = document.getElementById("load_indicator_step");

if(page != 'general'){
  init_load_data_status();
}else{
  elem_load.style.width = "100%";
}

var first_call = true;

function init_load_data_status() {
  var interval = setInterval(function () {
    if (load_status == 100 && first_call != true) {
      clearInterval(interval);
    } else {
      jQuery.ajax({
        timeout: 100000,
        type: "post",
        url: ajax_var_load_status.url,
        data:
          "action=" +
          ajax_var_load_status.action +
          "&nonce=" +
          ajax_var_load_status.nonce,
        success: function (response) {

          first_call = false;
        
          response = JSON.parse(response);

          span_load_total_records.innerHTML = response.data_loop.total;

          if(response.cache === true){
            span_load_indicator_step.innerHTML = ' (cache)'
          }else{
            span_load_total_step.innerHTML = response.data_loop.loops;
            span_current_load_step.innerHTML = response.data_loop.current_loop;
          }

          if (load_status != 100) {
            let current_porcent = response.porcent;
            elem_load.style.width = current_porcent + "%";
            load_status = current_porcent;
          } else {
            elem_load.style.width = 100 + "%";
          }

        },
        error: function (jqXHR, textStatus, errorThrown) {
          console.log("error");
          console.log(errorThrown);
          console.log(jqXHR.responseText);
        },
      });
    }
  }, 1000);
}