wip

app/Filament/Resources/Events/Tables/EventsTable.php

@@ -33,6 +33,7 @@ use Filament\Forms\Components\Toggle;
 use Filament\Schemas\Components\Utilities\Get;
 use Filament\Support\Enums\FontWeight;
 use Filament\Support\Enums\VerticalAlignment;
+use Filament\Support\Enums\Width;
 use Filament\Tables\Columns\IconColumn;
 use Filament\Tables\Columns\TextColumn;
 use Filament\Tables\Enums\FiltersLayout;
@@ -223,7 +224,6 @@ class EventsTable
                     ->schema([
                         Select::make(name: 'country_id')
                             ->placeholder('Country')
-                            ->columnSpan(4)
                             ->hiddenLabel()
                             ->label('')
                             ->searchable()
@@ -243,7 +243,6 @@ class EventsTable
                             ->hiddenLabel()
                             ->label('')
                             ->multiple()
-                            ->columnSpan(6)
                             ->searchable()
                             ->options(function (Get $get) {
                                 if ($get('country_id')) {
@@ -261,29 +260,28 @@ class EventsTable
                             })
                             ->live(),
                         DateRangePicker::make('starttime_period')
-                            ->columnSpan(8)
                             ->startPrefix('From')
                             ->displayFormat('d M Y')
                             ->minDate(now())
                             ->hiddenLabel()
                             ->label('')
                             ->live(),
-                        Toggle::make('stars_status')
-                            ->hiddenLabel()
-                            ->onIcon('phosphor-star-fill')
-                            ->offIcon('phosphor-star')
-                            ->offColor('gray')
-                            ->live(),
-                        Action::make('resetAction')
-                            ->hiddenLabel()
-                            ->color('primary')
-                            ->outlined()
-                            ->keyBindings(['esc', 'escape'])
-                            ->icon('phosphor-x')
-                            ->action(function ($livewire) {
-                                $livewire->resetTableFiltersForm(); // Clears all filters
-                                $livewire->tableSearch = ''; // Clears the main search bar
-                            }),
+                        // Toggle::make('stars_status')
+                        //     ->hiddenLabel()
+                        //     ->onIcon('phosphor-star-fill')
+                        //     ->offIcon('phosphor-star')
+                        //     ->offColor('gray')
+                        //     ->live(),
+                        // Action::make('resetAction')
+                        //     ->hiddenLabel()
+                        //     ->color('primary')
+                        //     ->outlined()
+                        //     ->keyBindings(['esc', 'escape'])
+                        //     ->icon('phosphor-x')
+                        //     ->action(function ($livewire) {
+                        //         $livewire->resetTableFiltersForm(); // Clears all filters
+                        //         $livewire->tableSearch = ''; // Clears the main search bar
+                        //     }),
                     ])
                     ->query(function (Builder $query, array $data): Builder {
                         return $query
@@ -321,9 +319,9 @@ class EventsTable
                                 }
                             );
                     })
-                    ->columns(20)->columnSpan(20),
-            ], layout: FiltersLayout::AboveContent)
-            ->filtersFormColumns(6)
+                    ->columns(1)->columnSpan(1),
+            ], layout: FiltersLayout::Modal)
+            ->filtersFormWidth(Width::TwoExtraLarge)
             ->deferFilters(false)
             ->persistFiltersInSession()
             ->recordActions([

app/Providers/Filament/AdminPanelProvider.php

@@ -96,7 +96,7 @@ class AdminPanelProvider extends PanelProvider
                 Authenticate::class,
             ])->plugins([
                 FilamentShieldPlugin::make(),
-                // HooksHelperPlugin::make(),
+                HooksHelperPlugin::make(),
                 FilamentEditProfilePlugin::make()->shouldRegisterNavigation(false),
                 LightSwitchPlugin::make()->position(Alignment::BottomCenter),
                 FilamentBackgroundsPlugin::make()

resources/css/filament/admin/theme.css

@@ -15,9 +15,14 @@ button[wire\:click="resetTableFiltersForm"] {
     @apply flex-row-reverse;
 } */
 /* searchbox move to left */
-.fi-ta-header-toolbar>*:nth-child(2) {
+.fi-ta-header-toolbar> :nth-child(2) {
+    justify-content: center;
+    width: 100%;
+}
+
+.fi-ta-filter-indicators {
+    justify-content: center;
     width: 100%;
-    justify-content: space-between;
 }
 
 /* label bettypes centered */

resources/views/livewire/bettype-toggle.blade.php

@@ -1,4 +1,6 @@
 <div class="flex flex-row gap-3">
+    <x-filament::button icon="phosphor-x" outlined>
+    </x-filament::button>
     @foreach ($bettype_toggles as $toggle)
         <x-filament::button size="xs" class="flex flex-col justify-center gap-0" tooltip="{{ $toggle['name'] }}"
             wire:click="toggleBettype({{ $toggle['id'] }})" wire:dispatch="refreshTable" :color="!$toggle['is_active'] ? 'gray' : 'primary'">

todo.md

@@ -12,4 +12,8 @@
 
 - [x] stars in frontend
 - [x] txodds last call
-- [x] logifuture production grapper
+- [x] logifuture production grapper
+
+
+- [ ] Find Fixture
+- [ ] Event Filter Indicators and reset button