Set Field type based on BelongsTo column

[jdean162]

Hi all,
I need to add custom properties to my products. To do this, i created a new CusotmProperties resource where i can create my properties (Text,Number,Select with options)

I then wanted to create the Pivot resource and add a HasMany on my Product resource :

 HasMany::make(  __('Custom properties'),  'customProperties', resource: ProductCustomPropertyPivotResource::class)
    ->creatable(button: ActionButton::make(__('buttons.add-custom-property')))
    ->disableOutside(),

This opens up my modal where i can select my CustomProperty (product already set).
However, i need to show the Field type that belongs to my CustomProperty when set.
I was thinking something like this, but doesn't seem to do the trick :

 protected function formFields(): iterable
    {
        return [
            Box::make([
                ID::make(),
                BelongsTo::make(__('Product'), 'product',  resource: ProductResource::class),
                BelongsTo::make(__('Custom Property'), 'customProperty', resource: ProductCustomPropertyResource::class),
                Select::make( 'customProperty.type', 'value')->showWhen('customProperty.type', 'in', ['select', 'multiselect']),
                Text::make( 'customProperty.type', 'value')->showWhen('customProperty.type', 'text'),
            ])
        ];
    }

How can i achieve this? Do i have to use reactive() maybe ?

Thanks for all the help 😄

[lee-to]

The fact is that the foreign key is missing in HasMany, so your approach won't work. You can use alpinejs(xData) and implement it through xif or xshow, or through reactivity.