filter in monitor wip

resources/views/livewire/top-menu-items.blade.php

@@ -0,0 +1,51 @@
+<div class="flex flex-1 gap-4">
+    @if ($this->current == 'filament.admin.resources.events.index')
+        <x-filament::input.wrapper prefix-icon="{{ $sporticon }}" prefix-icon-color="{{ $iconcolor }}">
+            <x-filament::input.select wire:model="sport_id" wire:change="swopSport">
+                @foreach ($sports as $id => $name)
+                    <option value="{{ $id }}">{{ $name }}</option>
+                @endforeach
+            </x-filament::input.select>
+        </x-filament::input.wrapper>
+
+        <x-filament::modal width="7xl" icon="heroicon-o-squares-2x2">
+            <x-slot name="trigger">
+                <x-filament::button outlined icon="heroicon-o-squares-2x2" color="gray">
+                    Event Mapper
+                </x-filament::button>
+            </x-slot>
+
+            <x-slot name="heading">
+                Event Mapper
+            </x-slot>
+
+            {{-- Modal content --}}
+            <div class="grid grid-cols-2 gap-4">
+                <div>
+                    @livewire('mapper-events')
+                </div>
+                <div>
+                    @livewire('mapper-clients')
+                </div>
+            </div>
+
+        </x-filament::modal>
+    @endif
+
+    <x-filament::dropdown>
+        <x-slot name="trigger">
+            <x-filament::button icon="phosphor-user">
+                {{ $client }}
+            </x-filament::button>
+        </x-slot>
+
+        <x-filament::dropdown.list>
+            @foreach ($clients as $id => $name)
+                <x-filament::dropdown.list.item wire:click="swop({{ $id }})" icon="phosphor-key">
+                    {{ $name }}
+                </x-filament::dropdown.list.item>
+            @endforeach
+        </x-filament::dropdown.list>
+    </x-filament::dropdown>
+
+</div>