// Layout → Schemas
use Filament\Schemas\Components\Tabs;
use Filament\Schemas\Components\Grid;
use Filament\Schemas\Components\Section;

// Fields → Forms
use Filament\Forms\Components\TextInput;
use Filament\Forms\Components\Select;
use Filament\Forms\Components\Toggle;

// Utilities
use Filament\Schemas\Components\Utilities\Get;
use Filament\Schemas\Schema;

// Actions
use Filament\Actions\EditAction;
use Filament\Actions\DeleteAction;

// Form: Schema with Tabs
public static function form(Schema $schema): Schema
{
    return $schema->schema([
        Tabs::make()->tabs([
            Tabs\Tab::make('Thông tin')->schema([
                TextInput::make('name')->label('Tên')->required(),
            ]),
        ])->columnSpanFull(),
    ]);
}

// Table: modifyQueryUsing for eager loading
public static function table(Table $table): Table
{
    return $table
        ->modifyQueryUsing(fn($q) => $q->with(['category']))
        ->columns([
            TextColumn::make('name')->label('Tên')->searchable(),
        ])
        ->recordActions([
            EditAction::make()->iconButton(),
        ]);
}

class ProductObserver {
    public function creating(Product $p): void {
        if (empty($p->slug)) $p->slug = Str::slug($p->name);
    }
}
// Register: Product::observe(ProductObserver::class);

TextInput::make('name')->label('Tên')->required();
->dateTime('d/m/Y H:i')

public function images(): MorphMany {
    return $this->morphMany(Image::class, 'model');
}
// Resource: ImagesRelationManager::class

class SettingsPage extends Page implements HasForms {
    use InteractsWithForms;
    public function form(Schema $schema): Schema { /* ... */ }
}

->options([1 => '<div style="display: flex;">...</div>'])->allowHtml();