Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 1 | Rev 16822 | Ir a la última revisión | Autoría | Comparar con el anterior | Ultima modificación | Ver Log |

<?php

$this->inlineScript()->appendFile($this->basePath('plugins/chart.js/chart.js'));
$this->inlineScript()->appendFile($this->basePath('plugins/chartjs-plugin-datalabels/chartjs-plugin-datalabels.js'));



$labelsLastWeekCompanies = ''; 
$totalsLastWeekCompanies = '';
$valuesLastWeekCompanies = '';
if(!empty($reportsLastWeek['companies'])) {
    foreach($reportsLastWeek['companies'] as $record) {
        
        $labelsLastWeekCompanies .= empty($labelsLastWeekCompanies) ? "'{$record['name']}'" : ", '{$record['name']}'";
        $totalsLastWeekCompanies .= empty($totalsLastWeekCompanies) ? "{$record['total']}" : ", {$record['total']}";
        $valuesLastWeekCompanies .= empty($valuesLastWeekCompanies) ? "{$record['value']}" : ", {$record['value']}";
}
}

$labelsLastWeekFunctions = '';
$totalsLastWeekFunctions = '';
$valuesLastWeekFunctions = '';
if(!empty($reportsLastWeek['functions'])) {
    foreach($reportsLastWeek['functions'] as $record) {
        
        $labelsLastWeekFunctions .= empty($labelsLastWeekFunctions) ? "'{$record['name']}'" : ", '{$record['name']}'";
        $totalsLastWeekFunctions .= empty($totalsLastWeekFunctions) ? "{$record['total']}" : ", {$record['total']}";
        $valuesLastWeekFunctions .= empty($valuesLastWeekFunctions) ? "{$record['value']}" : ", {$record['value']}";
    }
}

$labelsLastWeekInstitutions = '';
$totalsLastWeekInstitutions = '';
$valuesLastWeekInstitutions = '';
if(!empty($reportsLastWeek['institutions'])) {
    foreach($reportsLastWeek['institutions'] as $record) {
        
        $labelsLastWeekInstitutions .= empty($labelsLastWeekInstitutions) ? "'{$record['name']}'" : ", '{$record['name']}'";
        $totalsLastWeekInstitutions .= empty($totalsLastWeekInstitutions) ? "{$record['total']}" : ", {$record['total']}";
        $valuesLastWeekInstitutions .= empty($valuesLastWeekInstitutions) ? "{$record['value']}" : ", {$record['value']}";
    }
}

$labelsLastWeekGroups = '';
$totalsLastWeekGroups = '';
$valuesLastWeekGroups = '';
if(!empty($reportsLastWeek['groups'])) {
    foreach($reportsLastWeek['groups'] as $record) {
        
        $labelsLastWeekGroups .= empty($labelsLastWeekGroups) ? "'{$record['name']}'" : ", '{$record['name']}'";
        $totalsLastWeekGroups .= empty($totalsLastWeekGroups) ? "{$record['total']}" : ", {$record['total']}";
        $valuesLastWeekGroups .= empty($valuesLastWeekGroups) ? "{$record['value']}" : ", {$record['value']}";
    }
}

$labelsLastWeekPrograms = '';
$totalsLastWeekPrograms = '';
$valuesLastWeekPrograms = '';
if(!empty($reportsLastWeek['programs'])) {
    foreach($reportsLastWeek['programs'] as $record) {
        
        $labelsLastWeekPrograms .= empty($labelsLastWeekPrograms) ? "'{$record['name']}'" : ", '{$record['name']}'";
        $totalsLastWeekPrograms .= empty($totalsLastWeekPrograms) ? "{$record['total']}" : ", {$record['total']}";
        $valuesLastWeekPrograms .= empty($valuesLastWeekPrograms) ? "{$record['value']}" : ", {$record['value']}";
    }
}

$labelsLastWeekPartners = '';
$totalsLastWeekPartners = '';
$valuesLastWeekPartners = '';
if(!empty($reportsLastWeek['partners'])) {
    foreach($reportsLastWeek['partners'] as $record) {
        
        $labelsLastWeekPartners .= empty($labelsLastWeekPartners) ? "'{$record['name']}'" : ", '{$record['name']}'";
        $totalsLastWeekPartners .= empty($totalsLastWeekPartners) ? "{$record['total']}" : ", {$record['total']}";
        $valuesLastWeekPartners .= empty($valuesLastWeekPartners) ? "{$record['value']}" : ", {$record['value']}";
    }
}

$labelsLastWeekSectors = '';
$totalsLastWeekSectors = '';
$valuesLastWeekSectors = '';
if(!empty($reportsLastWeek['sectors'])) {
    foreach($reportsLastWeek['sectors'] as $record) {
        
        $labelsLastWeekSectors .= empty($labelsLastWeekSectors) ? "'{$record['name']}'" : ", '{$record['name']}'";
        $totalsLastWeekSectors .= empty($totalsLastWeekSectors) ? "{$record['total']}" : ", {$record['total']}";
        $valuesLastWeekSectors .= empty($valuesLastWeekSectors) ? "{$record['value']}" : ", {$record['value']}";
    }
}

$labelsLastWeekStudentTypes = '';
$totalsLastWeekStudentTypes = '';
$valuesLastWeekStudentTypes = '';
if(!empty($reportsLastWeek['student_types'])) {
    foreach($reportsLastWeek['student_types'] as $record) {
        
        $labelsLastWeekStudentTypes .= empty($labelsLastWeekStudentTypes) ? "'{$record['name']}'" : ", '{$record['name']}'";
        $totalsLastWeekStudentTypes .= empty($totalsLastWeekStudentTypes) ? "{$record['total']}" : ", {$record['total']}";
        $valuesLastWeekStudentTypes .= empty($valuesLastWeekStudentTypes) ? "{$record['value']}" : ", {$record['value']}";
    }
}


$labelsCapsuleResumeCompanies = '';
$totalsCapsuleResumeCompanies = '';
$valuesCapsuleResumeCompanies = '';
if(!empty($reportsCapsuleResume['companies'])) {
    foreach($reportsCapsuleResume['companies'] as $record) {
        
        $labelsCapsuleResumeCompanies .= empty($labelsCapsuleResumeCompanies) ? "'{$record['name']}'" : ", '{$record['name']}'";
        $totalsCapsuleResumeCompanies .= empty($totalsCapsuleResumeCompanies) ? "{$record['total']}" : ", {$record['total']}";
        $valuesCapsuleResumeCompanies .= empty($valuesCapsuleResumeCompanies) ? "{$record['value']}" : ", {$record['value']}";
    }
}

$labelsCapsuleResumeFunctions = '';
$totalsCapsuleResumeFunctions = '';
$valuesCapsuleResumeFunctions = '';
if(!empty($reportsCapsuleResume['functions'])) {
    foreach($reportsCapsuleResume['functions'] as $record) {
        
        $labelsCapsuleResumeFunctions .= empty($labelsCapsuleResumeFunctions) ? "'{$record['name']}'" : ", '{$record['name']}'";
        $totalsCapsuleResumeFunctions .= empty($totalsCapsuleResumeFunctions) ? "{$record['total']}" : ", {$record['total']}";
        $valuesCapsuleResumeFunctions .= empty($valuesCapsuleResumeFunctions) ? "{$record['value']}" : ", {$record['value']}";
    }
}

$labelsCapsuleResumeInstitutions = '';
$totalsCapsuleResumeInstitutions = '';
$valuesCapsuleResumeInstitutions = '';
if(!empty($reportsCapsuleResume['institutions'])) {
    foreach($reportsCapsuleResume['institutions'] as $record) {
        
        $labelsCapsuleResumeInstitutions .= empty($labelsCapsuleResumeInstitutions) ? "'{$record['name']}'" : ", '{$record['name']}'";
        $totalsCapsuleResumeInstitutions .= empty($totalsCapsuleResumeInstitutions) ? "{$record['total']}" : ", {$record['total']}";
        $valuesCapsuleResumeInstitutions .= empty($valuesCapsuleResumeInstitutions) ? "{$record['value']}" : ", {$record['value']}";
    }
}

$labelsCapsuleResumeGroups = '';
$totalsCapsuleResumeGroups = '';
$valuesCapsuleResumeGroups = '';
if(!empty($reportsCapsuleResume['groups'])) {
    foreach($reportsCapsuleResume['groups'] as $record) {
        
        $labelsCapsuleResumeGroups .= empty($labelsCapsuleResumeGroups) ? "'{$record['name']}'" : ", '{$record['name']}'";
        $totalsCapsuleResumeGroups .= empty($totalsCapsuleResumeGroups) ? "{$record['total']}" : ", {$record['total']}";
        $valuesCapsuleResumeGroups .= empty($valuesCapsuleResumeGroups) ? "{$record['value']}" : ", {$record['value']}";
    }
}

$labelsCapsuleResumePrograms = '';
$totalsCapsuleResumePrograms = '';
$valuesCapsuleResumePrograms = '';
if(!empty($reportsCapsuleResume['programs'])) {
    foreach($reportsCapsuleResume['programs'] as $record) {
        
        $labelsCapsuleResumePrograms .= empty($labelsCapsuleResumePrograms) ? "'{$record['name']}'" : ", '{$record['name']}'";
        $totalsCapsuleResumePrograms .= empty($totalsCapsuleResumePrograms) ? "{$record['total']}" : ", {$record['total']}";
        $valuesCapsuleResumePrograms .= empty($valuesCapsuleResumePrograms) ? "{$record['value']}" : ", {$record['value']}";
    }
}

$labelsCapsuleResumePartners = '';
$totalsCapsuleResumePartners = '';
$valuesCapsuleResumePartners = '';
if(!empty($reportsCapsuleResume['partners'])) {
    foreach($reportsCapsuleResume['partners'] as $record) {
        
        $labelsCapsuleResumePartners .= empty($labelsCapsuleResumePartners) ? "'{$record['name']}'" : ", '{$record['name']}'";
        $totalsCapsuleResumePartners .= empty($totalsCapsuleResumePartners) ? "{$record['total']}" : ", {$record['total']}";
        $valuesCapsuleResumePartners .= empty($valuesCapsuleResumePartners) ? "{$record['value']}" : ", {$record['value']}";
    }
}

