import External API into function.php for wordpress - arrays

Question

I have an API that I want to use as a reusable block in my theme.
the actual problem is that array is not a simple array like other models that I saw in here.
bellow is my code which only fetches the Whole array but does not create the HTML as i mention in Foreach () function in my code when i use [external_data] as shortcode in my theme.
defined( 'ABSPATH' ) or die( 'Unauthorized Access' );
add_shortcode('external_data', 'callback_function_name');
function callback_function_name(){
$url = 'https://api-football-standings.azharimm.site/leagues';
$object = array(
'method' => 'GET',
);
$response = wp_remote_get( $url, $object );
if ( is_wp_error( $response ) ){
$error_message = $response -> get_error_message();
return "Something went wrong: $error_message";
}
$results = json_decode( wp_remote_retrieve_body( $response ) );
var_dump($results);
$html = '';
$html .= '<table>';
$html .= '<tr>';
$html .= '<td>ID</td>';
$html .='<td>League</td>';
$html .='<td>Slug</td>';
$html .='<td>Abbr</td>';
$html .='<td>ax</td>';
$html .= '</tr/>';
foreach( $results as $result ) {
$html .= '<tr>';
$html .= '<td>' . $results->id . '</td>';
$html .= '<td>' . $results->name . '</td>';
$html .= '<td>' . $results->slug . '</td>';
$html .= '<td>' . $results->abbr . '</td>';
$html .= '<td><img src='. $results->logos->light .'/></td>';
$html .= '</tr/>';
}
$html .= '</table>';
return $html;
}