Avances con varias cosas~

resources/views/livewire/usuarios/edit.blade.php

@@ -0,0 +1,38 @@
+<div class="max-w-screen-sm mx-auto">
+    <div class="mb-4">
+        @if($this->user)
+            <x-title>Editar Usuario</x-title>
+        @else
+            <x-title>Crear Usuario</x-title>
+        @endif
+    </div>
+
+
+    <form wire:submit.prevent="save">
+        <x-card class="space-y-4">
+            <x-input label="Nombre" wire:model="name"/>
+            <x-input label="Correo Electrónico" wire:model="email"/>
+            <x-select.styled label="Roles" :options="$this->availableRoles" select="label:title|value:id" multiple
+                             wire:model="roles"/>
+
+
+            @if($this->user)
+                <x-checkbox label="Cambiar contraseña" wire:model.live="change_password"/>
+            @endif
+
+            @if(!$this->user || $change_password)
+                <x-password label="Contraseña" wire:model="password"/>
+                <x-password label="Confirmación de la contraseña" wire:model="password_confirmation"/>
+            @endif
+
+            <x-slot:footer>
+                <x-button wire:navigate :href="route('usuarios.index')" icon="arrow-left" color="secondary">
+                    Volver
+                </x-button>
+                <x-button type="submit" icon="plus">
+                    Guardar
+                </x-button>
+            </x-slot:footer>
+        </x-card>
+    </form>
+</div>

resources/views/livewire/usuarios/index.blade.php

@@ -0,0 +1,22 @@
+@php use App\Models\User; @endphp
+<div>
+    <div class="flex flex-col sm:flex-row gap-2 justify-between items-baseline mb-4">
+        <x-title>Usuarios</x-title>
+        @can('create', User::class)
+            <x-button :href="route('usuarios.create')" wire:navigate icon="plus">Registrar Usuario</x-button>
+        @endcan
+    </div>
+
+    <div class="mt-4">
+        <x-table striped :headers="$this->headers" :rows="$this->rows" paginate>
+            @interact('column_action', $row)
+            @can('update', $row)
+                <x-button.circle icon="edit" :href="route('usuarios.edit', $row->id)" wire:navigate :key="uniqid()"/>
+            @endcan
+            @can('delete', $row)
+                <x-button.circle icon="trash" color="red" wire:click="confirmDelete('{{$row->id}}')" :key="uniqid()"/>
+            @endcan
+            @endinteract
+        </x-table>
+    </div>
+</div>