$labelsCapsuleResumeSectors = '';
$totalsCapsuleResumeSectors = '';
$valuesCapsuleResumeSectors = '';
if(!empty($reportsCapsuleResume['sectors'])) {
    foreach($reportsCapsuleResume['sectors'] as $record) {
        
        $labelsCapsuleResumeSectors .= empty($labelsCapsuleResumeSectors) ? "'{$record['name']}'" : ", '{$record['name']}'";
        $totalsCapsuleResumeSectors .= empty($totalsCapsuleResumeSectors) ? "{$record['total']}" : ", {$record['total']}";
        $valuesCapsuleResumeSectors .= empty($valuesCapsuleResumeSectors) ? "{$record['value']}" : ", {$record['value']}";
    }
}

$labelsCapsuleResumeStudentTypes = '';
$totalsCapsuleResumeStudentTypes = '';
$valuesCapsuleResumeStudentTypes = '';
if(!empty($reportsCapsuleResume['student_types'])) {
    foreach($reportsCapsuleResume['student_types'] as $record) {
        
        $labelsCapsuleResumeStudentTypes .= empty($labelsCapsuleResumeStudentTypes) ? "'{$record['name']}'" : ", '{$record['name']}'";
        $totalsCapsuleResumeStudentTypes .= empty($totalsCapsuleResumeStudentTypes) ? "{$record['total']}" : ", {$record['total']}";
        $valuesCapsuleResumeStudentTypes .= empty($valuesCapsuleResumeStudentTypes) ? "{$record['value']}" : ", {$record['value']}";
    }
}

$labelsTotalCompanies = '';
$totalsTotalCompanies = '';
if(!empty($reportsStudentsTotal['companies'])) {
    foreach($reportsStudentsTotal['companies'] as $record) {
        
        $labelsTotalCompanies .= empty($labelsTotalCompanies) ? "'{$record['name']}'" : ", '{$record['name']}'";
        $totalsTotalCompanies .= empty($totalsTotalCompanies) ? "{$record['total']}" : ", {$record['total']}";

    }
}

$labelsTotalFunctions = '';
$totalsTotalFunctions = '';
if(!empty($reportsStudentsTotal['functions'])) {
    foreach($reportsStudentsTotal['functions'] as $record) {
        
        $labelsTotalFunctions .= empty($labelsTotalFunctions) ? "'{$record['name']}'" : ", '{$record['name']}'";
        $totalsTotalFunctions .= empty($totalsTotalFunctions) ? "{$record['total']}" : ", {$record['total']}";
    }
}

$labelsTotalInstitutions = '';
$totalsTotalInstitutions = '';
if(!empty($reportsStudentsTotal['institutions'])) {
    foreach($reportsStudentsTotal['institutions'] as $record) {
        
        $labelsTotalInstitutions .= empty($labelsTotalInstitutions) ? "'{$record['name']}'" : ", '{$record['name']}'";
        $totalsTotalInstitutions .= empty($totalsTotalInstitutions) ? "{$record['total']}" : ", {$record['total']}";
    }
}

$labelsTotalGroups = '';
$totalsTotalGroups = '';
if(!empty($reportsStudentsTotal['groups'])) {
    foreach($reportsStudentsTotal['groups'] as $record) {
        
        $labelsTotalGroups .= empty($labelsTotalGroups) ? "'{$record['name']}'" : ", '{$record['name']}'";
        $totalsTotalGroups .= empty($totalsTotalGroups) ? "{$record['total']}" : ", {$record['total']}";
    }
}

$labelsTotalPrograms = '';
$totalsTotalPrograms = '';
if(!empty($reportsStudentsTotal['programs'])) {
    foreach($reportsStudentsTotal['programs'] as $record) {
        
        $labelsTotalPrograms .= empty($labelsTotalPrograms) ? "'{$record['name']}'" : ", '{$record['name']}'";
        $totalsTotalPrograms .= empty($totalsTotalPrograms) ? "{$record['total']}" : ", {$record['total']}";
    }
}

$labelsTotalPartners = '';
$totalsTotalPartners = '';
if(!empty($reportsStudentsTotal['partners'])) {
    foreach($reportsStudentsTotal['partners'] as $record) {
        
        $labelsTotalPartners .= empty($labelsTotalPartners) ? "'{$record['name']}'" : ", '{$record['name']}'";
        $totalsTotalPartners .= empty($totalsTotalPartners) ? "{$record['total']}" : ", {$record['total']}";
    }
}

$labelsTotalSectors = '';
$totalsTotalSectors = '';
if(!empty($reportsStudentsTotal['sectors'])) {
    foreach($reportsStudentsTotal['sectors'] as $record) {
        
        $labelsTotalSectors .= empty($labelsTotalSectors) ? "'{$record['name']}'" : ", '{$record['name']}'";
        $totalsTotalSectors .= empty($totalsTotalSectors) ? "{$record['total']}" : ", {$record['total']}";
    }
}

$labelsTotalStudentTypes = '';
$totalsTotalStudentTypes = '';
if(!empty($reportsStudentsTotal['student_types'])) {
    foreach($reportsStudentsTotal['student_types'] as $record) {
        
        $labelsTotalStudentTypes .= empty($labelsTotalStudentTypes) ? "'{$record['name']}'" : ", '{$record['name']}'";
        $totalsTotalStudentTypes .= empty($totalsTotalStudentTypes) ? "{$record['total']}" : ", {$record['total']}";
    }
}



