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

export function createPage(elem) {

    $('#single-context-box').css("height", "");
    $('#result').css("height", "");

    $("#single-context-box").css("display", "table");
    $(".table-responsive").css("width", "60%");

    if ($('#single-context-box').hasClass('dismiss')) {
      $('#single-context-box').removeClass('dismiss').addClass('selected').show();
      $('#showFilePanel').css("display", "none");
      $('#closeFilePanel').css("display", "block");
      $('.table-responsive').css("width", "60%");
    }
  
    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 class='pointer'>" + 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 arrayStrings = [];
    let contesto_formattato = elem['contesto formattato'];
    var contesto = getFormattedContext(contesto_formattato);
  
    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;

    var right=document.getElementById('single-context-box').offsetHeight;
    var left=document.getElementById('result').offsetHeight;
    console.log(right);
    console.log(left);
    if(left<right)
    {
        document.getElementById('single-context-box').style.height=left +"px";
    }
  }

  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;
  }