wip

resources/views/livewire/personal-notification-table.blade.php

@@ -0,0 +1,3 @@
+<div>
+    {{ $this->table }}
+</div>

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

@@ -60,20 +60,39 @@
             </x-filament::dropdown.list>
         </x-filament::dropdown>
 
-        {{-- Notifications --}}
+         {{-- Notifications --}}
 
-        <x-filament::modal slide-over width="2xl" icon="phosphor-envelope-duotone" :close-by-clicking-away="true" :close-by-escaping="true"
+        <x-filament::modal slide-over 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-envelope-duotone" class="my-auto" color="gray"
-                    tooltip="Notifications">
+                <x-filament::button outlined icon="phosphor-warning-duotone" class="my-auto" color="gray"
+                    tooltip="Notifications Settings">
                 </x-filament::button>
             </x-slot>
             <x-slot name="heading">
-                Notifications
+                Notifications Settings
+            </x-slot>
+
+            @livewire('personal-notification-table')
+            
+        </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-slot name="trigger">
+                <x-filament::button outlined icon="phosphor-paper-plane-tilt-duotone" class="my-auto" color="gray"
+                    tooltip="Send Message">
+                </x-filament::button>
+            </x-slot>
+            <x-slot name="heading">
+                Send Message
             </x-slot>
 
             @livewire('user-notifications')
+
+
         </x-filament::modal>
 
         {{-- Event Mapper --}}
@@ -86,7 +105,7 @@
             </x-slot>
 
             <x-slot name="heading">
-                <div class="flex justify-between items-center w-screen pr-24">
+                <div class="flex justify-end items-center gap-20">
                     <x-sport-header>
                        Event Mapper {{ auth()->user()->sport->name }}
                     </x-sport-header>
@@ -198,12 +217,12 @@
             :close-button="true">
             <x-slot name="trigger">
                 <x-filament::button outlined icon="phosphor-siren-duotone" color="gray" class="my-auto"
-                    tooltip="Alarm Settings">
+                    tooltip="Alarm Level Settings">
                 </x-filament::button>
             </x-slot>
 
             <x-slot name="heading">
-                Alarm Settings
+                Alarm Level Settings
             </x-slot>
 
             @livewire('alarm-bookmaker')