mejoras

resources/views/users/index.blade.php

@@ -1,17 +1,42 @@
-<x-layouts.app :title="__('Users')">
-    <div class="max-w-7xl mx-auto px-4 py-8">
-        <div class="flex justify-between items-center mb-6">
-            <div class="flex items-center gap-4 mb-4">
-                <svg class="w-8 h-8 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/>
-                </svg>
-                <h1 class="text-3xl font-bold text-gray-800">Usuarios</h1>
-            </div>
-            <a href="{{ route('users.create') }}" class="bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700">
-                Nuevo
-            </a>
+<x-layouts.app :title="__('Users')" :showSidebar={{ $showSidebar }}>
+
+    <div class="flex justify-between items-center mb-6">
+        <div class="flex items-center gap-4 mb-4">
+            <flux:icon.user class="size-8" variant="solid" />
+            <h1 class="text-3xl font-bold text-gray-800">Usuarios</h1>
         </div>
-    
-        @livewire('user-table')
+        <a href="{{ route('users.create') }}" class="bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700">
+            Nuevo
+        </a>
     </div>
+
+    @livewire('user-table')
+
+    <!-- Sidebar menu -->
+    @push('sidebar-menu')
+    <flux:navlist variant="outline">
+        <!-- Sección de Usuarios -->
+        <flux:navlist.group :heading="__('User')">
+            <flux:navlist.item 
+                icon="users" 
+                :href="route('users.index')" 
+                wire:navigate
+            >
+                {{ __('List Users') }}
+            </flux:navlist.item>
+            
+            <flux:navlist.item 
+                icon="user-plus" 
+                :href="route('users.create')" 
+                wire:navigate
+            >
+                {{ __('Create User') }}
+            </flux:navlist.item>
+        </flux:navlist.group>
+        
+        <flux:separator />
+    </flux:navlist>
+
+    @endpush
+
 </x-layouts.app>