import {getFormattedContext} from './format.js'

export function createPage(elem) {

    $("#single-context-box").css("display", "block");
  
    var contesto = elem["contesto"];
    var titolo_abbreviato = "";
    var rif_organico = "";
    var tipo_stanza = "";
    var stanza = "";
    var verso = "";
    var pag = "";
    var riga = "";
  
    var autore = "";
    var titolo = "";
    var data_descr = "";
    var area_gen = "";
    var area_spec = "";
    var genere = "";
    var curatore = "";
    var sigla = "";
  
    var note = "";
    var testo_associato = "";
  
    console.log(elem);
  
    if (elem.hasOwnProperty('Titolo Abbreviato')) {
      titolo_abbreviato = elem["Titolo Abbreviato"];
    }
    if (elem.hasOwnProperty('Rif_organico')) {
      rif_organico = elem["Rif_organico"];
    }
    if (elem.hasOwnProperty('tipostanza')) {
      var ts = elem["tipostanza"];
      tipo_stanza = writeStanza(ts);
    }
    if (elem.hasOwnProperty('stanza')) {
      stanza = elem["stanza"];
    }
    if (elem.hasOwnProperty('verso')) {
      verso = elem["verso"];
    }
    if (elem.hasOwnProperty('pag')) {
      pag = elem["pag"];
    }
    if (elem.hasOwnProperty('riga')) {
      riga = elem["riga"];
    }
  
    if (elem.hasOwnProperty('Autore')) {
      autore = elem["Autore"];
    }
    if (elem.hasOwnProperty("Area generica")) {
      area_gen = elem["Area generica"];
    }
    if (elem.hasOwnProperty("Area specifica")) {
      area_spec = elem["Area specifica"];
    }
    if (elem.hasOwnProperty("Data descrittiva")) {
      data_descr = elem["Data descrittiva"];
    }
    if (elem.hasOwnProperty("Genere")) {
      genere = elem["Genere"];
    }
    if (elem.hasOwnProperty("sigla")) {
      sigla = elem["sigla"];
    }
    if (elem.hasOwnProperty('Curatore')) {
      curatore = "a cura di " + elem["Curatore"];
    }
    if (elem.hasOwnProperty('Titolo')) {
      titolo = elem["Titolo"];
    }
  
    if (elem.hasOwnProperty('nota')) {
      note = elem["nota"];
      $("#notes_box").css("display", "block");
    } else {
      $("#notes_box").css("display", "none");
    }
  
    if (elem.hasOwnProperty('testo associato')) {
      testo_associato = elem["testo associato"];
      $("#associated-text-box").css("display", "block");
    } else {
      $("#associated-text-box").css("display", "none");
    }
  
    var title_box = "<p>" + titolo_abbreviato + ", " + rif_organico + ", " + tipo_stanza + 
    "." + stanza + ", v." + verso + ", " + pag + "." + riga + "</p>";
  
    var add_info = "<p>" + "Autore: " + autore + "<br />" +
    "Titolo: " + titolo + "<br />" +
    "Titolo abbreviato: " + titolo_abbreviato + "<br />" +
    "Riferimenti cronologici: " + data_descr + "<br />" +
    "Area generica: " + area_gen + "<br />" +
    "Area specifica: " + area_spec + "<br />" +
    "Genere: " + genere + "<br />" +
    "Curatore: " + curatore + "<br />" +
    "Sigla: " + sigla + "<br />" +
    "</p>";
  
    var container_div = document.getElementsByClassName('search_params');
    var count = container_div.length;
    console.log(count);
    //let highlights = elem['highlights_combined'];
    //let firstNum = highlights[0];
    //let ind = parseInt(firstNum);
    let arrayStrings = [];
    let contesto_formattato = elem['contesto formattato'];
    var contesto = getFormattedContext(contesto_formattato);
  
    /*let split_index = [ind];
  
    if (count>0) {
      for (var i=1; i<count; i++) {
        var hh = highlights[i][0];
        var ii = parseInt(hh);
        split_index.push(ii);
      }
    }
  
    split_index.sort(function(a, b){return a-b});
  
    var ll = split_index.length;
    var tmp = 0;
  
    for (var j=0; j<split_index.length; j++) {
      var num = split_index[j];
      var snip = contesto.substring(tmp, num);
      tmp = num;
      arrayStrings.push(snip);
    }
  
    var lastSnip = contesto.substring(split_index[ll-1]);
    arrayStrings.push(lastSnip);
  
    console.log(arrayStrings);
  
    var la = arrayStrings.length;
  
    var newString = arrayStrings[0] + "<span class='highlight'>";
  
    
      for (var x=1; x<arrayStrings.length; x++) {
        var stringToAdd = arrayStrings[x].replace(" ", "</span> ");
        newString = newString + stringToAdd + "<span class='highlight'>";
      }
    
  
    newString = newString.replace(/\n/g, "<br />");*/
  
    document.getElementById("context-text").innerHTML = contesto;
    document.getElementById("context-title").innerHTML = title_box;
    document.getElementById("additional_info").innerHTML = add_info;
  
    document.getElementById("notes-text").innerHTML = note;
    document.getElementById("associated-text").innerHTML = testo_associato;
    
  }

  export function writeStanza(stanza) {
    var tipo_stanza = "";
  
    if (stanza = 0) {
      tipo_stanza = "prosa";
    } else if (stanza = 1) {
      tipo_stanza = "verso";
    } else if (stanza = 2) {
      tipo_stanza = "distico";
    } else if (stanza = 4) {
      tipo_stanza = "terzina";
    } else if (stanza = 8) {
      tipo_stanza = "quartina";
    } else if (stanza = 16) {
      tipo_stanza = "sestina";
    } else if (stanza = 32) {
      tipo_stanza = "ottava";
    } else if (stanza = 64) {
      tipo_stanza = "sonetto";
    } else if (stanza = 99) {
      tipo_stanza = "stanza";
    } else {
      tipo_stanza = stanza;
    }
  
    return tipo_stanza;
  }