notificaciones migracion y maquetado y modelo

resources/views/layouts/navigationup.blade.php

@@ -20,7 +20,14 @@
                 </div>
             </div>
 
+            
+
             <div class="flex">
+                <livewire:bell /> 
+                {{-- @livewire('bell') --}}
+
+
+
                 @if ( auth()->user()->rol->nombre != "editor")
                 <div class="space-x-8 sm:ml-8 sm:pr-4 flex text-white font-semibold items-center border-r border-gray-500/40 my-2  mx-1 pr-1" >
                     <div class=" text-sm sm:text-lg ">$ {{number_format(Auth::user()->saldo->valor) ?? '0'}}</div>

resources/views/livewire/bell.blade.php

@@ -0,0 +1,20 @@
+<div class="flex justify-center items-center" x-data="{ notificaciones: @entangle('notificaciones') }">
+    <div class="fill-[{{ App\Models\Configuracione::Orderby('id', 'desc')->first()->color_boton }}] relative cursor-pointer"
+        @click="notificaciones=!notificaciones">
+        <span
+            class="absolute top-0 left-0 bg-red-500 rounded-full w-5 h-5 flex justify-center items-center text-xs text-white">
+            {{ $noti > 9 ? '9+' : $noti }}
+        </span>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" class="w-10">
+            <path
+                d="M200-200q-17 0-28.5-11.5T160-240q0-17 11.5-28.5T200-280h40v-280q0-83 50-147.5T420-792v-28q0-25 17.5-42.5T480-880q25 0 42.5 17.5T540-820v28q80 20 130 84.5T720-560v280h40q17 0 28.5 11.5T800-240q0 17-11.5 28.5T760-200H200Zm280-300Zm0 420q-33 0-56.5-23.5T400-160h160q0 33-23.5 56.5T480-80ZM320-280h320v-280q0-66-47-113t-113-47q-66 0-113 47t-47 113v280Z" />
+        </svg>
+    </div>
+
+    <div x-cloak x-show="notificaciones" @click.outside="notificaciones = false" class="absolute top-14 right-32 rounded-lg border border-[{{ App\Models\Configuracione::Orderby('id', 'desc')->first()->color_boton }}]  bg-white w-96 h-96 z-50">
+        <div>
+            hola hola
+            hola
+        </div>
+    </div>
+</div>