Struggling with multiple checkboxlists in same page

[Android63]

Package

Panel builder

Package Version

v3.2.6

How can we help you?

I have a many-to-many relationship between Template and Component and I want to allow users to add/remove components in the template edit page.

I have no problem doing this if I list all components, but I want to separate them into groups like this:

My TemplateResource class contains these sections:

// personalDetails section
Forms\Components\Section::make('Personal details')
    ->schema([
        Forms\Components\CheckboxList::make('required-personal-details')
            ->columns(['md' => 2, 'lg' => 3, 'xl' => 4])
            ->relationship('components', 'label',
                modifyQueryUsing: fn (Builder $query) => $query
                    ->orderBy('id')
                    ->where('component_group', 'personal'))
            ->gridDirection('row')
            ->bulkToggleable()
    ]),
// contactDetails section
Forms\Components\Section::make('Contact details')
    ->schema([
        Forms\Components\CheckboxList::make('required-contact-details')
            ->columns(['md' => 2, 'lg' => 3, 'xl' => 4])
            ->relationship('components', 'label',
                modifyQueryUsing: fn (Builder $query) => $query
                    ->orderBy('id')
                    ->where('component_group', 'contact'))
            ->gridDirection('row')
            ->bulkToggleable()
    ]),

The problem I'm having with this is that only changes in the second section get saved. The first section is ignored.

My Template model has components defined as:

public function components(): BelongsToMany
{
    return $this->belongsToMany(Component::class, 'template_components');
}

And my Component model has templates defined as:

public function templates(): BelongsToMany
{
    return $this->belongsToMany(Template::class, 'template_components');
}

Is there a way to save all changes across both sections?

Or is there better way to achieve grouping of checkboxlists?

[Android63]

I kinda solved this by using several relationship managers, one for each component group, but this is a lot more cumbersome for the end user since they have to attach and detach components rather than just checking them in a list. So I'm still wondering if there's a way to achieve the same result with checkbox list(s).