$this->inlineScript()->captureStart();
echo <<<JS
jQuery( document ).ready(function( $ ) {
    const DISPLAY = true;
    const BORDER = true;
    const CHART_AREA = true;
    const TICKS = true;

                                    const bgColors = [
                                        '#CFE7FB',
                                        '#F9D76F',
                                        '#B9D566',
                                        '#FFBB90',
                                        '#66BBBB',
                                        '#E69090',
                                        '#BB90BB',
                                        '#9AB67C',
                                        '#D1CC66',
                                        '#AFD8F8',
                                        '#F6BD0F',
                                        '#8BBA00',
                                        '#FF8E46',
                                        '#008E8E',
                                        '#D64646',
                                        '#8E468E',
                                        '#588526',
                                        '#B3AA00',
                                        '#008ED6',
                                        '#9D080D',
                                        '#A186BE'
                                    ];

    function transparentize(value, opacity) {
      var alpha = opacity === undefined ? 0.5 : 1 - opacity;
      return colorLib(value).alpha(alpha).rgbString();
    }

    /****** START STUDENTS ***/

    var areaChartData = {
      labels  : ['LABEL_GRAPH_STUDENTS_TOTAL', 'LABEL_GRAPH_STUDENTS_STARTED', 'LABEL_GRAPH_STUDENTS_WITHOUT_STARTED'],
      datasets: [
        {
          label               : '',
          backgroundColor     : backgroundColor: bgColors,
          pointRadius         : true,
          data                : [ {$reportStudents['total']},{$reportStudents['started']},{$reportStudents['withoutStarting']} ]
        },
      ]

    }

    var barChartCanvas = $('#barChartStudents').get(0).getContext('2d')
    var barChartData = $.extend(true, {}, areaChartData)
    var temp0 = areaChartData.datasets[0]
    barChartData.datasets[0] = temp0

    
    var barChartOptions = {
        responsive              : true,
        maintainAspectRatio     : false,
        datasetFill             : false,
        plugins: {
            legend: {
                display: false,
            } ,
            datalabels: {
                color: 'white',
                labels: {
                    title: {
                        font: {
                            weight: 'bold',
                        }
                    },
                }
            },
            tooltips: {
                enabled: false,
            },

        }
    }
    
    new Chart(barChartCanvas, {
        plugins: [ChartDataLabels],
        type: 'bar',
        
        data: barChartData,
        options: barChartOptions

    })

    /****** END STUDENTS ***/

    /****** LASTWEEK GENERAL  ***/

    var areaChartData = {
      labels  : ['LABEL_GRAPH_STUDENTS_LAST_WEEK_VALUES', 'LABEL_GRAPH_STUDENTS_TOTALS' ],
      datasets: [
        {
          label             : '',
          backgroundColor   : bgColors,
          pointRadius       : true,
          data              : [{$reportsLastWeek['general'][ 'value']}, {$reportsLastWeek['general'][ 'total']} ]
        },
      ]

    }

    var barChartCanvas = $('#barChartLastWeekGeneral').get(0).getContext('2d')
    var barChartData = $.extend(true, {}, areaChartData)
    var temp0 = areaChartData.datasets[0]
    barChartData.datasets[0] = temp0

    
    var barChartOptions = {
        responsive              : true,
        maintainAspectRatio     : false,
        datasetFill             : false,
        plugins: {
            legend: {
                display: true,
                position: 'top',
            } ,
            datalabels: {
                color: 'white',
                labels: {
                    title: {
                        font: {
                            weight: 'bold',
                        }
                    },
                }
            },
            tooltips: {
                enabled: false,
            },

        }
    }
    
    new Chart(barChartCanvas, {
        plugins: [ChartDataLabels],
        type: 'doughnut',
        
        data: barChartData,
        options: barChartOptions

    })

    /****** END STUDENTS ***/

    /****** START LAST WEEK COMPANIES ***/
    if($('#barChartLastWeekCompanies').length > 0) {
        var areaChartData = {
          labels  : [$labelsLastWeekCompanies],
          datasets: [
            {
              label : 'LABEL_GRAPH_STUDENTS_TOTALS',
              borderColor: CHART_COLORS.red,
              backgroundColor: CHART_COLORS.blue,
              borderWidth: 1,
              data : [ $totalsLastWeekCompanies ]
            },
           {
              label : 'LABEL_GRAPH_STUDENTS_LAST_WEEK_VALUES',
              borderColor: CHART_COLORS.blue,
              backgroundColor: CHART_COLORS.red,
              borderWidth: 1,
              data : [ $valuesLastWeekCompanies ]
            },
          ]
    
        }
    
        var barChartCanvas = $('#barChartLastWeekCompanies').get(0).getContext('2d')
        var barChartData = $.extend(true, {}, areaChartData)
        var temp0 = areaChartData.datasets[0]
        var temp1 = areaChartData.datasets[1]
        barChartData.datasets[0] = temp1
        barChartData.datasets[1] = temp0
    
        
        var barChartOptions = {
            responsive              : true,
            indexAxis               : 'y',
            maintainAspectRatio     : false,
            datasetFill             : false,
            plugins: {
                datalabels: {
                    color: 'white',
                    labels: {
                        title: {
                            font: {
                                weight: 'bold',
                            }
                        },
                    }
                },
                tooltips: {
                    enabled: false,
                },
    
    
            },
        }
        
        new Chart(barChartCanvas, {
            plugins: [ChartDataLabels],
            type: 'bar',
            
            data: barChartData,
            options: barChartOptions
    
        });
    }

    /****** END COMPANIES ***/


    /****** START LAST WEEK FUNCTIONS ***/
    if($('#barChartLastWeekFunctions').length > 0) {
        var areaChartData = {
          labels  : [$labelsLastWeekFunctions],
          datasets: [
            {
              label : 'LABEL_GRAPH_STUDENTS_TOTALS',
              borderColor: CHART_COLORS.red,
              backgroundColor: CHART_COLORS.blue,
              borderWidth: 1,
              data : [ $totalsLastWeekFunctions ]
            },
           {
              label : 'LABEL_GRAPH_STUDENTS_LAST_WEEK_VALUES',
              borderColor: CHART_COLORS.blue,
              backgroundColor: CHART_COLORS.red,
              borderWidth: 1,
              data : [ $valuesLastWeekFunctions ]
            },
          ]
    
        }
    
        var barChartCanvas = $('#barChartLastWeekFunctions').get(0).getContext('2d')
        var barChartData = $.extend(true, {}, areaChartData)
        var temp0 = areaChartData.datasets[0]
        var temp1 = areaChartData.datasets[1]
        barChartData.datasets[0] = temp1
        barChartData.datasets[1] = temp0
    
        
        var barChartOptions = {
            responsive              : true,
            indexAxis               : 'y',
            maintainAspectRatio     : false,
            datasetFill             : false,
            plugins: {
                datalabels: {
                    color: 'white',
                    labels: {
                        title: {
                            font: {
                                weight: 'bold',
                            }
                        },
                    }
                },
                tooltips: {
                    enabled: false,
                },
    
    
            },
        }
        
        new Chart(barChartCanvas, {
            plugins: [ChartDataLabels],
            type: 'bar',
            
            data: barChartData,
            options: barChartOptions
    
        });
    }
    /****** END FUNCTIONS ***/

    /****** START LAST WEEK GROUPS ***/
    if($('#barChartLastWeekGroups').length > 0) {
        var areaChartData = {
          labels  : [$labelsLastWeekGroups],
          datasets: [
            {
              label : 'LABEL_GRAPH_STUDENTS_TOTALS',
              borderColor: CHART_COLORS.red,
              backgroundColor: CHART_COLORS.blue,
              borderWidth: 1,
              data : [ $totalsLastWeekGroups ]
            },
           {
              label : 'LABEL_GRAPH_STUDENTS_LAST_WEEK_VALUES',
              borderColor: CHART_COLORS.blue,
              backgroundColor: CHART_COLORS.red,
              borderWidth: 1,
              data : [ $valuesLastWeekGroups ]
            },
          ]
    
        }
    
        var barChartCanvas = $('#barChartLastWeekGroups').get(0).getContext('2d')
        var barChartData = $.extend(true, {}, areaChartData)
        var temp0 = areaChartData.datasets[0]
        var temp1 = areaChartData.datasets[1]
        barChartData.datasets[0] = temp1
        barChartData.datasets[1] = temp0
    
        
        var barChartOptions = {
            responsive              : true,
            indexAxis               : 'y',
            maintainAspectRatio     : false,
            datasetFill             : false,
            plugins: {
                datalabels: {
                    color: 'white',
                    labels: {
                        title: {
                            font: {
                                weight: 'bold',
                            }
                        },
                    }
                },
                tooltips: {
                    enabled: false,
                },
    
    
            },
        }
        
        new Chart(barChartCanvas, {
            plugins: [ChartDataLabels],
            type: 'bar',
            
            data: barChartData,
            options: barChartOptions
    
        });
    }

    /****** END GROUPS ***/


    /****** START LAST WEEK INSTITUTIONS ***/
    if($('#barChartLastWeekInstitutions').length > 0) {
        var areaChartData = {
          labels  : [$labelsLastWeekInstitutions],
          datasets: [
            {
              label : 'LABEL_GRAPH_STUDENTS_TOTALS',
              borderColor: CHART_COLORS.red,
              backgroundColor: CHART_COLORS.blue,
              borderWidth: 1,
              data : [ $totalsLastWeekInstitutions ]
            },
           {
              label : 'LABEL_GRAPH_STUDENTS_LAST_WEEK_VALUES',
              borderColor: CHART_COLORS.blue,
              backgroundColor: CHART_COLORS.red,
              borderWidth: 1,
              data : [ $valuesLastWeekInstitutions ]
            },
          ]
    
        }
    
        var barChartCanvas = $('#barChartLastWeekInstitutions').get(0).getContext('2d')
        var barChartData = $.extend(true, {}, areaChartData)
        var temp0 = areaChartData.datasets[0]
        var temp1 = areaChartData.datasets[1]
        barChartData.datasets[0] = temp1
        barChartData.datasets[1] = temp0
    
        
        var barChartOptions = {
            responsive              : true,
            indexAxis               : 'y',
            maintainAspectRatio     : false,
            datasetFill             : false,
            plugins: {
                datalabels: {
                    color: 'white',
                    labels: {
                        title: {
                            font: {
                                weight: 'bold',
                            }
                        },
                    }
                },
                tooltips: {
                    enabled: false,
                },
    
    
            },
        }
        
        new Chart(barChartCanvas, {
            plugins: [ChartDataLabels],
            type: 'bar',
            
            data: barChartData,
            options: barChartOptions
    
        });
    }

    /****** END INSTITUTIONS ***/


    /****** START LAST WEEK PROGRAMS ***/
    if($('#barChartLastWeekPrograms').length > 0) {
        var areaChartData = {
          labels  : [$labelsLastWeekPrograms],
          datasets: [
            {
              label : 'LABEL_GRAPH_STUDENTS_TOTALS',
              borderColor: CHART_COLORS.red,
              backgroundColor: CHART_COLORS.blue,
              borderWidth: 1,
              data : [ $totalsLastWeekPrograms ]
            },
           {
              label : 'LABEL_GRAPH_STUDENTS_LAST_WEEK_VALUES',
              borderColor: CHART_COLORS.blue,
              backgroundColor: CHART_COLORS.red,
              borderWidth: 1,
              data : [ $valuesLastWeekPrograms ]
            },
          ]
    
        }
    
        var barChartCanvas = $('#barChartLastWeekPrograms').get(0).getContext('2d')
        var barChartData = $.extend(true, {}, areaChartData)
        var temp0 = areaChartData.datasets[0]
        var temp1 = areaChartData.datasets[1]
        barChartData.datasets[0] = temp1
        barChartData.datasets[1] = temp0
    
        
        var barChartOptions = {
            responsive              : true,
            indexAxis               : 'y',
            maintainAspectRatio     : false,
            datasetFill             : false,
            plugins: {
                datalabels: {
                    color: 'white',
                    labels: {
                        title: {
                            font: {
                                weight: 'bold',
                            }
                        },
                    }
                },
                tooltips: {
                    enabled: false,
                },
    
    
            },
        }
        
        new Chart(barChartCanvas, {
            plugins: [ChartDataLabels],
            type: 'bar',
            
            data: barChartData,
            options: barChartOptions
    
        });
    }

    /****** END PROGRAMS ***/

    /****** START LAST WEEK PARTNERS ***/
    if ($('#barChartLastWeekPartners').length > 0) {

        var areaChartData = {
          labels  : [$labelsLastWeekPartners],
          datasets: [
            {
              label : 'LABEL_GRAPH_STUDENTS_TOTALS',
              borderColor: CHART_COLORS.red,
              backgroundColor: CHART_COLORS.blue,
              borderWidth: 1,
              data : [ $totalsLastWeekPartners ]
            },
           {
              label : 'LABEL_GRAPH_STUDENTS_LAST_WEEK_VALUES',
              borderColor: CHART_COLORS.blue,
              backgroundColor: CHART_COLORS.red,
              borderWidth: 1,
              data : [ $valuesLastWeekPartners ]
            },
          ]
    
        }
    
        var barChartCanvas = $('#barChartLastWeekPartners').get(0).getContext('2d')
        var barChartData = $.extend(true, {}, areaChartData)
        var temp0 = areaChartData.datasets[0]
        var temp1 = areaChartData.datasets[1]
        barChartData.datasets[0] = temp1
        barChartData.datasets[1] = temp0
    
        
        var barChartOptions = {
            responsive              : true,
            indexAxis               : 'y',
            maintainAspectRatio     : false,
            datasetFill             : false,
            plugins: {
                datalabels: {
                    color: 'white',
                    labels: {
                        title: {
                            font: {
                                weight: 'bold',
                            }
                        },
                    }
                },
                tooltips: {
                    enabled: false,
                },
    
    
            },
        }
        
        new Chart(barChartCanvas, {
            plugins: [ChartDataLabels],
            type: 'bar',
            
            data: barChartData,
            options: barChartOptions
    
        });
    }

    /****** END PARTNERS ***/

    /****** START LAST WEEK SECTORS ***/
    if($('#barChartLastWeekSectors').length > 0) {
    
        var areaChartData = {
          labels  : [$labelsLastWeekSectors],
          datasets: [
            {
              label : 'LABEL_GRAPH_STUDENTS_TOTALS',
              borderColor: CHART_COLORS.red,
              backgroundColor: CHART_COLORS.blue,
              borderWidth: 1,
              data : [ $totalsLastWeekSectors ]
            },
           {
              label : 'LABEL_GRAPH_STUDENTS_LAST_WEEK_VALUES',
              borderColor: CHART_COLORS.blue,
              backgroundColor: CHART_COLORS.red,
              borderWidth: 1,
              data : [ $valuesLastWeekSectors ]
            },
          ]
    
        }
    
        var barChartCanvas = $('#barChartLastWeekSectors').get(0).getContext('2d')
        var barChartData = $.extend(true, {}, areaChartData)
        var temp0 = areaChartData.datasets[0]
        var temp1 = areaChartData.datasets[1]
        barChartData.datasets[0] = temp1
        barChartData.datasets[1] = temp0
    
        
        var barChartOptions = {
            responsive              : true,
            indexAxis               : 'y',
            maintainAspectRatio     : false,
            datasetFill             : false,
            plugins: {
                datalabels: {
                    color: 'white',
                    labels: {
                        title: {
                            font: {
                                weight: 'bold',
                            }
                        },
                    }
                },
                tooltips: {
                    enabled: false,
                },
    
    
            },
        }
        
        new Chart(barChartCanvas, {
            plugins: [ChartDataLabels],
            type: 'bar',
            
            data: barChartData,
            options: barChartOptions
    
        })
    }

    /****** END SECTORS ***/

    /****** START LAST WEEK EXTEND TYPES ***/
    if($('#barChartLastWeekStudentTypes').length > 0) {

        var areaChartData = {
          labels  : [$labelsLastWeekStudentTypes],
          datasets: [
            {
              label : 'LABEL_GRAPH_STUDENTS_TOTALS',
              borderColor: CHART_COLORS.red,
              backgroundColor: CHART_COLORS.blue,
              borderWidth: 1,
              data : [ $totalsLastWeekStudentTypes ]
            },
           {
              label : 'LABEL_GRAPH_STUDENTS_LAST_WEEK_VALUES',
              borderColor: CHART_COLORS.blue,
              backgroundColor: CHART_COLORS.red,
              borderWidth: 1,
              data : [ $valuesLastWeekStudentTypes ]
            },
          ]
    
        }
    
        var barChartCanvas = $('#barChartLastWeekStudentTypes').get(0).getContext('2d')
        var barChartData = $.extend(true, {}, areaChartData)
        var temp0 = areaChartData.datasets[0]
        var temp1 = areaChartData.datasets[1]
        barChartData.datasets[0] = temp1
        barChartData.datasets[1] = temp0
    
        
        var barChartOptions = {
            responsive              : true,
            indexAxis               : 'y',
            maintainAspectRatio     : false,
            datasetFill             : false,
            plugins: {
                datalabels: {
                    color: 'white',
                    labels: {
                        title: {
                            font: {
                                weight: 'bold',
                            }
                        },
                    }
                },
                tooltips: {
                    enabled: false,
                },
    
    
            },
        }
        
        new Chart(barChartCanvas, {
            plugins: [ChartDataLabels],
            type: 'bar',
            
            data: barChartData,
            options: barChartOptions
    
        });

    }

    /****** END EXTEND TYPES ***/


 /****** CAPSULE RESUME GENERAL  ***/

    var areaChartData = {
      labels  : ['LABEL_GRAPH_STUDENTS_RESULE_CAPSULE_VALUES', 'LABEL_GRAPH_STUDENTS_TOTALS' ],
      datasets: [
        {
          label             : '',
          backgroundColor   : [
                CHART_COLORS.blue,
                CHART_COLORS.red,
              
            ],
          pointRadius       : true,
          data              : [{$reportsCapsuleResume['general'][ 'value']}, {$reportsCapsuleResume['general'][ 'total']} ]
        },
      ]

    }

    var barChartCanvas = $('#barChartCapsuleResumeGeneral').get(0).getContext('2d')
    var barChartData = $.extend(true, {}, areaChartData)
    var temp0 = areaChartData.datasets[0]
    barChartData.datasets[0] = temp0

    
    var barChartOptions = {
        responsive              : true,
        maintainAspectRatio     : false,
        datasetFill             : false,
        plugins: {
            legend: {
                display: true,
                position: 'top',
            } ,
            datalabels: {
                color: 'white',
                labels: {
                    title: {
                        font: {
                            weight: 'bold',
                        }
                    },
                }
            },
            tooltips: {
                enabled: false,
            },

        }
    }
    
    new Chart(barChartCanvas, {
        plugins: [ChartDataLabels],
        type: 'doughnut',
        
        data: barChartData,
        options: barChartOptions

    })

    /****** END STUDENTS ***/

    /****** START CAPSULE RESUME COMPANIES ***/
    if($('#barChartCapsuleResumeCompanies').length > 0) {
        var areaChartData = {
          labels  : [$labelsCapsuleResumeCompanies],
          datasets: [
            {
              label : 'LABEL_GRAPH_STUDENTS_TOTALS',
              borderColor: CHART_COLORS.red,
              backgroundColor: CHART_COLORS.blue,
              borderWidth: 1,
              data : [ $totalsCapsuleResumeCompanies ]
            },
           {
              label : 'LABEL_GRAPH_STUDENTS_RESULE_CAPSULE_VALUES',
              borderColor: CHART_COLORS.blue,
              backgroundColor: CHART_COLORS.red,
              borderWidth: 1,
              data : [ $valuesCapsuleResumeCompanies ]
            },
          ]
    
        }
    
        var barChartCanvas = $('#barChartCapsuleResumeCompanies').get(0).getContext('2d')
        var barChartData = $.extend(true, {}, areaChartData)
        var temp0 = areaChartData.datasets[0]
        var temp1 = areaChartData.datasets[1]
        barChartData.datasets[0] = temp1
        barChartData.datasets[1] = temp0
    
        
        var barChartOptions = {
            responsive              : true,
            indexAxis               : 'y',
            maintainAspectRatio     : false,
            datasetFill             : false,
            plugins: {
                datalabels: {
                    color: 'white',
                    labels: {
                        title: {
                            font: {
                                weight: 'bold',
                            }
                        },
                    }
                },
                tooltips: {
                    enabled: false,
                },
    
    
            },
        }
        
        new Chart(barChartCanvas, {
            plugins: [ChartDataLabels],
            type: 'bar',
            
            data: barChartData,
            options: barChartOptions
    
        });
    }

    /****** END COMPANIES ***/


    /****** START CAPSULE RESUME FUNCTIONS ***/
    if($('#barChartCapsuleResumeFunctions').length > 0) {
        var areaChartData = {
          labels  : [$labelsCapsuleResumeFunctions],
          datasets: [
            {
              label : 'LABEL_GRAPH_STUDENTS_TOTALS',
              borderColor: CHART_COLORS.red,
              backgroundColor: CHART_COLORS.blue,
              borderWidth: 1,
              data : [ $totalsCapsuleResumeFunctions ]
            },
           {
              label : 'LABEL_GRAPH_STUDENTS_RESULE_CAPSULE_VALUES',
              borderColor: CHART_COLORS.blue,
              backgroundColor: CHART_COLORS.red,
              borderWidth: 1,
              data : [ $valuesCapsuleResumeFunctions ]
            },
          ]
    
        }
    
        var barChartCanvas = $('#barChartCapsuleResumeFunctions').get(0).getContext('2d')
        var barChartData = $.extend(true, {}, areaChartData)
        var temp0 = areaChartData.datasets[0]
        var temp1 = areaChartData.datasets[1]
        barChartData.datasets[0] = temp1
        barChartData.datasets[1] = temp0
    
        
        var barChartOptions = {
            responsive              : true,
            indexAxis               : 'y',
            maintainAspectRatio     : false,
            datasetFill             : false,
            plugins: {
                datalabels: {
                    color: 'white',
                    labels: {
                        title: {
                            font: {
                                weight: 'bold',
                            }
                        },
                    }
                },
                tooltips: {
                    enabled: false,
                },
    
    
            },
        }
        
        new Chart(barChartCanvas, {
            plugins: [ChartDataLabels],
            type: 'bar',
            
            data: barChartData,
            options: barChartOptions
    
        });
    }
    /****** END FUNCTIONS ***/

    /****** START CAPSULE RESUME GROUPS ***/
    if($('#barChartCapsuleResumeGroups').length > 0) {
        var areaChartData = {
          labels  : [$labelsCapsuleResumeGroups],
          datasets: [
            {
              label : 'LABEL_GRAPH_STUDENTS_TOTALS',
              borderColor: CHART_COLORS.red,
              backgroundColor: CHART_COLORS.blue,
              borderWidth: 1,
              data : [ $totalsCapsuleResumeGroups ]
            },
           {
              label : 'LABEL_GRAPH_STUDENTS_RESULE_CAPSULE_VALUES',
              borderColor: CHART_COLORS.blue,
              backgroundColor: CHART_COLORS.red,
              borderWidth: 1,
              data : [ $valuesCapsuleResumeGroups ]
            },
          ]
    
        }
    
        var barChartCanvas = $('#barChartCapsuleResumeGroups').get(0).getContext('2d')
        var barChartData = $.extend(true, {}, areaChartData)
        var temp0 = areaChartData.datasets[0]
        var temp1 = areaChartData.datasets[1]
        barChartData.datasets[0] = temp1
        barChartData.datasets[1] = temp0
    
        
        var barChartOptions = {
            responsive              : true,
            indexAxis               : 'y',
            maintainAspectRatio     : false,
            datasetFill             : false,
            plugins: {
                datalabels: {
                    color: 'white',
                    labels: {
                        title: {
                            font: {
                                weight: 'bold',
                            }
                        },
                    }
                },
                tooltips: {
                    enabled: false,
                },
    
    
            },
        }
        
        new Chart(barChartCanvas, {
            plugins: [ChartDataLabels],
            type: 'bar',
            
            data: barChartData,
            options: barChartOptions
    
        });
    }

    /****** END GROUPS ***/


    /****** START CAPSULE RESUME INSTITUTIONS ***/
    if($('#barChartCapsuleResumeInstitutions').length > 0) {
        var areaChartData = {
          labels  : [$labelsCapsuleResumeInstitutions],
          datasets: [
            {
              label : 'LABEL_GRAPH_STUDENTS_TOTALS',
              borderColor: CHART_COLORS.red,
              backgroundColor: CHART_COLORS.blue,
              borderWidth: 1,
              data : [ $totalsCapsuleResumeInstitutions ]
            },
           {
              label : 'LABEL_GRAPH_STUDENTS_RESULE_CAPSULE_VALUES',
              borderColor: CHART_COLORS.blue,
              backgroundColor: CHART_COLORS.red,
              borderWidth: 1,
              data : [ $valuesCapsuleResumeInstitutions ]
            },
          ]
    
        }
    
        var barChartCanvas = $('#barChartCapsuleResumeInstitutions').get(0).getContext('2d')
        var barChartData = $.extend(true, {}, areaChartData)
        var temp0 = areaChartData.datasets[0]
        var temp1 = areaChartData.datasets[1]
        barChartData.datasets[0] = temp1
        barChartData.datasets[1] = temp0
    
        
        var barChartOptions = {
            responsive              : true,
            indexAxis               : 'y',
            maintainAspectRatio     : false,
            datasetFill             : false,
            plugins: {
                datalabels: {
                    color: 'white',
                    labels: {
                        title: {
                            font: {
                                weight: 'bold',
                            }
                        },
                    }
                },
                tooltips: {
                    enabled: false,
                },
    
    
            },
        }
        
        new Chart(barChartCanvas, {
            plugins: [ChartDataLabels],
            type: 'bar',
            
            data: barChartData,
            options: barChartOptions
    
        });
    }

    /****** END INSTITUTIONS ***/


    /****** START CAPSULE RESUME PROGRAMS ***/
    if($('#barChartCapsuleResumePrograms').length > 0) {
        var areaChartData = {
          labels  : [$labelsCapsuleResumePrograms],
          datasets: [
            {
              label : 'LABEL_GRAPH_STUDENTS_TOTALS',
              borderColor: CHART_COLORS.red,
              backgroundColor: CHART_COLORS.blue,
              borderWidth: 1,
              data : [ $totalsCapsuleResumePrograms ]
            },
           {
              label : 'LABEL_GRAPH_STUDENTS_RESULE_CAPSULE_VALUES',
              borderColor: CHART_COLORS.blue,
              backgroundColor: CHART_COLORS.red,
              borderWidth: 1,
              data : [ $valuesCapsuleResumePrograms ]
            },
          ]
    
        }
    
        var barChartCanvas = $('#barChartCapsuleResumePrograms').get(0).getContext('2d')
        var barChartData = $.extend(true, {}, areaChartData)
        var temp0 = areaChartData.datasets[0]
        var temp1 = areaChartData.datasets[1]
        barChartData.datasets[0] = temp1
        barChartData.datasets[1] = temp0
    
        
        var barChartOptions = {
            responsive              : true,
            indexAxis               : 'y',
            maintainAspectRatio     : false,
            datasetFill             : false,
            plugins: {
                datalabels: {
                    color: 'white',
                    labels: {
                        title: {
                            font: {
                                weight: 'bold',
                            }
                        },
                    }
                },
                tooltips: {
                    enabled: false,
                },
    
    
            },
        }
        
        new Chart(barChartCanvas, {
            plugins: [ChartDataLabels],
            type: 'bar',
            
            data: barChartData,
            options: barChartOptions
    
        });
    }

    /****** END PROGRAMS ***/

    /****** START CAPSULE RESUME PARTNERS ***/
    if ($('#barChartCapsuleResumePartners').length > 0) {

        var areaChartData = {
          labels  : [$labelsCapsuleResumePartners],
          datasets: [
            {
              label : 'LABEL_GRAPH_STUDENTS_TOTALS',
              borderColor: CHART_COLORS.red,
              backgroundColor: CHART_COLORS.blue,
              borderWidth: 1,
              data : [ $totalsCapsuleResumePartners ]
            },
           {
              label : 'LABEL_GRAPH_STUDENTS_RESULE_CAPSULE_VALUES',
              borderColor: CHART_COLORS.blue,
              backgroundColor: CHART_COLORS.red,
              borderWidth: 1,
              data : [ $valuesCapsuleResumePartners ]
            },
          ]
    
        }
    
        var barChartCanvas = $('#barChartCapsuleResumePartners').get(0).getContext('2d')
        var barChartData = $.extend(true, {}, areaChartData)
        var temp0 = areaChartData.datasets[0]
        var temp1 = areaChartData.datasets[1]
        barChartData.datasets[0] = temp1
        barChartData.datasets[1] = temp0
    
        
        var barChartOptions = {
            responsive              : true,
            indexAxis               : 'y',
            maintainAspectRatio     : false,
            datasetFill             : false,
            plugins: {
                datalabels: {
                    color: 'white',
                    labels: {
                        title: {
                            font: {
                                weight: 'bold',
                            }
                        },
                    }
                },
                tooltips: {
                    enabled: false,
                },
    
    
            },
        }
        
        new Chart(barChartCanvas, {
            plugins: [ChartDataLabels],
            type: 'bar',
            
            data: barChartData,
            options: barChartOptions
    
        });
    }

    /****** END PARTNERS ***/

    /****** START CAPSULE RESUME SECTORS ***/
    if($('#barChartCapsuleResumeSectors').length > 0) {
    
        var areaChartData = {
          labels  : [$labelsCapsuleResumeSectors],
          datasets: [
            {
              label : 'LABEL_GRAPH_STUDENTS_TOTALS',
              borderColor: CHART_COLORS.red,
              backgroundColor: CHART_COLORS.blue,
              borderWidth: 1,
              data : [ $totalsCapsuleResumeSectors ]
            },
           {
              label : 'LABEL_GRAPH_STUDENTS_RESULE_CAPSULE_VALUES',
              borderColor: CHART_COLORS.blue,
              backgroundColor: CHART_COLORS.red,
              borderWidth: 1,
              data : [ $valuesCapsuleResumeSectors ]
            },
          ]
    
        }
    
        var barChartCanvas = $('#barChartCapsuleResumeSectors').get(0).getContext('2d')
        var barChartData = $.extend(true, {}, areaChartData)
        var temp0 = areaChartData.datasets[0]
        var temp1 = areaChartData.datasets[1]
        barChartData.datasets[0] = temp1
        barChartData.datasets[1] = temp0
    
        
        var barChartOptions = {
            responsive              : true,
            indexAxis               : 'y',
            maintainAspectRatio     : false,
            datasetFill             : false,
            plugins: {
                datalabels: {
                    color: 'white',
                    labels: {
                        title: {
                            font: {
                                weight: 'bold',
                            }
                        },
                    }
                },
                tooltips: {
                    enabled: false,
                },
    
    
            },
        }
        
        new Chart(barChartCanvas, {
            plugins: [ChartDataLabels],
            type: 'bar',
            
            data: barChartData,
            options: barChartOptions
    
        })
    }

    /****** END SECTORS ***/

    /****** START CAPSULE RESUME EXTEND TYPES ***/
    if($('#barChartCapsuleResumeStudentTypes').length > 0) {

        var areaChartData = {
          labels  : [$labelsCapsuleResumeStudentTypes],
          datasets: [
            {
              label : 'LABEL_GRAPH_STUDENTS_TOTALS',
              borderColor: CHART_COLORS.red,
              backgroundColor: CHART_COLORS.blue,
              borderWidth: 1,
              data : [ $totalsCapsuleResumeStudentTypes ]
            },
           {
              label : 'LABEL_GRAPH_STUDENTS_RESULE_CAPSULE_VALUES',
              borderColor: CHART_COLORS.blue,
              backgroundColor: CHART_COLORS.red,
              borderWidth: 1,
              data : [ $valuesCapsuleResumeStudentTypes ]
            },
          ]
    
        }
    
        var barChartCanvas = $('#barChartCapsuleResumeStudentTypes').get(0).getContext('2d')
        var barChartData = $.extend(true, {}, areaChartData)
        var temp0 = areaChartData.datasets[0]
        var temp1 = areaChartData.datasets[1]
        barChartData.datasets[0] = temp1
        barChartData.datasets[1] = temp0
    
        
        var barChartOptions = {
            responsive              : true,
            indexAxis               : 'y',
            maintainAspectRatio     : false,
            datasetFill             : false,
            plugins: {
                datalabels: {
                    color: 'white',
                    labels: {
                        title: {
                            font: {
                                weight: 'bold',
                            }
                        },
                    }
                },
                tooltips: {
                    enabled: false,
                },
    
    
            },
        }
        
        new Chart(barChartCanvas, {
            plugins: [ChartDataLabels],
            type: 'bar',
            
            data: barChartData,
            options: barChartOptions
    
        });

    }

    /****** END EXTEND TYPES ***/
     
    /****** START TOTAL COMPANIES ***/
    if($('#barChartTotalCompanies').length > 0) {
        var areaChartData = {
          labels  : [$labelsTotalCompanies],
          datasets: [
            {
              label               : '',
              backgroundColor: Object.values(CHART_COLORS),
              pointRadius         : true,
              data : [ $totalsTotalCompanies ]
            },

          ]
    
        }
    
        var barChartCanvas = $('#barChartTotalCompanies').get(0).getContext('2d')
        var barChartData = $.extend(true, {}, areaChartData)
        var temp0 = areaChartData.datasets[0]
        barChartData.datasets[0] = temp0
    
        
        var barChartOptions = {
            responsive              : true,
            indexAxis               : 'y',
            maintainAspectRatio     : false,
            datasetFill             : false,
            plugins: {
                legend: {
                    display: false,
                } ,
                datalabels: {
                    color: 'white',
                    labels: {
                        title: {
                            font: {
                                weight: 'bold',
                            }
                        },
                    }
                },
                tooltips: {
                    enabled: false,
                },
    
    
            },
        }
        
        new Chart(barChartCanvas, {
            plugins: [ChartDataLabels],
            type: 'bar',
            
            data: barChartData,
            options: barChartOptions
    
        });
    }

    /****** END COMPANIES ***/


    /****** START TOTAL FUNCTIONS ***/
    if($('#barChartTotalFunctions').length > 0) {
        var areaChartData = {
          labels  : [$labelsTotalFunctions],
          datasets: [
            {
              label               : '',
              backgroundColor: Object.values(CHART_COLORS),
              pointRadius         : true,
              data : [ $totalsTotalFunctions ]
            },
          ]
    
        }
    
        var barChartCanvas = $('#barChartTotalFunctions').get(0).getContext('2d')
        var barChartData = $.extend(true, {}, areaChartData)
        var temp0 = areaChartData.datasets[0]
        barChartData.datasets[0] = temp0
    
        
        var barChartOptions = {
            responsive              : true,
            indexAxis               : 'y',
            maintainAspectRatio     : false,
            datasetFill             : false,
            plugins: {
                legend: {
                    display: false,
                } ,
                datalabels: {
                    color: 'white',
                    labels: {
                        title: {
                            font: {
                                weight: 'bold',
                            }
                        },
                    }
                },
                tooltips: {
                    enabled: false,
                },
    
    
            },
        }
        
        new Chart(barChartCanvas, {
            plugins: [ChartDataLabels],
            type: 'bar',
            
            data: barChartData,
            options: barChartOptions
    
        });
    }
    /****** END FUNCTIONS ***/

    /****** START TOTAL GROUPS ***/
    if($('#barChartTotalGroups').length > 0) {
        var areaChartData = {
          labels  : [$labelsTotalGroups],
          datasets: [
            {
              label               : '',
              backgroundColor: Object.values(CHART_COLORS),
              pointRadius         : true,
              data : [ $totalsTotalGroups ]
            },

          ]
    
        }
    
        var barChartCanvas = $('#barChartTotalGroups').get(0).getContext('2d')
        var barChartData = $.extend(true, {}, areaChartData)
        var temp0 = areaChartData.datasets[0]
        barChartData.datasets[0] = temp0
    
        
        var barChartOptions = {
            responsive              : true,
            indexAxis               : 'y',
            maintainAspectRatio     : false,
            datasetFill             : false,
            plugins: {
                legend: {
                    display: false,
                } ,
                datalabels: {
                    color: 'white',
                    labels: {
                        title: {
                            font: {
                                weight: 'bold',
                            }
                        },
                    }
                },
                tooltips: {
                    enabled: false,
                },
    
    
            },
        }
        
        new Chart(barChartCanvas, {
            plugins: [ChartDataLabels],
            type: 'bar',
            
            data: barChartData,
            options: barChartOptions
    
        });
    }

    /****** END GROUPS ***/


    /****** START TOTAL INSTITUTIONS ***/
    if($('#barChartTotalInstitutions').length > 0) {
        var areaChartData = {
          labels  : [$labelsTotalInstitutions],
          datasets: [
            {
              label               : '',
              backgroundColor: Object.values(CHART_COLORS),
              pointRadius         : true,
              data : [ $totalsTotalInstitutions ]
            },

          ]
    
        }
    
        var barChartCanvas = $('#barChartTotalInstitutions').get(0).getContext('2d')
        var barChartData = $.extend(true, {}, areaChartData)
        var temp0 = areaChartData.datasets[0]
        barChartData.datasets[0] = temp0
    
        
        var barChartOptions = {
            responsive              : true,
            indexAxis               : 'y',
            maintainAspectRatio     : false,
            datasetFill             : false,
            plugins: {
                legend: {
                    display: false,
                } ,
                datalabels: {
                    color: 'white',
                    labels: {
                        title: {
                            font: {
                                weight: 'bold',
                            }
                        },
                    }
                },
                tooltips: {
                    enabled: false,
                },
    
    
            },
        }
        
        new Chart(barChartCanvas, {
            plugins: [ChartDataLabels],
            type: 'bar',
            
            data: barChartData,
            options: barChartOptions
    
        });
    }

    /****** END INSTITUTIONS ***/


    /****** START TOTAL PROGRAMS ***/
    if($('#barChartTotalPrograms').length > 0) {
        var areaChartData = {
          labels  : [$labelsTotalPrograms],
          datasets: [
            {
              label               : '',
              backgroundColor: Object.values(CHART_COLORS),
              pointRadius         : true,
              data : [ $totalsTotalPrograms ]
            },

          ]
    
        }
    
        var barChartCanvas = $('#barChartTotalPrograms').get(0).getContext('2d')
        var barChartData = $.extend(true, {}, areaChartData)
        var temp0 = areaChartData.datasets[0]
        barChartData.datasets[0] = temp0
    
        
        var barChartOptions = {
            responsive              : true,
            indexAxis               : 'y',
            maintainAspectRatio     : false,
            datasetFill             : false,
            plugins: {
                legend: {
                    display: false,
                } ,
                datalabels: {
                    color: 'white',
                    labels: {
                        title: {
                            font: {
                                weight: 'bold',
                            }
                        },
                    }
                },
                tooltips: {
                    enabled: false,
                },
    
    
            },
        }
        
        new Chart(barChartCanvas, {
            plugins: [ChartDataLabels],
            type: 'bar',
            
            data: barChartData,
            options: barChartOptions
    
        });
    }

    /****** END PROGRAMS ***/

    /****** START TOTAL PARTNERS ***/
    if ($('#barChartTotalPartners').length > 0) {

        var areaChartData = {
          labels  : [$labelsTotalPartners],
          datasets: [
            {
              label               : '',
              backgroundColor: Object.values(CHART_COLORS),
              pointRadius         : true,
              data : [ $totalsTotalPartners ]
            },

          ]
    
        }
    
        var barChartCanvas = $('#barChartTotalPartners').get(0).getContext('2d')
        var barChartData = $.extend(true, {}, areaChartData)
        var temp0 = areaChartData.datasets[0]
        barChartData.datasets[0] = temp0
    
        
        var barChartOptions = {
            responsive              : true,
            indexAxis               : 'y',
            maintainAspectRatio     : false,
            datasetFill             : false,
            plugins: {
                legend: {
                    display: false,
                } ,
                datalabels: {
                    color: 'white',
                    labels: {
                        title: {
                            font: {
                                weight: 'bold',
                            }
                        },
                    }
                },
                tooltips: {
                    enabled: false,
                },
    
    
            },
        }
        
        new Chart(barChartCanvas, {
            plugins: [ChartDataLabels],
            type: 'bar',
            
            data: barChartData,
            options: barChartOptions
    
        });
    }

    /****** END PARTNERS ***/

    /****** START TOTAL SECTORS ***/
    if($('#barChartTotalSectors').length > 0) {
    
        var areaChartData = {
          labels  : [$labelsTotalSectors],
          datasets: [
            {
              label               : '',
              backgroundColor: Object.values(CHART_COLORS),
              pointRadius         : true,
              data : [ $totalsTotalSectors ]
            },

          ]
    
        }
    
        var barChartCanvas = $('#barChartTotalSectors').get(0).getContext('2d')
        var barChartData = $.extend(true, {}, areaChartData)
        var temp0 = areaChartData.datasets[0]
        barChartData.datasets[0] = temp0
    
        
        var barChartOptions = {
            responsive              : true,
            indexAxis               : 'y',
            maintainAspectRatio     : false,
            datasetFill             : false,
            plugins: {
                legend: {
                    display: false,
                } ,
                datalabels: {
                    color: 'white',
                    labels: {
                        title: {
                            font: {
                                weight: 'bold',
                            }
                        },
                    }
                },
                tooltips: {
                    enabled: false,
                },
    
    
            },
        }
        
        new Chart(barChartCanvas, {
            plugins: [ChartDataLabels],
            type: 'bar',
            
            data: barChartData,
            options: barChartOptions
    
        })
    }

    /****** END SECTORS ***/

    /****** START TOTAL EXTEND TYPES ***/
    if($('#barChartTotalStudentTypes').length > 0) {

        var areaChartData = {
          labels  : [$labelsTotalStudentTypes],
          datasets: [
            {
              label               : '',
              backgroundColor: Object.values(CHART_COLORS),
              pointRadius         : true,
              data : [ $totalsTotalStudentTypes ]
            },

          ]
    
        }
    
        var barChartCanvas = $('#barChartTotalStudentTypes').get(0).getContext('2d')
        var barChartData = $.extend(true, {}, areaChartData)
        var temp0 = areaChartData.datasets[0]
        barChartData.datasets[0] = temp0
    
        
        var barChartOptions = {
            responsive              : true,
            indexAxis               : 'y',
            maintainAspectRatio     : false,
            datasetFill             : false,
            plugins: {
                legend: {
                    display: false,
                } ,
                datalabels: {
                    color: 'white',
                    labels: {
                        title: {
                            font: {
                                weight: 'bold',
                            }
                        },
                    }
                },
                tooltips: {
                    enabled: false,
                },
    
    
            },
        }
        
        new Chart(barChartCanvas, {
            plugins: [ChartDataLabels],
            type: 'bar',
            
            data: barChartData,
            options: barChartOptions
    
        });

    }

    /****** END EXTEND TYPES ***/
     
});
JS;
$this->inlineScript()->captureEnd();
?>

