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

export function createFirstRow(param) {

    var row = document.createElement('div');
    row.className = "row height d-flex justify-content-center align-items-center";
    row.id = "first_row";
  
    
      if (param.includes("forma")) {
        var colForma = document.createElement('div');
        colForma.className = "col formaCol";
        colForma.append("Forma");
        row.append(colForma);
      }
  
      if (param.includes("lemma")) {
        var colLemma = document.createElement('div');
        colLemma.className = "col lemmaCol";
        colLemma.append("Lemma");
        row.append(colLemma);
      }
      
      if (param.includes("cat_gr")) {
        var categoria = document.createElement('div');
        categoria.className = "col cat_gr";
        categoria.append("Categoria Grammaticale");
        row.append(categoria);
      }
      
      if (param.includes("disambiguatore")) {
        var colDis = document.createElement('div');
        colDis.className = "col disambiguatore";
        colDis.append("Disambiguatore");
        row.append(colDis);
      }
      
      if (param.includes("occ")) {
        var colOcc = document.createElement('div');
        colOcc.className = "col occorrenze";
        colOcc.append("Occorrenze");
        row.append(colOcc);
      }
  
    var colSel = document.createElement('div');
      colSel.className = "col seleziona_elemento";
      colSel.append("Seleziona");
      row.append(colSel);
  
  
    $("#result").append(row);
  
  }
  
  //Crea prima riga per contesti multipli 
  
  export function createFirstRowOcc(param) {
  
    var row = document.createElement('div');
    row.className = "row height d-flex justify-content-center align-items-center";
    row.id = "first_row";
  
    var colRif = document.createElement('div');
    colRif.className = "col-4 rifCol";
    colRif.append("Riferimenti");
    row.append(colRif);
  
    var colInfoLemma = document.createElement('div');
    colInfoLemma.className = "col-2 lemmaCol";
    row.append(colInfoLemma);
  
    var colContesto = document.createElement('div');
    colContesto.className = "col-6 contestoCol";
    colContesto.append("Contesto");
    row.append(colContesto);
  
    $("#result").append(row);
  
  }

  export function createRow(num, elem) {
    var cat_gr = elem["cat_gr"];
    var disambiguatore = elem["disambiguatore"];
    var forma = elem["forma"];
    var lemma = elem["lemma"];
    var occ = elem["occ"];
    var cod = elem["cod"];
  
    var row = document.createElement('div');
    row.className = "row height d-flex justify-content-center align-items-center";
    row.id = num;
  
    if (elem.hasOwnProperty('forma')) {
      var colForma = document.createElement('div');
      colForma.className = "col formaCol";
      colForma.append(forma);
      row.append(colForma);
    }
    
    if (elem.hasOwnProperty('lemma')) {
      var colLemma = document.createElement('div');
      colLemma.className = "col lemmaCol";
      colLemma.append(lemma);
      row.append(colLemma);
    }
    
    if (elem.hasOwnProperty('cat_gr')) {
      var categoria = document.createElement('div');
      categoria.className = "col cat_gr";
      categoria.append(cat_gr);
      row.append(categoria);
    }
    
    if (elem.hasOwnProperty('disambiguatore')) {
      var colDis = document.createElement('div');
      colDis.className = "col disambiguatore";
      colDis.append(disambiguatore);
      row.append(colDis);
    }
    
    if (elem.hasOwnProperty('occ')) {
      var colOcc = document.createElement('div');
      colOcc.className = "col occorrenze";
      colOcc.append(occ);
      row.append(colOcc);
    }
    
    var colSel = document.createElement('div');
    colSel.className = "col seleziona_elemento";
    var inputSel = document.createElement('input');
    inputSel.className = "form-check-selected";
    inputSel.id = cod;
    inputSel.type = "checkbox";
    colSel.append(inputSel);
    row.append(colSel);
  
    $("#result").append(row);
  
  }

  export function createOccRow(num, elem, pp) {
    var titolo_abbreviato = elem["Titolo Abbreviato"];
    var contesto_formattato = elem["contesto formattato"];
    var contesto = getFormattedContext(contesto_formattato);
    //contesto = contesto.replace(/\n/g, "<br />");
    var rif_organico = elem["Rif_organico"];
    var pag = elem["pag"];
    var riga = elem["riga"];
    var stanza = elem["stanza"];
    var tipostanza = elem["tipostanza"];
    var ts = writeStanza(tipostanza);
    var verso = elem["verso"];
    var lemma = elem["lemma"];
    var cat_gr = elem["cat_gr"];
  
   
    var riferimenti = titolo_abbreviato + ", " + rif_organico + ", " + ts + "." + stanza +
    " v. " + verso + ", " + pag + "." + riga;
  
    var info_lemma = lemma + " " + cat_gr;
  
    /*
    for (var i=0; i<words.length; i++) {
      contesto = contesto.replace(words[i], '<span class="highlight">' + words[i] + '</span>');
    }*/
    
    var row = document.createElement('div');
    row.className = "row singleContext height d-flex justify-content-center align-items-center pag_" + pp;
    row.id = num;
    //var onClickCommand = "goToSingleContext(" + num + ", 31, 0, 0)";
    //row.setAttribute("onclick", onClickCommand);
  
    var colRiferimenti = document.createElement('div');
    colRiferimenti.className = "col-4 rifCol";
    colRiferimenti.append(riferimenti);
    row.append(colRiferimenti);
  
    var colInfoLemma = document.createElement('div');
    colInfoLemma.className = "col-2 lemCol";
    colInfoLemma.append(info_lemma);
    row.append(colInfoLemma);
  
    var colContesto = document.createElement('div');
    colContesto.className = "col-6 contestoCol";
    colContesto.innerHTML = contesto;
    row.append(colContesto);
  
    $("#pag_" + pp).append(row);
  
  }
  
  //
  
  //WRITE TIPOSTANZA 
  
  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;
  }