//var $GET = {};
//var token;

GET=getGET();
token=GET['token'];


function getChartValues(id,callback) {

  ajax('chartHsensor', {id:id}).done(function(result) {
    if (result.error == 0) {

      var labelArray = Object.keys(result.data.label).map(function (key) { return result.data.label[key]; });
      var dataArray = Object.keys(result.data.data).map(function (key) { return result.data.data[key]; });

      const data = {
        labels: labelArray,
        datasets: [{
          label: 'Aforo',
          backgroundColor: 'rgb(255, 99, 132)',
          borderColor: 'rgb(255, 99, 132)',
          data: dataArray,
        }]
      };

      const config = {
        type: 'line',
        data: data,
        options: {}
      };
      callback(config)
    } else {
      alert(result.message);
    }
  })

}


 function itemClone(itemid,callback){
    ajax(context + 'Clone',{id: itemid }).done(function(result) {
        callback(result)

   })
}


function menuGet(){

  ajax('menu', {
  }).done(function (result) {
      if (result.error == 0) {
        imenu=""
        $.each(result.data, function(cs,m) {
          $("#sidebarnav").append(menuConstruct(m))
        })


      } else {
          alert(result.message);
      }
  })
  
}


function menuConstruct(m){

  
  if (typeof m.children !== 'object') { //Sin hijos
    imenu = '                                <li class="sidebar-item">\
                                    <a href="sidebar-type-minisidebar.html" class="sidebar-link">\
                                        <i class="mdi mdi-view-quilt"></i>\
                                        <span class="hide-menu"> SinHijos </span>\
                                    </a>\
                                </li>'

  }else{  //Con hijos
    imenu = '<li class="sidebar-item">\
                            <a class="sidebar-link has-arrow waves-effect waves-dark" href="javascript:void(0)" aria-expanded="false">\
                                <i class="mdi mdi-tune"></i>\
                                <span class="hide-menu">ConHijos </span>\
                            </a>\
                            <ul aria-expanded="false" class="collapse  first-level in">'
    $.each(m.children, function(cs,m1) {
      imenu +=menuConstruct(m1)
    })
    imenu +='</ul></li>'
    

        
  }
  return(imenu)

}






