fixes

resources/views/livewire/client-group-list-editor.blade.php

@@ -1,5 +1,5 @@
 <div>
-        <x-sport-header>
+    <x-sport-header>
         {{ auth()->user()->sport->name }}
     </x-sport-header>
 

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

@@ -1,6 +1,6 @@
 <div class="flex flex-1 gap-3 mr-5">
     @if ($this->current == 'filament.admin.resources.events.index')
-        
+
         {{-- Client Swop Bookmaker --}}
 
         <x-filament::dropdown>
@@ -60,9 +60,9 @@
             </x-filament::dropdown.list>
         </x-filament::dropdown>
 
-         {{-- Notifications --}}
+        {{-- Notifications --}}
 
-        <x-filament::modal width="2xl" icon="phosphor-warning-duotone" :close-by-clicking-away="true" :close-by-escaping="true"
+        {{-- <x-filament::modal width="2xl" icon="phosphor-warning-duotone" :close-by-clicking-away="true" :close-by-escaping="true"
             :close-button="true">
             <x-slot name="trigger">
                 <x-filament::button outlined icon="phosphor-warning-duotone" class="my-auto" color="gray"
@@ -74,13 +74,13 @@
             </x-slot>
 
             @livewire('personal-notification-table')
-            
-        </x-filament::modal>
+
+        </x-filament::modal> --}}
 
         {{-- Send Message --}}
 
-        <x-filament::modal slide-over width="2xl" icon="phosphor-paper-plane-tilt-duotone" :close-by-clicking-away="true" :close-by-escaping="true"
-            :close-button="true">
+        <x-filament::modal width="2xl" id="send_message_modal" icon="phosphor-paper-plane-tilt-duotone"
+            :close-by-clicking-away="true" :close-by-escaping="true" :close-button="true">
             <x-slot name="trigger">
                 <x-filament::button outlined icon="phosphor-paper-plane-tilt-duotone" class="my-auto" color="gray"
                     tooltip="Send Message">
@@ -97,17 +97,18 @@
 
         {{-- Event Mapper --}}
 
-        <x-filament::modal width="screen" icon="phosphor-arrows-in-line-horizontal" :close-by-clicking-away="true" :close-by-escaping="true" :close-button="true">
+        <x-filament::modal width="screen" icon="phosphor-arrows-in-line-horizontal" :close-by-clicking-away="true" :close-by-escaping="true"
+            :close-button="true">
             <x-slot name="trigger">
-                <x-filament::button outlined icon="phosphor-arrows-in-line-horizontal" color="gray"
-                    class="my-auto" tooltip="Event Mapper">
+                <x-filament::button outlined icon="phosphor-arrows-in-line-horizontal" color="gray" class="my-auto"
+                    tooltip="Event Mapper">
                 </x-filament::button>
             </x-slot>
 
             <x-slot name="heading">
                 <div class="flex justify-end items-center gap-20">
                     <x-sport-header>
-                       Event Mapper {{ auth()->user()->sport->name }}
+                        Event Mapper {{ auth()->user()->sport->name }}
                     </x-sport-header>
                     @php
                         if (!auth()->user()->provider_id) {
@@ -230,7 +231,8 @@
 
         {{-- Calculation --}}
 
-        <x-filament::modal slide-over width="4xl" icon="phosphor-sliders" :close-by-clicking-away="true" :close-by-escaping="true" :close-button="true">
+        <x-filament::modal slide-over width="4xl" icon="phosphor-sliders" :close-by-clicking-away="true" :close-by-escaping="true"
+            :close-button="true">
             <x-slot name="trigger">
                 <x-filament::button icon="phosphor-sliders" color="gray" class="my-auto" wire:click="setUser"
                     tooltip="Comparing Bookmaker">
@@ -246,7 +248,8 @@
         </x-filament::modal>
 
         {{-- Custom Groups --}}
-        <x-filament::modal width="4xl" icon="phosphor-user-list" :close-by-clicking-away="true" :close-by-escaping="true" :close-button="true">
+        <x-filament::modal width="4xl" icon="phosphor-user-list" :close-by-clicking-away="true" :close-by-escaping="true"
+            :close-button="true">
             <x-slot name="trigger">
                 <x-filament::button outlined icon="phosphor-user-list" color="gray" class="my-auto"
                     tooltip="Custom Groups">

resources/views/livewire/user-notifications.blade.php

@@ -1,3 +1,12 @@
 <div>
-    {{ $this->table }}
+    <form wire:submit="create">
+        {{ $this->form }}
+
+        <x-filament::button type="submit" class="my-5" icon="phosphor-paper-plane-tilt-duotone">
+            Send Message
+        </x-filament::button>
+
+    </form>
+
+    <x-filament-actions::modals />
 </div>