<div class="col-6">
    <div class="card h-100">
        <div class="card-body">
            <?php if(sizeof(array_keys($gains_notifies_direction)) > 0): ?>
                <canvas id="gains-notifies-direction-chart-tdb-controleur-gestion" width="300" height="300"></canvas>
            <?php else: ?>
                <h5 class="card-title font-weight-bold">Gains notifiés des établissements membres de la structure</h5>
                <p class="card-text">Pas de données disponible.</p>
            <?php endif; ?>
        </div>
    </div>
</div>

<script>
    $(document).ready(function() {
        <?php if(sizeof(array_keys($gains_notifies_direction)) > 0): ?>
        new Chart($('#gains-notifies-direction-chart-tdb-controleur-gestion'), {
            type: 'bar',
            data: {
                datasets: [{
                    data: [<?php echo e(implode(',', array_values($gains_notifies_direction))); ?>],
                    backgroundColor: backgroundColor,
                    borderColor: borderColor,
                    borderWidth: 1
                }],
                labels: [<?php echo '"' . implode('","', array_keys($gains_notifies_direction)) . '"'; ?>]
            },
            options: {
                title: {
                    display: true,
                    text: 'Gains notifiés des établissements membres de la structure',
                    fontSize: 18,
                    fontStyle: 'bold',
                    fontFamily: 'Nunito',
                    fontColor: '#222529'
                },
                responsive: true,
                scales: {
                    yAxes: [{
                        ticks: {
                            beginAtZero: true
                        }
                    }]
                },
                legend: {
                    display: false
                },
                plugins: {
                    datalabels: {
                        formatter: (value) => {
                            return value + ' €';
                        }
                    }
                }
            },
        });
        <?php endif; ?>
    });
</script>
<?php /**PATH /var/www/html/resources/views/home/GHT/charts/tdb-controleur-gestion/gains-notifies-directions.blade.php ENDPATH**/ ?>