deixar tudo baixa no Heatmap da Quadra para eu ir colocando as iformacoes vou precisar de um relatório tambem disso - Follow Up Deployment

index.html

@@ -309,20 +309,20 @@
                                 <div class="w-1/2" id="team1-heatmap">
                                     <div class="court-grid">
                                         <div class="zone heatmap-low" data-zone="4" data-team="1">4</div>
-                                        <div class="zone heatmap-medium" data-zone="3" data-team="1">3</div>
-                                        <div class="zone heatmap-high" data-zone="2" data-team="1">2</div>
+                                        <div class="zone heatmap-low" data-zone="3" data-team="1">3</div>
+                                        <div class="zone heatmap-low" data-zone="2" data-team="1">2</div>
                                         <div class="zone heatmap-low" data-zone="5" data-team="1">5</div>
-                                        <div class="zone heatmap-medium" data-zone="6" data-team="1">6</div>
+                                        <div class="zone heatmap-low" data-zone="6" data-team="1">6</div>
                                         <div class="zone heatmap-low" data-zone="1" data-team="1">1</div>
                                     </div>
                                 </div>
                                 <div class="w-1/2" id="team2-heatmap">
                                     <div class="court-grid">
                                         <div class="zone heatmap-low" data-zone="4" data-team="2">4</div>
-                                        <div class="zone heatmap-medium" data-zone="3" data-team="2">3</div>
-                                        <div class="zone heatmap-high" data-zone="2" data-team="2">2</div>
+                                        <div class="zone heatmap-low" data-zone="3" data-team="2">3</div>
+                                        <div class="zone heatmap-low" data-zone="2" data-team="2">2</div>
                                         <div class="zone heatmap-low" data-zone="5" data-team="2">5</div>
-                                        <div class="zone heatmap-medium" data-zone="6" data-team="2">6</div>
+                                        <div class="zone heatmap-low" data-zone="6" data-team="2">6</div>
                                         <div class="zone heatmap-low" data-zone="1" data-team="2">1</div>
                                     </div>
                                 </div>
@@ -346,12 +346,17 @@
                 </div>
                 
                 <div class="flex justify-between">
-                    <button id="export-csv" class="bg-green-600 text-white px-4 py-2 rounded">
-                        <i class="fas fa-file-csv"></i> Exportar CSV
-                    </button>
-                    <button id="export-pdf" class="bg-red-600 text-white px-4 py-2 rounded">
-                        <i class="fas fa-file-pdf"></i> Exportar PDF
-                    </button>
+                    <div class="flex space-x-2">
+                        <button id="export-csv" class="bg-green-600 text-white px-4 py-2 rounded">
+                            <i class="fas fa-file-csv"></i> Exportar CSV
+                        </button>
+                        <button id="export-pdf" class="bg-red-600 text-white px-4 py-2 rounded">
+                            <i class="fas fa-file-pdf"></i> Exportar PDF
+                        </button>
+                        <button id="export-heatmap" class="bg-blue-600 text-white px-4 py-2 rounded">
+                            <i class="fas fa-fire"></i> Exportar Heatmap
+                        </button>
+                    </div>
                 </div>
             </div>
         </section>
@@ -1293,6 +1298,60 @@
             alert('Função de exportar para PDF seria implementada aqui');
         }
 
+        // Heatmap report function
+        document.getElementById('export-heatmap').addEventListener('click', function() {
+            let reportContent = "Relatório de Heatmap\n\n";
+            reportContent += `Time: ${gameState.team1.name}\n`;
+            
+            // Team 1 zones
+            for (let zone = 1; zone <= 6; zone++) {
+                const zoneElement = document.querySelector(`#team1-heatmap .zone[data-zone="${zone}"]`);
+                const zoneClass = Array.from(zoneElement.classList).find(cls => cls.includes('heatmap-'));
+                let activity = '';
+                
+                if (zoneClass) {
+                    if (zoneClass.includes('high')) activity = 'Alta';
+                    else if (zoneClass.includes('medium')) activity = 'Média';
+                    else activity = 'Baixa';
+                } else {
+                    activity = 'Baixa';
+                }
+                
+                reportContent += `Zona ${zone}: ${activity}\n`;
+            }
+            
+            reportContent += `\nTime: ${gameState.team2.name}\n`;
+            
+            // Team 2 zones
+            for (let zone = 1; zone <= 6; zone++) {
+                const zoneElement = document.querySelector(`#team2-heatmap .zone[data-zone="${zone}"]`);
+                const zoneClass = Array.from(zoneElement.classList).find(cls => cls.includes('heatmap-'));
+                let activity = '';
+                
+                if (zoneClass) {
+                    if (zoneClass.includes('high')) activity = 'Alta';
+                    else if (zoneClass.includes('medium')) activity = 'Média';
+                    else activity = 'Baixa';
+                } else {
+                    activity = 'Baixa';
+                }
+                
+                reportContent += `Zona ${zone}: ${activity}\n`;
+            }
+            
+            // For demo purposes, we'll show in an alert
+            // In a real implementation, you would download this as a file
+            alert(reportContent);
+            
+            // To implement actual file download:
+            // const blob = new Blob([reportContent], { type: 'text/plain' });
+            // const url = URL.createObjectURL(blob);
+            // const a = document.createElement('a');
+            // a.href = url;
+            // a.download = 'relatorio_heatmap.txt';
+            // a.click();
+        });
+
         // Heatmap functionality
         let currentHeatColor = null;
         let currentSelectedZone = null;