report - messaggio "no data" in caso di nessun dato disponibile

resources/views/livewire/reports.blade.php

@@ -432,34 +432,36 @@
                     '#8e44ad', '#e67e22', '#95a5a6', '#f1c40f', '#e74c3c'
                 ];
 
-                let tableHtml = `
-        <div class="causals-table compact">
-            <div class="table-header">
-                <div class="table-cell causale">Causale</div>
-                <div class="table-cell euro">Importo</div>
-                <div class="table-cell percent">%</div>
-            </div>
-    `;
-
-                causalsData.inLabels.forEach((label, index) => {
-                    const value = dataValues[index] || 0;
-                    const percentage = total > 0 ? ((value / total) * 100).toFixed(1) : 0;
-                    const color = colors[index % colors.length];
+                let tableHtml = `<div class="causals-table compact">
+                                    <div class="table-header">
+                                        <div class="table-cell causale">Causale</div>
+                                        <div class="table-cell euro">Importo</div>
+                                        <div class="table-cell percent">%</div>
+                                    </div>`;
 
-                    tableHtml += `
-            <div class="table-row">
-                <div class="table-cell causale">
-                    <span class="causale-indicator" style="background-color: ${color}"></span>
-                    ${label}
-                </div>
-                <div class="table-cell euro">€${new Intl.NumberFormat('it-IT', {
-                        minimumFractionDigits: 2,
-                        maximumFractionDigits: 2
-                    }).format(value)}</div>
-                <div class="table-cell percent">${percentage}%</div>
-            </div>
-        `;
-                });
+                if (causalsData.inLabels.length) {
+                    causalsData.inLabels.forEach((label, index) => {
+                        const value = dataValues[index] || 0;
+                        const percentage = total > 0 ? ((value / total) * 100).toFixed(1) : 0;
+                        const color = colors[index % colors.length];
+
+                        tableHtml += `<div class="table-row">
+                                        <div class="table-cell causale">
+                                            <span class="causale-indicator" style="background-color: ${color}"></span>
+                                            ${label}
+                                        </div>
+                                        <div class="table-cell euro">€${new Intl.NumberFormat('it-IT', {
+                                                minimumFractionDigits: 2,
+                                                maximumFractionDigits: 2
+                                            }).format(value)}</div>
+                                        <div class="table-cell percent">${percentage}%</div>
+                                    </div>`;
+                    });
+                } else {
+                    tableHtml += `<div class="table-row">
+                                    <p>Nessun dato disponibile</p>
+                                </div>`;
+                }
 
                 tableHtml += '</div>';
                 container.innerHTML = tableHtml;