new admin design with mnodules

Modules/Roles/Resources/views/form.blade.php

@@ -0,0 +1 @@
+<x-layouts.app :title="$role->exists ? __('Edit role') : __('Create role')"><div class="max-w-3xl space-y-6"><div><h1 class="text-2xl font-semibold">{{ $role->exists ? 'Edit role' : 'Create role' }}</h1></div><form method="POST" action="{{ $role->exists ? route('administration.roles.update',$role) : route('administration.roles.store') }}" class="space-y-6 rounded-xl border border-zinc-200 bg-white p-6 dark:border-zinc-700 dark:bg-zinc-900">@csrf @if($role->exists)@method('PUT')@endif<flux:input name="name" label="Name" :value="old('name',$role->name)" required/><div><div class="mb-3 font-medium">Permissions</div><div class="grid gap-3 sm:grid-cols-2">@foreach($permissions as $permission)<label class="flex items-center gap-3 rounded-lg border border-zinc-200 p-3 dark:border-zinc-700"><input type="checkbox" name="permissions[]" value="{{ $permission->name }}" @checked(in_array($permission->name,old('permissions',$role->exists ? $role->permissions->pluck('name')->all() : [])))><span class="text-sm">{{ $permission->name }}</span></label>@endforeach</div></div><div class="flex justify-end gap-2"><flux:button :href="route('administration.roles.index')">Cancel</flux:button><flux:button type="submit" variant="primary">Save</flux:button></div></form></div></x-layouts.app>

Modules/Roles/Resources/views/index.blade.php

@@ -0,0 +1 @@
+<x-layouts.app :title="__('Roles')"><div class="space-y-6"><div class="flex items-start justify-between"><div><h1 class="text-2xl font-semibold">Roles & permissions</h1><p class="mt-1 text-sm text-zinc-500">Control administrative access.</p></div><flux:button variant="primary" :href="route('administration.roles.create')" wire:navigate>Create role</flux:button></div>@if(session('status'))<div class="rounded-xl bg-emerald-50 p-3 text-sm text-emerald-800">{{ session('status') }}</div>@endif<div class="rounded-xl border border-zinc-200 bg-white dark:border-zinc-700 dark:bg-zinc-900"><div class="divide-y divide-zinc-200 dark:divide-zinc-800">@foreach($roles as $role)<div class="flex items-center justify-between p-4"><div><div class="font-medium">{{ $role->name }}</div><div class="text-xs text-zinc-500">{{ $role->users_count }} users · {{ $role->permissions_count }} permissions</div></div><div class="flex gap-2"><flux:button size="sm" :href="route('administration.roles.edit',$role)" wire:navigate>Edit</flux:button>@if($role->name!=='admin')<form method="POST" action="{{ route('administration.roles.destroy',$role) }}">@csrf @method('DELETE')<flux:button size="sm" variant="danger" type="submit">Delete</flux:button></form>@endif</div></div>@endforeach</div></div></div></x-layouts.app>