/**
 * @file
 */

(function($, Drupal) {
  'use strict';

  var charts = {};


  Drupal.behaviors.simeSalidas = {
    /**
     * Drupal attach behavior.
     */
    attach: function(context, settings) {
      for (var indicador in settings.simeSalidas.charts) {
        var ctx = document.getElementById(indicador);
        if (ctx) {
          console.log(settings.simeSalidas.charts[indicador]);
          charts[indicador] = new Chart(ctx, {
            type: 'bar',
            data: settings.simeSalidas.charts[indicador],
            options: {
              tooltips: {
                  mode: 'index',
                  intersect: false
              },
              responsive: true,
              scales: {
                  xAxes: [{
                      stacked: true,
                  }],
                  yAxes: [{
                      stacked: true
                  }]
              },
              legend: {
                labels: {
                  padding: 50
                }
              }
            }
          });
          // charts[indicador].getDatasetMeta(0).hidden = true;
          // charts[indicador].update();
        }
      }

      // Mostrar torta con porciento de ausentismo de los CPIs.
      var porcientocpis = document.getElementById('porciento-cpis');
      if (porcientocpis) {
        var porcentage = settings.simeSalidas.porciento_cpis;
        var chart_porciento_cpis = new Chart(porcientocpis, {
          type: 'pie',
          data: {
            datasets: [{
              data: [100, porcentage],
              backgroundColor: ['rgb(153, 102, 255)', 'rgb(255, 99, 132)'],
            }],
            labels: [
              'CPIs',
              'Porciento de ausentismo',
            ]
          },
        })
      }

    },
  };

})(jQuery, Drupal);