46 lines
2.2 KiB
PHP
46 lines
2.2 KiB
PHP
<div class="mx-auto">
|
|
<div class="mb-8">
|
|
<flux:heading size="xl">Atur Hak Akses: {{ $role->name }}</flux:heading>
|
|
<flux:subheading>Aktifkan atau nonaktifkan hak akses untuk role ini.</flux:subheading>
|
|
</div>
|
|
|
|
<form wire:submit.prevent="save">
|
|
<div class="gap-6 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
|
|
@foreach($allPermissions as $group => $permissions)
|
|
<div class="bg-white dark:bg-zinc-900 shadow-sm p-5 border border-zinc-200 dark:border-zinc-800 rounded-xl">
|
|
{{-- Header Grup --}}
|
|
<div class="flex items-center gap-2 mb-4">
|
|
<flux:icon.shield-check class="size-4 text-zinc-400" />
|
|
<flux:heading size="sm" class="text-zinc-400 uppercase tracking-wider">
|
|
{{ $group }}
|
|
</flux:heading>
|
|
</div>
|
|
|
|
{{-- List Permission dengan Switch --}}
|
|
<div class="space-y-4">
|
|
@foreach($permissions as $permission)
|
|
<div class="group flex justify-between items-center">
|
|
<span class="text-zinc-700 dark:text-zinc-300 group-hover:text-indigo-500 text-sm transition-colors">
|
|
{{ $permission->name }}
|
|
</span>
|
|
|
|
{{-- Menggunakan Flux Switch --}}
|
|
<flux:switch
|
|
wire:model="selectedPermissions"
|
|
value="{{ $permission->name }}"
|
|
size="sm"
|
|
/>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
|
|
<div class="flex items-center gap-4 mt-8 pt-6 border-zinc-200 dark:border-zinc-800 border-t">
|
|
<flux:button type="submit" variant="primary">Simpan Perubahan</flux:button>
|
|
<flux:button href="{{ route('admin.roles') }}" variant="ghost" wire:navigate>Kembali</flux:button>
|
|
</div>
|
|
</form>
|
|
</div>
|