Testing Alpha

resources/views/livewire/settings/rbac/permissions/offcanvas-form.blade.php

@@ -0,0 +1,39 @@
+<div>
+    <x-vuexy-admin::offcanvas.basic :id="$offcanvasId" :tag-name="$tagName">
+        <x-vuexy-admin::form :uid="$uniqueId" :id="$formId" :mode="$mode" wireSubmit="onSubmit">
+            <x-slot name="actions">
+                <x-vuexy-admin::button.offcanvas-buttons :mode="$mode" :tagName="$tagName" />
+            </x-slot>
+            {{-- Usuario --}}
+            <x-vuexy-admin::form.input :uid="$uniqueId" model="name" label="Nombre(s)" />
+            <x-vuexy-admin::form.input :uid="$uniqueId" model="last_name" label="Apellidos" />
+            {{-- Correos electrónicos --}}
+            <x-vuexy-admin::form.input type="email" :uid="$uniqueId" model="email" label="Correo electrónico" icon="ti ti-mail" autocomplete="email" inputmode="email" />
+
+            {{-- Contraseña --}}
+            <x-vuexy-admin::form.input type="password" :uid="$uniqueId" model="password" label="Contraseña" icon="ti ti-lock" autocomplete="new-password" />
+
+
+            <hr>
+
+        </x-vuexy-admin::form>
+    </x-vuexy-admin::offcanvas.basic>
+</div>
+
+@push('page-script')
+    <script>
+        // Evento para inicializar el formulario cuando se carga la página
+        document.addEventListener("DOMContentLoaded", function () {
+            const initializeUserForm = () => {
+
+            };
+
+            var myOffcanvas = document.getElementById('{{ $offcanvasId }}');
+
+            myOffcanvas.addEventListener('show.bs.offcanvas', function () {
+                initializeUserForm();
+            });
+        });
+
+    </script>
+@endpush

resources/views/livewire/settings/rbac/permissions/permissions.blade.php

@@ -0,0 +1,17 @@
+<div>
+    <h2 class="text-xl font-bold">Gestión de Permisos</h2>
+
+    <div class="mb-4">
+        <input type="text" wire:model="permissionName" placeholder="Nombre del permiso" class="border p-2">
+        <button wire:click="createPermission" class="bg-blue-500 text-white px-4 py-2">Crear Permiso</button>
+    </div>
+
+    <ul>
+        @foreach($permissions as $permission)
+            <li>
+                {{ $permission->name }}
+                <button wire:click="deletePermission({{ $permission->id }})" class="text-red-500">Eliminar</button>
+            </li>
+        @endforeach
+    </ul>
+</div>

resources/views/livewire/settings/rbac/permissions/table-index.blade.php

@@ -0,0 +1,7 @@
+<x-vuexy-admin::table.bootstrap.manager :tagName="$tagName" :datatableConfig="$bt_datatable">
+    <x-slot name="tools">
+        <div class="mb-4 pr-2">
+            <x-vuexy-admin::button.index-offcanvas :label="$singularName" :tagName="$tagName" />
+        </div>
+    </x-slot>
+</x-vuexy-admin::table.bootstrap.manager>