import {createFirstRow, createFirstRowOcc, createRow} from "./createTable.js"
import {createPagination} from './pagination.js'
import {createOccRow} from './createTable.js'
import {createPage} from './createSingleContext.js'

export let arrayResponse = [];

export function processData(response){
    console.log(response);
    $("#loader").css("display", "none");
    if(response.length==0){
        alert('No results!')
    }
    else {
      arrayResponse = response;
      var keys = Object.keys(response[0]);
      createFirstRow(keys);
      var ll = response.length;
      for (var i=0; i<ll; i++) {
        let newRow = response[i];
        createRow(i, newRow);
      }
    }
}

export function processOccData(response){
  console.log(response);
  $("#loader").css("display", "none");
  if(response.length==0){
      alert('No results!')
  }
  else {
    arrayResponse = response;
    var keys = Object.keys(response[0]);
    createFirstRowOcc(keys);
    var ll = response.length;
    let pags = Math.floor(ll / 5);
    let extraP = ll % 5;
    if (extraP != 0) {
      pags = pags + 1;
    }
    let pp = 4;
    let ref = 1;

    createPagination(pags);

    for (var j=1; j<pags+1; j++) {
      var newDiv = document.createElement('div');
      newDiv.id = "pag_" + j;
      newDiv.className = "page";
      $("#result").append(newDiv)
    }
    

    for (var i=0; i<ll; i++) {
      if (i >= pp) {
        pp = pp + 5;
        ref = ref + 1;
      } else {
        pp = pp;
      }
      let newRow = response[i];

      createOccRow(i, newRow, ref);
    }
  }
}

export function processSingleContext(response){
  if(response.length==0){
      alert('No results!')
  }
  else {
    console.log(response);
    createPage(response[0]);
  }
}