Files
construprogress/resources/views/livewire/roles/role-form.blade.php
T
javier 5092896a1e refactor(roles): role create/edit as a full page instead of a modal
Per feedback, 'New role' (and Edit) now open a dedicated page instead of a
modal:
- New RoleForm full-page component + view at /admin/roles/create and
  /admin/roles/{role}/edit (name, description, permission checkboxes; saves
  and redirects back to the list).
- RoleManager trimmed: the create/edit modal and its logic removed; 'New role'
  and the per-row/view-modal Edit are now links to the new pages.
- Kept the read-only View modal, single + bulk delete, and protections.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-06-17 17:05:01 +02:00

74 lines
3.7 KiB
PHP

<div class="py-8 max-w-3xl mx-auto sm:px-6 lg:px-8">
<div class="flex items-center justify-between mb-6">
<h2 class="text-2xl font-bold text-gray-800">
{{ $role ? __('Edit role') : __('New role') }}
</h2>
<a href="{{ route('admin.roles') }}" class="btn btn-ghost btn-sm gap-1" wire:navigate>
<x-heroicon-o-arrow-left class="w-4 h-4" /> {{ __('Back') }}
</a>
</div>
<div class="bg-white rounded-lg shadow p-6">
<form wire:submit.prevent="save" class="space-y-5">
{{-- Nombre --}}
<div class="flex items-start gap-4">
<label class="w-40 shrink-0 pt-2 text-sm font-medium text-gray-700">
{{ __('Name') }} <span class="text-error">*</span>
</label>
<div class="flex-1">
<input type="text" wire:model="name"
class="input input-bordered w-full @error('name') input-error @enderror"
placeholder="{{ __('e.g. Site Supervisor') }}"
@if($isProtected) readonly @endif />
@error('name') <p class="text-error text-xs mt-1">{{ $message }}</p> @enderror
@if($isProtected)
<p class="text-xs text-gray-400 mt-1">{{ __('This role is protected and cannot be renamed.') }}</p>
@endif
</div>
</div>
{{-- Descripción --}}
<div class="flex items-start gap-4">
<label class="w-40 shrink-0 pt-2 text-sm font-medium text-gray-700">
{{ __('Description') }}
</label>
<div class="flex-1">
<textarea wire:model="description" rows="2"
class="textarea textarea-bordered w-full @error('description') textarea-error @enderror"
placeholder="{{ __('What is this role for?') }}"></textarea>
@error('description') <p class="text-error text-xs mt-1">{{ $message }}</p> @enderror
</div>
</div>
{{-- Permisos --}}
<div class="flex items-start gap-4">
<label class="w-40 shrink-0 pt-2 text-sm font-medium text-gray-700">
{{ __('Permissions') }}
</label>
<div class="flex-1">
<div class="grid grid-cols-1 sm:grid-cols-2 gap-1 border border-base-300 rounded-lg p-3 max-h-72 overflow-y-auto">
@foreach($permissions as $perm)
<label class="flex items-center gap-2 text-sm cursor-pointer py-0.5">
<input type="checkbox" class="checkbox checkbox-sm checkbox-primary"
value="{{ $perm->name }}" wire:model="rolePermissions" />
{{ $perm->name }}
</label>
@endforeach
</div>
</div>
</div>
<div class="flex items-center justify-end gap-3 pt-2 border-t border-base-200">
<a href="{{ route('admin.roles') }}" class="btn btn-ghost" wire:navigate>{{ __('Cancel') }}</a>
<button type="submit" class="btn btn-primary gap-2" wire:loading.attr="disabled" wire:target="save">
<span wire:loading wire:target="save" class="loading loading-spinner loading-sm"></span>
<x-heroicon-o-check class="w-4 h-4" />
{{ $role ? __('Update role') : __('Create role') }}
</button>
</div>
</form>
</div>
</div>