$(() => {
  const updatescreen = () => {
    setTimeout(() => updatescreen(), 1000);
    recentUpdates();
  };
  updatescreen()
});

const webrequest = (handleData) => {
  const conf = JSON.parse(localStorage.getItem("_config"));
  $.ajax({
    type: "GET",
    url: `${location.href}src/services/acm.php?ramal=${conf.ramal}&document=${conf.company}`,
    headers: {
      Accept: "application/json",
      "Content-Type": "application/json",
    },
    success: handleData,
    error: function (err) {
      console.log(err);
    },
  });
};

const recentUpdates = () => {
  if (localStorage.getItem("_config")) {
    webrequest((response) => {
      if ($("#contentupdates").is(":hidden")) {
        $("#contentupdates").show();
      }

      $("#contentupdateschild").html('')
      if(response){
        response.forEach((el) => {
          $("#contentupdateschild").append(`<div class="d-flex text-muted pt-3">
              <svg class="bd-placeholder-img flex-shrink-0 me-2 rounded" width="32" height="32" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: 32x32" preserveAspectRatio="xMidYMid slice" focusable="false">
                  <rect width="100%" height="100%" fill="#6610f2"></rect>
              </svg>
              <p class="pb-3 mb-0 small lh-sm border-bottom">
                  <strong class="d-block text-gray-dark">STATUS CHAMADA</strong>
                  Session: ${el.session_call} | Telefone: ${el.phone_call} | Ramal: ${el.ramal_call} | Status: ${el.status_call} | Data: ${el.data_reg}
              </p>
          </div>`);
        });
      }
      localStorage.setItem("_dataUpdates", JSON.stringify(response));
    });
  } else {
    $("#contentupdates").hide();
  }
};