From 092a78e306bcd1a2f1ac3dd2c83d266af8032147 Mon Sep 17 00:00:00 2001
From: Malek Tellissi <malek@tellissi.com>
Date: Sat, 12 Sep 2026 22:38:39 +0200
Subject: [PATCH] Navigate to spice edit page on chart bar click

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../SpiceResource/Widgets/SpiceChart.php      | 20 ++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/app/Filament/User/Resources/SpiceResource/Widgets/SpiceChart.php b/app/Filament/User/Resources/SpiceResource/Widgets/SpiceChart.php
index b0204ae..9bfca6a 100644
--- a/app/Filament/User/Resources/SpiceResource/Widgets/SpiceChart.php
+++ b/app/Filament/User/Resources/SpiceResource/Widgets/SpiceChart.php
@@ -70,11 +70,25 @@ class SpiceChart extends ApexChartWidget {
   }
 
   protected function extraJsOptions(): ?RawJs {
-    return RawJs::make(<<<'JS'
+    $urls = \App\Models\Spice::all()
+        ->map(fn ($s) => \App\Filament\User\Resources\SpiceResource::getUrl('edit', ['record' => $s->id]))
+        ->values()
+        ->toJson();
+
+    return RawJs::make(<<<JS
     {
+        chart: {
+            events: {
+                dataPointSelection: function(event, chartContext, config) {
+                    var urls = {$urls};
+                    var url = urls[config.dataPointIndex];
+                    if (url) window.location.href = url;
+                }
+            }
+        },
         xaxis: {
             labels: {
-                formatter: function (val, timestamp, opts) {
+                formatter: function (val) {
                     return val.replace('( ', '(')
                 }
             }
@@ -86,7 +100,7 @@ class SpiceChart extends ApexChartWidget {
             },
             dropShadow: {
                 enabled: true
-            },
+            }
         }
     }
     JS);