@extends('layouts.app')

@section('content')
<div class="topbar">
    <div>
        <h1>Editar perfil</h1>
        <p>Ajusta nombre, descripción y matriz de permisos del perfil.</p>
    </div>
    <a class="btn-outline" href="{{ route('perfiles.index') }}">Volver</a>
</div>

<form method="POST" action="{{ route('perfiles.update', $role) }}" class="stack">
    @csrf
    @method('PUT')

    <div class="panel form-grid">
        <div class="field">
            <label>Nombre visible</label>
            <input type="text" name="display_name" value="{{ old('display_name', $role->display_name) }}" required>
        </div>
        <div class="field">
            <label>Descripción</label>
            <input type="text" name="description" value="{{ old('description', $role->description) }}">
        </div>
    </div>

    <div class="panel stack">
        @foreach($permissionsByModule as $module => $permissions)
            <div class="permission-group">
                <h3>{{ str_replace(['_', '.'], ' ', $module) }}</h3>
                <div class="checkbox-grid">
                    @foreach($permissions as $permission)
                        <label class="check">
                            <input type="checkbox" name="permissions[]" value="{{ $permission->id }}" {{ in_array($permission->id, old('permissions', $selectedPermissions), true) ? 'checked' : '' }}>
                            <span>
                                <strong>{{ $permission->display_name }}</strong><br>
                                <small>{{ $permission->name }}</small>
                            </span>
                        </label>
                    @endforeach
                </div>
            </div>
        @endforeach
    </div>

    <div class="actions">
        <button class="btn" type="submit">Guardar permisos</button>
        <a class="btn-outline" href="{{ route('perfiles.index') }}">Cancelar</a>
    </div>
</form>
@endsection