when i click the checkbox the posts showing fine but how can i set the same behavior to infolist categories (left side category list)

[tahinuralam]

Package

Panel builder

Package Version

3.2

How can we help you?

when i click the checkbox the posts showing fine but how can i set the same behavior to infolist categories

<?php

namespace App\Filament\Guest\Pages\Posts;

use Filament\Forms\Form;
use Filament\Pages\Page;
use App\Models\Blog\Post;
use App\Models\Blog\Category;
use Filament\Infolists\Infolist;
use Filament\Support\Enums\MaxWidth;
use Filament\Forms\Components\CheckboxList;
use Filament\Infolists\Components\TextEntry;
use Filament\Infolists\Components\ImageEntry;
use Filament\Infolists\Components\RepeatableEntry;

class PostList extends Page
{
    protected static ?string $navigationIcon = 'heroicon-o-document-text';

    protected static string $view = 'filament.guest.pages.posts.post-list';

    protected static ?string $navigationLabel = 'All Posts';

    protected ?string $heading = '';

    public $SelectedCategories = [];

    public function form(Form $form): Form
    {
        return $form
            ->schema([
                CheckboxList::make('SelectedCategories')
                    ->label('Form Categories')
                    ->options(Category::pluck('name', 'id')->take(4)->toArray())
                    ->live(debounce: 500)
                    ->reactive(),
            ]);
    }
    public function PostListInfolist(Infolist $infolist): Infolist
    {
        return $infolist
            ->state([
                'SelectedCategories' => Category::take(4)->get(),

                'posts' => Post::with('category')
                    ->when($this->SelectedCategories, function ($query) {
                        if (!empty($this->SelectedCategories)) {
                            $query->whereIn('category_id', $this->SelectedCategories); 
                        }
                    })->get(),
            ])
            ->columns(12)
            ->schema([
                \Filament\Infolists\Components\Group::make([
                    RepeatableEntry::make('SelectedCategories')
                        ->label('Infolist Categories')
                        ->schema([
                            TextEntry::make('name')

                               // BY clicking on this name want to show selected category posts

                                ->hiddenLabel(),
                        ]),
                ])
                    ->extraAttributes(['class' => 'sticky top-24']) // <--
                    ->columnSpan(3),
                \Filament\Infolists\Components\Group::make([
                    RepeatableEntry::make('posts')
                        ->schema([
                            TextEntry::make('title')
                                ->url(fn($record) => route('post.show', ['id' => $record->id]))
                                ->hiddenLabel(),

                            TextEntry::make('published_at')
                                ->getStateUsing(fn($record) => $record->published_at . ' ' . $record->created_at),
                            ImageEntry::make('image')

                                ->extraImgAttributes([
                                    'class' => 'w-full h-auto rounded-lg',
                                    'alt' => 'Logo',
                                    'loading' => 'lazy',
                                ])

                                ->alignCenter()
                                ->hiddenLabel()
                                ->columnSpanFull(),
                            TextEntry::make('content')
                                ->hiddenLabel(),
                        ])
                ])
                    ->columnSpan(9),
 
            ]);
    }

    public function getMaxContentWidth(): MaxWidth
    {
        return MaxWidth::ScreenLarge;
    }
}