How To Disable a Table Column Reactively With Toggle Column

[ersinkandemir9]

Hi,
I have a relation manager page where i list some records with two toggle columns of is_accepted and is_completed. What i want to achieve is that "is_completed" toggle column should be disabled unless the same record's "is_accepted" toggle is true. In my code, database changes are made but i couldn't find a way to refresh the table view to disable or enable "is_completed" reactively when the other toggle columns do updates. Is there any way to make "disabled()" function reactive? Here is my code:

<?php

namespace App\Filament\Farmer\Resources\JobResource\Pages;

use App\Filament\Farmer\Resources\JobResource;
use App\Models\Offer;
use Filament\Forms;
use Filament\Forms\Form;
use Filament\Resources\Pages\ManageRelatedRecords;
use Filament\Tables;
use Filament\Tables\Table;

class ManageJobOffers extends ManageRelatedRecords
{
    protected static string $resource = JobResource::class;

    protected static string $relationship = 'offers';

    protected static ?string $navigationIcon = 'heroicon-o-rectangle-stack';

    public static function getNavigationLabel(): string
    {
        return 'Offers';
    }

    public function form(Form $form): Form
    {
        return $form
            ->schema([
                Forms\Components\TextInput::make('pilot.name')
                    ->required()
                    ->maxLength(255),
            ]);
    }

    public function table(Table $table): Table
    {
        $job = $this->getOwnerRecord();
        
        return $table
            ->recordTitleAttribute('pilot.name')
            ->columns([
                Tables\Columns\TextColumn::make('pilot.name'),
                Tables\Columns\ToggleColumn::make('is_accepted')
                    ->afterStateUpdated(function(Offer $record, $state) use ($job) {
                        
                        if($state == true){
                            Offer::where([
                                ['job_id', '=', $job->id],
                                ['id', '!=', $record->id]
                            ])->update(['is_accepted' => false]);
                            
                        }

                    }),
                Tables\Columns\ToggleColumn::make('is_completed')
                    ->afterStateUpdated(function (Offer $record, $state) use ($job) {
                        
                        if($state == true){
                            Offer::where([
                                ['job_id', '=', $job->id],
                                ['id', '!=', $record->id]
                            ])->update(['is_completed' => false]);
                        }

                    })->disabled(fn(Offer $record) => !$record->is_accepted),
            ])
            ->filters([
                //
            ])
            ->headerActions([
            ])
            ->actions([
                
            ])
            ->bulkActions([
            ]);
    }
}

[leandrocfe]

Try to use updateStateUsing

->updateStateUsing(function (Offer $record) {
    //...
})

[ersinkandemir9]

Thanks for reply. I don't know differences between the two that you sugges it but it doesn't work. I need to hard refresh the page for columns to be disabled properly.

[leandrocfe]

Does it work?

Tables\Columns\ToggleColumn::make('is_accepted')
    ->updateStateUsing(function ($record) {
        $record->update([
            'is_accepted' => false,
        ]);
    }),
Tables\Columns\ToggleColumn::make('is_completed')
    ->disabled(fn ($record): bool => ! $record->is_accepted)

[ersinkandemir9]

No, it does not respond live and reactive.

[SlimDeluxe]

Hi, did you ever find a solution for this? 🙂

[ersinkandemir9]

Hi, no I couldn't find a way that works this way.