Filament version 2 : call api using search data

[Hegabovic]

is it possible ? i want to call an api after typing a word inside the search field in the select field , in other words i want to pass the searc value to the q in the headers

here is my code snippet , for example i want to type something in the search then pass it to the q then choose an answer from the response

              Forms\Components\Select::make('weather_api_city_code')
                        ->label(__("City"))
                        ->options(function () : array {
                            $settingsGroup = Settings::getFetchSettingsGroup(WeatherAPIConfigurationsConstants::GROUP_NAME);
                            $configurations = [];
                            foreach ($settingsGroup->settings as $item){
                                $key = $item['key'];
                                $value = $item['value'];
                                $configurations[$key] = $value;
                            };
                            $response = Http::get($configurations['host_key']."/locations/v1/cities/search", [
                                'apikey' => $configurations['api_key'],
                                'q' =>   " i want to pass the search data entered in the field here ",
                            ]);
//
                            $resultArray = [];

                            foreach (json_decode($response,true) as $item) {
                                if((isset($item['Key'])) && ( $item['Key']!= null) ){
                                    $key = $item['Key'];
                                    $value = $item['LocalizedName'] . ', ' . $item['Country']['LocalizedName'];
                                    $resultArray[$key] = $value;
                                }
                            }


                            return $resultArray;
                        })
                        ->searchable()
                        ->disablePlaceholderSelection(true)

[Hegabovic]

@leandrocfe can you provide help here ?

[leandrocfe]

Did you try getSearchResultsUsing?

[Hegabovic]

yes i couldn't pass the logic to it , as i want the options to be mapped from the response
if i use getSearchResultsUsing this one and put the request inside it
i will have to map the response to be the new mapped options , so i have the same problem

[Hegabovic]

i have attached the logic i made , but still it doesn't work , the thing is i want to autocomplete on typing in search field , then i will choose a value from the mapped response options, the problem here is that i dont know how to pass the value that i'm inputting to the q of the endpoint headers

Forms\Components\Select::make('weather_api_city_code')
                        ->label(__("City"))
                        ->reactive()
                        ->options(function (callable $get) : array {
                            $settingsGroup = Settings::getFetchSettingsGroup(WeatherAPIConfigurationsConstants::GROUP_NAME);
                            $configurations = [];
                            foreach ($settingsGroup->settings as $item){
                                $key = $item['key'];
                                $value = $item['value'];
                                $configurations[$key] = $value;
                            };
                            $response = Http::get($configurations['host_key']."/locations/v1/cities/search", [
                                'apikey' => $configurations['api_key'],
                                'q' => $get('city_name') != null ? $get('city_name') : "riyadh",
                            ]);
                            $resultArray = [];

                            foreach (json_decode($response,true) as $item) {
                                if((isset($item['Key'])) && ( $item['Key']!= null) ){
                                    $key = $item['Key'];
                                    $value = $item['LocalizedName'] . ', ' . $item['Country']['LocalizedName'];
                                    $resultArray[$key] = $value;
                                }
                            }
                            return $resultArray;
                        })
                        ->searchable()
                        ->getSearchResultsUsing(fn (string $search): array => [] )
                        ->getOptionLabelUsing(fn ($value): ?string => dd($value))
                        ->disablePlaceholderSelection(true)

[leandrocfe]

Not sure if you want to do this, but take a look

Select::make('select')
    ->reactive()
    ->searchable()
    ->getSearchResultsUsing(function (string $search): array {
        $url = 'https://jsonplaceholder.typicode.com/users?address.city=' . $search;
        $response = Http::get($url)->json();
        $response = Arr::pluck($response, 'name', 'id');
        return $response;
    })

type Howemouth
It will show the names from Howemouth city.

[Hegabovic]

wow its a pretty good way to map the response, thanks a lot it worked perfectly