añadir funicionalidades de permisos y grupos

resources/views/roles/create.blade.php

@@ -0,0 +1,43 @@
+{{-- resources/views/roles/create.blade.php --}}
+<x-layouts.app :title="__('Create Roles')">
+    <div class="container mx-auto px-4 py-8">
+        <div class="bg-white rounded-lg shadow-md p-6">
+            <h1 class="text-2xl font-semibold mb-6">Crear Nuevo Rol</h1>
+            
+            <form action="{{ route('roles.store') }}" method="POST">
+                @csrf
+                
+                <div class="mb-4">
+                    <label class="block text-gray-700 text-sm font-bold mb-2">Nombre</label>
+                    <input type="text" name="name" 
+                        class="form-input w-full @error('name') border-red-500 @enderror"
+                        required>
+                    @error('name')
+                        <p class="text-red-500 text-xs mt-1">{{ $message }}</p>
+                    @enderror
+                </div>
+
+                <div class="mb-4">
+                    <label class="block text-gray-700 text-sm font-bold mb-2">Permisos</label>
+                    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
+                        @foreach($permissions as $permission)
+                            <label class="flex items-center space-x-2">
+                                <input type="checkbox" name="permissions[]" 
+                                    value="{{ $permission->name }}"
+                                    class="form-checkbox">
+                                <span class="text-sm text-gray-700">{{ $permission->name }}</span>
+                            </label>
+                        @endforeach
+                    </div>
+                </div>
+
+                <div class="flex justify-end">
+                    <button type="submit" class="btn-primary">
+                        Crear Rol
+                    </button>
+                </div>
+            </form>
+        </div>
+    </div>
+</x-layouts.app>
+