function getGET(){
  var GET = {};
  if(document.location.toString().indexOf('?') !== -1) {
    var query = document.location
                   .toString()
                   // get the query string
                   .replace(/^.*?\?/, '')
                   // and remove any existing hash string (thanks, @vrijdenker)
                   .replace(/#.*$/, '')
                   .split('&');

    for(var i=0, l=query.length; i<l; i++) {
       var aux = decodeURIComponent(query[i]).split('=');
       GET[aux[0]] = aux[1];
    }
  }
  return(GET)
  //get the 'index' query parameter

}




function itemList2(context) {

  /*if (isFunction(context + 'List')) {  
    eval(context + 'List' + "()");
    */

  //Si no existe la funcion hacemos algo muy basico

  if (typeof filter === 'undefined') filter = null;

  ajax('itemList2', {
    context: context,
    page: page,
    order: order,
    dir: dir,
    keyword: keyword,
    limit: limit,
    filter: filter
  }).done(function(result) {

    if (result.error == 0) {
      if ( typeof thisTable == 'function') {
        row = thisTable(result.data) //Esta funcion esta repetida en los JS de cada tabla
      } else
        row = tableDraw(result.data) //Esta funcion esta repetida en los JS de cada tabla

      $('#ctr-table').html(row);
      $('#ctr-totalPages').html(result.totalPages);
      $('#ctr-totalRows').html(result.totalItems);
      pagination(result.page, result.totalPages, function(e) {
        $('#ctr-pagination').html(e);
      })



    } else {
      alert(result.message);
    }

  })
}

function itemList(context) {

  /*if (isFunction(context + 'List')) {  
    eval(context + 'List' + "()");
    */

  //Si no existe la funcion hacemos algo muy basico

  if (typeof filter === 'undefined') filter = null;

  ajax('itemList', {
    context: context,
    page: page,
    order: order,
    dir: dir,
    keyword: keyword,
    limit: limit,
    filter: filter
  }).done(function(result) {

    if (result.error == 0) {
      if(result.USER.userid==1771)$(".template").hide();
      if ( typeof thisTable == 'function') {
        row = thisTable(result.data) //Esta funcion esta repetida en los JS de cada tabla
      } else
        row = tableDraw(result.data) //Esta funcion esta repetida en los JS de cada tabla

      $('#ctr-table').html(row);
      $('#ctr-totalPages').html(result.totalPages);
      $('#ctr-totalRows').html(result.totalItems);
      pagination(result.page, result.totalPages, function(e) {
        $('#ctr-pagination').html(e);
      })



    } else {
      alert(result.message);
    }

  })
}


function ajax(service, postvars) {
  $("#ctr-spinner").show();
  //postvars.token = token; //Añado el token al postvars para enviarlo al servicio
  return $.ajax({
    type: "POST",
    headers: {token:token},
    url: "api/?service=" + service,
    dataType: "json",
    data: postvars,
  }).done(function(resp) {
    console.log(resp);
    $("#ctr-spinner").hide();
    return resp;
  }).fail(function() {
    $("#ctr-spinner").hide();
    alert("No se puede contactar con el service");
  });
};


//Añade a un select opciones de una tabla
function selectOptionsCustom(s, context) {
  ajax('selectOptions', {
    context: context
  }).done(function(result) {
    if (result.error == 0) {
      var selector=$(s)
      selector.empty()
      //selector.append('<option value="0">...</option>');
      $.each(result['data'], function(cs, opt) {
        selector.append('<option value="' + opt.value + '">' + opt.text + '</option>');
      })

    } else {
      alert(result.message);
    }
  })

}

function pagination(page,total,callback){
    page=parseInt(page)
    pageP=page-1
    pageN=page+1
    html = '<ul class="pagination  text-end">';
            if (page > 1) html += '<li class="paginate_button page-item next" id="dataTable_next"><a href="#" aria-controls="dataTable" data-dt-idx="7" tabindex="0" class="page-link ctr-page" page="1"><<</a></li>';

            for (i = page - 3; i < page; i++) {
                if (i >= 1) html += '<li class="paginate_button page-item "><a href="#" aria-controls="dataTable" data-dt-idx="'+i+'" tabindex="0" class="page-link ctr-page font-weight-bold " page="'+i+'">'+i+'</a></li>';
            }
            html += '<li class="paginate_button page-item active"><a href="#" aria-controls="dataTable" data-dt-idx="'+page+'" tabindex="0" class="page-link ctr-page font-weight-bold" page="'+i+'">'+page+'</a></li>';            

            for (i = page + 1; i <= page + 2; i++) {
                if (i <= total){
                 html += '<li class="paginate_button page-item "><a href="#" aria-controls="dataTable" data-dt-idx="'+i+'" tabindex="0" class="page-link ctr-page font-weight-bold" page="'+i+'">'+i+'</a></li>';
               }
            }

            if (page < total) html += '<li class="paginate_button page-item next" id="dataTable_next"><a href="#" aria-controls="dataTable" data-dt-idx="7" tabindex="0" class="page-link ctr-page font-weight-bold" page="'+total+'">>></a></li>';

            html +='</ul>'
    callback(html);
}


function itemGet(context, id, callback) {
  if(id==0){
    callback()
  }else ajax('itemGet', {
    context: context,
    id: id
  }).done(function(result) {
    if (result.error == 0) {
      item=result.data
      callback(result)
    } else {
      alert(result.message);
    }
  })
}


function formSend(form, resource, callback) {
  if(typeof token === 'undefined')token="notoken"
  var r = $.Deferred(); //para callback
  var f = $(this);
  var formData = new FormData(document.getElementById(form));
  formData.append("dato", "valor");
  $.ajax({
    url: "api/?service=" + resource + "&token=" + token,
    type: "post",
    dataType: "json",
    data: formData,
    cache: false,
    contentType: false,
    processData: false
  }).done(function(res) {
       callback(res);
  });

  return r;
}


function itemDelete(context,contextid,callback){
  ajax('itemDelete', {
    item:context,
    itemid:contextid
  }).done(function (result) {
          callback(result)
  })

}


function selectOptions(paramKey,callback){

    if(!Array.isArray(paramKey))paramKey=[];
    $('select[options]').each(function() {
      var key = $(this).attr("options");
      if(!paramKey.includes(key)) paramKey.push(key);
    });


    if(paramKey.length>0)ajax('optionsList',{keys: paramKey}).done(function(result) {
        if(result.error == 0){
             selectOptions = result.data;       //Global para selects dinamicos, ver fileAdd
             paramKey.forEach(function(value) {

                //Buscamos los id's cuyas claves estan en el paramkey
    $('select[options='+value+']').each(function() {
        selector =$(this);
                //if(!result['data'][value][0])selector.append('<option value="0">...</option>');
                $.each( result['data'][value], function (cs,value) {
                        if ( value.par_color == '')selector.append('<option value="'+value.par_id+'" >'+value.par_value+'</option>');
                        else selector.append('<option style="background-color: '+value.par_color+';" value="'+value.par_id+'" >'+value.par_value+'</option>');
                })
                //Ponemos el valor por defecto
                if(selector.attr("optionsdefault")!== 'null')selector.val(selector.attr("optionsdefault"))

    });


            })
        }

        callback(result.data)
    })
}