<!-- Content Wrapper. Contains page content -->
<div class="">
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid">
                <div class="row mb-2">
                        <div class="col-sm-6">
                        <h1 class="m-0">LABEL_OVERVIEW</h1>
                        </div><!-- /.col -->
          <!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <!-- Main content -->
    <section class="content">
                <div class="container-fluid">
      
            <!-- BAR CHART -->
            <div class="card card-primary">
                        <div class="card-header">
                        <h3 class="card-title">LABEL_STUDENTS</h3>

                        <div class="card-tools">
                                <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                <i class="fa fa-minus"></i>
                                </button>

                        </div>
                </div>
                <div class="card-body">
                        <div class="chart">
                                <canvas id="barChartStudents" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
                        </div>
                </div>
                <!-- /.card-body -->
            </div>
            <!-- /.card -->
      
       

      
                <div class="card card-primary">
                        <div class="card-header">
                        <h3 class="card-title">
                                LABEL_GRAPH_LAST_WEEK_TITLE
                        </h3>
                        </div>
                        <div class="card-body">
                        <div class="row">
                                <div class="col-5 col-sm-3">
                                        <div class="nav flex-column nav-tabs h-100" id="vert-tabs-tab" role="tablist" aria-orientation="vertical">
                                                <a class="nav-link active" id="vert-tabs-last-week-company-tab" data-toggle="pill" href="#vert-tabs-last-week-general" role="tab" aria-controls="vert-tabs-last-week-general" aria-selected="true">LABEL_GENERAL</a>

                                                <?php if(!empty($reportsLastWeek['companies'])) : ?>
                                                <a class="nav-link" id="vert-tabs-last-week-company-tab" data-toggle="pill" href="#vert-tabs-last-week-company" role="tab" aria-controls="vert-tabs-last-week-company" aria-selected="true">LABEL_COMPANIES</a>
                                                <?php endif;?>
                                                
                                                <?php if(!empty($reportsLastWeek['functions'])) : ?>
                                                <a class="nav-link" id="vert-tabs-last-week-function-tab" data-toggle="pill" href="#vert-tabs-last-week-function" role="tab" aria-controls="vert-tabs-last-week-function" aria-selected="false">LABEL_FUNCTIONS</a>
                                                <?php endif;?>
                                                
                                                <?php if(!empty($reportsLastWeek['groups'])) : ?>
                                                <a class="nav-link" id="vert-tabs-last-week-group-tab" data-toggle="pill" href="#vert-tabs-last-week-group" role="tab" aria-controls="vert-tabs-last-week-group" aria-selected="false">LABEL_GROUPS</a>
                                                <?php endif;?>
                                                
                                                <?php if(!empty($reportsLastWeek['institutions'])) : ?>
                                                <a class="nav-link" id="vert-tabs-last-week-institution-tab" data-toggle="pill" href="#vert-tabs-last-week-institution" role="tab" aria-controls="vert-tabs-last-week-institution" aria-selected="false">LABEL_INSTITUTIONS</a>
                                                <?php endif;?>
                                                
                                                <?php if(!empty($reportsLastWeek['programs'])) : ?>
                                                <a class="nav-link" id="vert-tabs-last-week-program-tab" data-toggle="pill" href="#vert-tabs-last-week-program" role="tab" aria-controls="vert-tabs-last-week-function" aria-selected="false">LABEL_PROGRAMS</a>
                                                <?php endif;?>
                                                
                                                <?php if(!empty($reportsLastWeek['partners'])) : ?>
                                                <a class="nav-link" id="vert-tabs-last-week-partner-tab" data-toggle="pill" href="#vert-tabs-last-week-partner" role="tab" aria-controls="vert-tabs-last-week-group" aria-selected="false">LABEL_PARTNERS</a>
                                                <?php $active = ''; endif;?>
                                                
                                                <?php if(!empty($reportsLastWeek['sectors'])) : ?>
                                                <a class="nav-link" id="vert-tabs-last-week-sector-tab" data-toggle="pill" href="#vert-tabs-last-week-sector" role="tab" aria-controls="vert-tabs-last-week-institution" aria-selected="false">LABEL_SECTORS</a>
                                                <?php endif;?>
                                                
                                                <?php if(!empty($reportsLastWeek['student_types'])) : ?>
                                                <a class="nav-link" id="vert-tabs-last-week-student-type-tab" data-toggle="pill" href="#vert-tabs-last-week-student-type" role="tab" aria-controls="vert-tabs-last-week-institution" aria-selected="false">LABEL_STUDENT_TYPES</a>
                                                <?php endif;?>
                                        </div>
                                </div>
                                <div class="col-7 col-sm-9">
                                        <div class="tab-content" id="vert-tabs-tabContent">
                                            <div class="tab-pane text-left fade show active" id="vert-tabs-last-week-general" role="tabpanel" aria-labelledby="vert-tabs-last-week-general-tab">
                                                        <div class="chart">
                                                <canvas id="barChartLastWeekGeneral" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
                                        </div>
                                </div>
       
                                                <?php if(!empty($reportsLastWeek['companies'])) : ?>
                                                <div class="tab-pane text-left fade" id="vert-tabs-last-week-company" role="tabpanel" aria-labelledby="vert-tabs-last-week-company-tab">
                                                        <div class="chart">
                                                <canvas id="barChartLastWeekCompanies" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
                                        </div>
                                </div>
                                <?php endif;?>
                                
                                <?php if(!empty($reportsLastWeek['functions'])) : ?>
                                                <div class="tab-pane fade" id="vert-tabs-last-week-function" role="tabpanel" aria-labelledby="vert-tabs-last-week-function-tab">
                                                        <div class="chart">
                                                <canvas id="barChartLastWeekFunctions" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
                                        </div>
                                                </div>
                                                <?php endif;?>
                                                
                                                <?php if(!empty($reportsLastWeek['groups'])) : ?>
                                                <div class="tab-pane fade" id="vert-tabs-last-week-group" role="tabpanel" aria-labelledby="vert-tabs-last-week-group-tab">
                                                        <div class="chart">
                                                <canvas id="barChartLastWeekGroups" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
                                        </div>
                                                </div>
                                                <?php endif;?>
                                                
                                                <?php if(!empty($reportsLastWeek['institutions'])) : ?>
                                                <div class="tab-pane fade" id="vert-tabs-last-week-institution" role="tabpanel" aria-labelledby="vert-tabs-last-week-institution-tab">
                                                        <div class="chart">
                                                <canvas id="barChartLastWeekInstitutions" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
                                        </div>
                                                </div>
                                                <?php endif;?>
                                                
                                                <?php if(!empty($reportsLastWeek['programs'])) : ?>
                                                <div class="tab-pane fade" id="vert-tabs-last-week-program" role="tabpanel" aria-labelledby="vert-tabs-last-week-program-tab">
                                                        <div class="chart">
                                                <canvas id="barChartLastWeekPrograms" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
                                        </div>
                                                </div>
                                                <?php endif;?>
                                                
                                                <?php if(!empty($reportsLastWeek['partners'])) : ?>
                                                <div class="tab-pane fade" id="vert-tabs-last-week-partner" role="tabpanel" aria-labelledby="vert-tabs-last-week-partner-tab">
                                                        <div class="chart">
                                                <canvas id="barChartLastWeekPartners" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
                                        </div>
                                                </div>
                                                <?php endif;?>
                                                
                                                <?php if(!empty($reportsLastWeek['sectors'])) : ?>
                                                <div class="tab-pane fade" id="vert-tabs-last-week-sector" role="tabpanel" aria-labelledby="vert-tabs-last-week-sector-tab">
                                                        <div class="chart">
                                                <canvas id="barChartLastWeekSectors" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
                                        </div>
                                                </div>
                                                <?php endif;?>
                                                
                                                <?php if(!empty($reportsLastWeek['student_types'])) : ?>
                                                <div class="tab-pane fade" id="vert-tabs-last-week-student-type" role="tabpanel" aria-labelledby="vert-tabs-last-week-student-type-tab">
                                                        <div class="chart">
                                                <canvas id="barChartLastWeekStudentTypes" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
                                        </div>
                                                </div>
                                                <?php endif;?>
                                        </div>
                                </div>
                                </div>
                        </div>
               <!-- /.card -->
                </div>
                
                
                
                <div class="card card-primary">
                        <div class="card-header">
                        <h3 class="card-title">
                                LABEL_GRAPH_CAPSULE_RESUME_TITLE
                        </h3>
                        </div>
                        <div class="card-body">
                        <div class="row">
                                <div class="col-5 col-sm-3">
                                        <div class="nav flex-column nav-tabs h-100" id="vert-tabs-tab" role="tablist" aria-orientation="vertical">
                                                <a class="nav-link active" id="vert-tabs-capsule-resume-company-tab" data-toggle="pill" href="#vert-tabs-capsule-resume-general" role="tab" aria-controls="vert-tabs-capsule-resume-general" aria-selected="true">LABEL_GENERAL</a>

                                                <?php if(!empty($reportsCapsuleResume['companies'])) : ?>
                                                <a class="nav-link" id="vert-tabs-capsule-resume-company-tab" data-toggle="pill" href="#vert-tabs-capsule-resume-company" role="tab" aria-controls="vert-tabs-capsule-resume-company" aria-selected="true">LABEL_COMPANIES</a>
                                                <?php endif;?>
                                                
                                                <?php if(!empty($reportsCapsuleResume['functions'])) : ?>
                                                <a class="nav-link" id="vert-tabs-capsule-resume-function-tab" data-toggle="pill" href="#vert-tabs-capsule-resume-function" role="tab" aria-controls="vert-tabs-capsule-resume-function" aria-selected="false">LABEL_FUNCTIONS</a>
                                                <?php endif;?>
                                                
                                                <?php if(!empty($reportsCapsuleResume['groups'])) : ?>
                                                <a class="nav-link" id="vert-tabs-capsule-resume-group-tab" data-toggle="pill" href="#vert-tabs-capsule-resume-group" role="tab" aria-controls="vert-tabs-capsule-resume-group" aria-selected="false">LABEL_GROUPS</a>
                                                <?php endif;?>
                                                
                                                <?php if(!empty($reportsCapsuleResume['institutions'])) : ?>
                                                <a class="nav-link" id="vert-tabs-capsule-resume-institution-tab" data-toggle="pill" href="#vert-tabs-capsule-resume-institution" role="tab" aria-controls="vert-tabs-capsule-resume-institution" aria-selected="false">LABEL_INSTITUTIONS</a>
                                                <?php endif;?>
                                                
                                                <?php if(!empty($reportsCapsuleResume['programs'])) : ?>
                                                <a class="nav-link" id="vert-tabs-capsule-resume-program-tab" data-toggle="pill" href="#vert-tabs-capsule-resume-program" role="tab" aria-controls="vert-tabs-capsule-resume-function" aria-selected="false">LABEL_PROGRAMS</a>
                                                <?php endif;?>
                                                
                                                <?php if(!empty($reportsCapsuleResume['partners'])) : ?>
                                                <a class="nav-link" id="vert-tabs-capsule-resume-partner-tab" data-toggle="pill" href="#vert-tabs-capsule-resume-partner" role="tab" aria-controls="vert-tabs-capsule-resume-group" aria-selected="false">LABEL_PARTNERS</a>
                                                <?php $active = ''; endif;?>
                                                
                                                <?php if(!empty($reportsCapsuleResume['sectors'])) : ?>
                                                <a class="nav-link" id="vert-tabs-capsule-resume-sector-tab" data-toggle="pill" href="#vert-tabs-capsule-resume-sector" role="tab" aria-controls="vert-tabs-capsule-resume-institution" aria-selected="false">LABEL_SECTORS</a>
                                                <?php endif;?>
                                                
                                                <?php if(!empty($reportsCapsuleResume['student_types'])) : ?>
                                                <a class="nav-link" id="vert-tabs-capsule-resume-student-type-tab" data-toggle="pill" href="#vert-tabs-capsule-resume-student-type" role="tab" aria-controls="vert-tabs-capsule-resume-institution" aria-selected="false">LABEL_STUDENT_TYPES</a>
                                                <?php endif;?>
                                        </div>
                                </div>
                                <div class="col-7 col-sm-9">
                                        <div class="tab-content" id="vert-tabs-tabContent">
                                            <div class="tab-pane text-left fade show active" id="vert-tabs-capsule-resume-general" role="tabpanel" aria-labelledby="vert-tabs-capsule-resume-general-tab">
                                                        <div class="chart">
                                                <canvas id="barChartCapsuleResumeGeneral" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
                                        </div>
                                </div>
       
                                                <?php if(!empty($reportsCapsuleResume['companies'])) : ?>
                                                <div class="tab-pane text-left fade" id="vert-tabs-capsule-resume-company" role="tabpanel" aria-labelledby="vert-tabs-capsule-resume-company-tab">
                                                        <div class="chart">
                                                <canvas id="barChartCapsuleResumeCompanies" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
                                        </div>
                                </div>
                                <?php endif;?>
                                
                                <?php if(!empty($reportsCapsuleResume['functions'])) : ?>
                                                <div class="tab-pane fade" id="vert-tabs-capsule-resume-function" role="tabpanel" aria-labelledby="vert-tabs-capsule-resume-function-tab">
                                                        <div class="chart">
                                                <canvas id="barChartCapsuleResumeFunctions" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
                                        </div>
                                                </div>
                                                <?php endif;?>
                                                
                                                <?php if(!empty($reportsCapsuleResume['groups'])) : ?>
                                                <div class="tab-pane fade" id="vert-tabs-capsule-resume-group" role="tabpanel" aria-labelledby="vert-tabs-capsule-resume-group-tab">
                                                        <div class="chart">
                                                <canvas id="barChartCapsuleResumeGroups" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
                                        </div>
                                                </div>
                                                <?php endif;?>
                                                
                                                <?php if(!empty($reportsCapsuleResume['institutions'])) : ?>
                                                <div class="tab-pane fade" id="vert-tabs-capsule-resume-institution" role="tabpanel" aria-labelledby="vert-tabs-capsule-resume-institution-tab">
                                                        <div class="chart">
                                                <canvas id="barChartCapsuleResumeInstitutions" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
                                        </div>
                                                </div>
                                                <?php endif;?>
                                                
                                                <?php if(!empty($reportsCapsuleResume['programs'])) : ?>
                                                <div class="tab-pane fade" id="vert-tabs-capsule-resume-program" role="tabpanel" aria-labelledby="vert-tabs-capsule-resume-program-tab">
                                                        <div class="chart">
                                                <canvas id="barChartCapsuleResumePrograms" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
                                        </div>
                                                </div>
                                                <?php endif;?>
                                                
                                                <?php if(!empty($reportsCapsuleResume['partners'])) : ?>
                                                <div class="tab-pane fade" id="vert-tabs-capsule-resume-partner" role="tabpanel" aria-labelledby="vert-tabs-capsule-resume-partner-tab">
                                                        <div class="chart">
                                                <canvas id="barChartCapsuleResumePartners" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
                                        </div>
                                                </div>
                                                <?php endif;?>
                                                
                                                <?php if(!empty($reportsCapsuleResume['sectors'])) : ?>
                                                <div class="tab-pane fade" id="vert-tabs-capsule-resume-sector" role="tabpanel" aria-labelledby="vert-tabs-capsule-resume-sector-tab">
                                                        <div class="chart">
                                                <canvas id="barChartCapsuleResumeSectors" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
                                        </div>
                                                </div>
                                                <?php endif;?>
                                                
                                                <?php if(!empty($reportsCapsuleResume['student_types'])) : ?>
                                                <div class="tab-pane fade" id="vert-tabs-capsule-resume-student-type" role="tabpanel" aria-labelledby="vert-tabs-capsule-resume-student-type-tab">
                                                        <div class="chart">
                                                <canvas id="barChartCapsuleResumeStudentTypes" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
                                        </div>
                                                </div>
                                                <?php endif;?>
                                        </div>
                                </div>
                                </div>
                        </div>
               <!-- /.card -->
                </div>
                
                <?php 
                if(!empty($reportsStudentsTotal['companies'])
                    || !empty($reportsStudentsTotal['functions'])
                    || !empty($reportsStudentsTotal['groups'])
                    || !empty($reportsStudentsTotal['institutions'])
                    || !empty($reportsStudentsTotal['programs'])
                    || !empty($reportsStudentsTotal['partners'])
                    || !empty($reportsStudentsTotal['sectors'])
                    || !empty($reportsStudentsTotal['student_types'])
                    
                ) : 
                
                ?>
                
                                <div class="card card-primary">
                        <div class="card-header">
                        <h3 class="card-title">
                                LABEL_GRAPH_TOTAL_TITLE
                        </h3>
                        </div>
                        <div class="card-body">
                        <div class="row">
                                <div class="col-5 col-sm-3">
                                        <div class="nav flex-column nav-tabs h-100" id="vert-tabs-tab" role="tablist" aria-orientation="vertical">
                                                <?php $active = 'active'; ?>
                                                <?php if(!empty($reportsStudentsTotal['companies'])) : ?>
                                                <a class="nav-link <?php echo $active ?>" id="vert-tabs-total-company-tab" data-toggle="pill" href="#vert-tabs-total-company" role="tab" aria-controls="vert-tabs-total-company" aria-selected="true">LABEL_COMPANIES</a>
                                                <?php $active = ''; endif;?>
                                                
                                                <?php if(!empty($reportsStudentsTotal['functions'])) : ?>
                                                <a class="nav-link <?php echo $active ?>" id="vert-tabs-total-function-tab" data-toggle="pill" href="#vert-tabs-total-function" role="tab" aria-controls="vert-tabs-total-function" aria-selected="false">LABEL_FUNCTIONS</a>
                                                <?php $active = ''; endif;?>
                                                
                                                <?php if(!empty($reportsStudentsTotal['groups'])) : ?>
                                                <a class="nav-link <?php echo $active ?>" id="vert-tabs-total-group-tab" data-toggle="pill" href="#vert-tabs-total-group" role="tab" aria-controls="vert-tabs-total-group" aria-selected="false">LABEL_GROUPS</a>
                                                <?php $active = ''; endif;?>
                                                
                                                <?php if(!empty($reportsStudentsTotal['institutions'])) : ?>
                                                <a class="nav-link <?php echo $active ?>" id="vert-tabs-total-institution-tab" data-toggle="pill" href="#vert-tabs-total-institution" role="tab" aria-controls="vert-tabs-total-institution" aria-selected="false">LABEL_INSTITUTIONS</a>
                                                <?php $active = ''; endif;?>
                                                
                                                <?php if(!empty($reportsStudentsTotal['programs'])) : ?>
                                                <a class="nav-link <?php echo $active ?>" id="vert-tabs-total-program-tab" data-toggle="pill" href="#vert-tabs-total-program" role="tab" aria-controls="vert-tabs-total-function" aria-selected="false">LABEL_PROGRAMS</a>
                                                <?php $active = ''; endif;?>
                                                
                                                <?php if(!empty($reportsStudentsTotal['partners'])) : ?>
                                                <a class="nav-link <?php echo $active ?>" id="vert-tabs-total-partner-tab" data-toggle="pill" href="#vert-tabs-total-partner" role="tab" aria-controls="vert-tabs-total-group" aria-selected="false">LABEL_PARTNERS</a>
                                                <?php $active = ''; $active = ''; endif;?>
                                                
                                                <?php if(!empty($reportsStudentsTotal['sectors'])) : ?>
                                                <a class="nav-link <?php echo $active ?>" id="vert-tabs-total-sector-tab" data-toggle="pill" href="#vert-tabs-total-sector" role="tab" aria-controls="vert-tabs-total-institution" aria-selected="false">LABEL_SECTORS</a>
                                                <?php $active = ''; endif;?>
                                                
                                                <?php if(!empty($reportsStudentsTotal['student_types'])) : ?>
                                                <a class="nav-link <?php echo $active ?>" id="vert-tabs-total-student-type-tab" data-toggle="pill" href="#vert-tabs-total-student-type" role="tab" aria-controls="vert-tabs-total-institution" aria-selected="false">LABEL_STUDENT_TYPES</a>
                                                <?php $active = ''; endif;?>
                                        </div>
                                </div>
                                <div class="col-7 col-sm-9">
                                        <div class="tab-content" id="vert-tabs-tabContent">
                                                        <?php $active = 'show active' ; ?>
                                                <?php if(!empty($reportsStudentsTotal['companies'])) : ?>
                                                <div class="tab-pane text-left fade <?php echo $active ?>" id="vert-tabs-total-company" role="tabpanel" aria-labelledby="vert-tabs-total-company-tab">
                                                        <div class="chart">
                                                <canvas id="barChartTotalCompanies" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
                                        </div>
                                </div>
                                <?php $active = ''; endif;?>
                                
                                <?php if(!empty($reportsStudentsTotal['functions'])) : ?>
                                                <div class="tab-pane fade <?php echo $active ?>" id="vert-tabs-total-function" role="tabpanel" aria-labelledby="vert-tabs-total-function-tab">
                                                        <div class="chart">
                                                <canvas id="barChartTotalFunctions" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
                                        </div>
                                                </div>
                                                <?php $active = ''; endif;?>
                                                
                                                <?php if(!empty($reportsStudentsTotal['groups'])) : ?>
                                                <div class="tab-pane fade <?php echo $active ?>" id="vert-tabs-total-group" role="tabpanel" aria-labelledby="vert-tabs-total-group-tab">
                                                        <div class="chart">
                                                <canvas id="barChartTotalGroups" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
                                        </div>
                                                </div>
                                                <?php $active = ''; endif;?>
                                                
                                                <?php if(!empty($reportsStudentsTotal['institutions'])) : ?>
                                                <div class="tab-pane fade <?php echo $active ?>" id="vert-tabs-total-institution" role="tabpanel" aria-labelledby="vert-tabs-total-institution-tab">
                                                        <div class="chart">
                                                <canvas id="barChartTotalInstitutions" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
                                        </div>
                                                </div>
                                                <?php $active = ''; endif;?>
                                                
                                                <?php if(!empty($reportsStudentsTotal['programs'])) : ?>
                                                <div class="tab-pane fade <?php echo $active ?>" id="vert-tabs-total-program" role="tabpanel" aria-labelledby="vert-tabs-total-program-tab">
                                                        <div class="chart">
                                                <canvas id="barChartTotalPrograms" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
                                        </div>
                                                </div>
                                                <?php $active = ''; endif;?>
                                                
                                                <?php if(!empty($reportsStudentsTotal['partners'])) : ?>
                                                <div class="tab-pane fade <?php echo $active ?>" id="vert-tabs-total-partner" role="tabpanel" aria-labelledby="vert-tabs-total-partner-tab">
                                                        <div class="chart">
                                                <canvas id="barChartTotalPartners" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
                                        </div>
                                                </div>
                                                <?php $active = ''; endif;?>
                                                
                                                <?php if(!empty($reportsStudentsTotal['sectors'])) : ?>
                                                <div class="tab-pane fade <?php echo $active ?>" id="vert-tabs-total-sector" role="tabpanel" aria-labelledby="vert-tabs-total-sector-tab">
                                                        <div class="chart">
                                                <canvas id="barChartTotalSectors" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
                                        </div>
                                                </div>
                                                <?php $active = ''; endif;?>
                                                
                                                <?php if(!empty($reportsStudentsTotal['student_types'])) : ?>
                                                <div class="tab-pane fade <?php echo $active ?>" id="vert-tabs-total-student-type" role="tabpanel" aria-labelledby="vert-tabs-total-student-type-tab">
                                                        <div class="chart">
                                                <canvas id="barChartTotalStudentTypes" style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%;"></canvas>
                                        </div>
                                                </div>
                                                <?php $active = ''; endif;?>
                                        </div>
                                </div>
                                </div>
                        </div>
               <!-- /.card -->
                </div>
                <?php endif; ?>
        
        
        </div>
    </section>
    <!-- /.content -->
  </div>