From 68c535b348bc5f3914e6a1c5ecb4420b7a44a357 Mon Sep 17 00:00:00 2001
From: Ovidiu U <nonreal@gmail.com>
Date: Sun, 5 Apr 2026 20:51:55 +0100
Subject: [PATCH] fix: use wire:model.live on fuel type, radius, sort selects
 to trigger updated hooks

---
 resources/views/livewire/public/station-search.blade.php | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/resources/views/livewire/public/station-search.blade.php b/resources/views/livewire/public/station-search.blade.php
index 6f02520..801f251 100644
--- a/resources/views/livewire/public/station-search.blade.php
+++ b/resources/views/livewire/public/station-search.blade.php
@@ -17,7 +17,7 @@
             </div>
 
             <div class="w-full sm:w-48">
-                <flux:select wire:model="fuelType" name="fuelType" label="Fuel type">
+                <flux:select wire:model.live="fuelType" name="fuelType" label="Fuel type">
                     <flux:select.option value="">Select fuel type</flux:select.option>
                     <flux:select.option value="petrol">Petrol (E10)</flux:select.option>
                     <flux:select.option value="e5">Super Unleaded (E5)</flux:select.option>
@@ -32,7 +32,7 @@
             </div>
 
             <div class="w-full sm:w-36">
-                <flux:select wire:model="radius" name="radius" label="Radius">
+                <flux:select wire:model.live="radius" name="radius" label="Radius">
                     <flux:select.option value="1">1 mile</flux:select.option>
                     <flux:select.option value="2">2 miles</flux:select.option>
                     <flux:select.option value="5">5 miles</flux:select.option>
@@ -42,7 +42,7 @@
             </div>
 
             <div class="w-full sm:w-40">
-                <flux:select wire:model="sort" name="sort" label="Sort by">
+                <flux:select wire:model.live="sort" name="sort" label="Sort by">
                     <flux:select.option value="price">Cheapest first</flux:select.option>
                     <flux:select.option value="distance">Nearest first</flux:select.option>
                     <flux:select.option value="updated">Recently updated</flux:select.option>