<x-dynamic-component :component="$getFieldWrapperView()" :field="$field">
<div x-data="{ state: $wire.$entangle('{{ $getStatePath() }}') }">
<!-- Interact with the `state` property in Alpine.js -->
<h1>Changing permissions for {{ $user()?->username}}</h1>
@foreach ($projectPermissions() as $permission)
<label>
<x-filament::input.checkbox x-model="state" />
<span>
{{ $permission->name }}
{{ $permission->destination->name }}
</span>
</label>
@endforeach
</div>
</x-dynamic-component>
<x-dynamic-component :component="$getFieldWrapperView()" :field="$field">
<div x-data="{ state: $wire.$entangle('{{ $getStatePath() }}') }">
<!-- Interact with the `state` property in Alpine.js -->
<h1>Changing permissions for {{ $user()?->username}}</h1>
@foreach ($projectPermissions() as $permission)
<label>
<x-filament::input.checkbox x-model="state" />
<span>
{{ $permission->name }}
{{ $permission->destination->name }}
</span>
</label>
@endforeach
</div>
</x-dynamic-component>