How can I get the property of a non-object with JSON - php

Question

I'm still learning so forgive me if this is a stupid question but I can't seem to find a fix for it myself.
I am having trouble getting the "title" property of the JSON and from the error that I got
"Trying to get property 'tag' of non-object pages/results.blade.php:28"
I understand that $tags is an array not an object.
I did a foreach with $tags with
foreach ($result->tags as $tag)
I also know that $tag contains the data I need because when I die and dump $tag I get this
My question is how do I access an unnamed JSON that is inside an array?
The title property is inside the "tags" array and the browser is giving me an error that I can't access it because it's a non-object.
Can you please help me with the code?
Here is my controller
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Auth;
use GuzzleHttp\Client;
class PageController extends Controller
{
// public function __construct() {
// $this->middleware('auth');
// }
public function index() {
$user = Auth::user();
return view('pages/home', compact('user'));
}
public function result(Request $request) {
// https://api.unsplash.com/search/photos?query=philippines&client_id=hb-UQIJ2DMaPckaJOO5nxrC90uYnaVRGTMz3S8WHzJY
$input = $request->input('query');
$client = new Client();
// var_dump($input); die;
// dd($input);
// var_dump($request->input('query')); die;
$res = $client->request('GET', "https://api.unsplash.com/search/photos", [
"query" => [
"query" => $input,
"client_id" =>"hb-UQIJ2DMaPckaJOO5nxrC90uYnaVRGTMz3S8WHzJY",
"per_page" => 100
]
]);
$data = $res->getBody();
$data = json_decode($data);
$filteredData = [];
// return $data->results;
foreach($data->results as $result) {
$urls = $result->urls;
array_push($filteredData,$result);
foreach ($result->tags as $tag) {
$tags = $result->tags;
array_push($filteredData, $tag);
// dd($tag);
foreach($tag as $key => $value) {
if($key === 'title') {
array_push($filteredData,$value);
array_push($filteredData,$key);
// dd($filteredData);
}
}
}
$user = Auth::user();
return view('pages/results', compact('user', 'filteredData', 'input'));
}
}
Here is my blade
#extends('layouts/main')
#section('title')
Design Storm - Inspiration for Developers
#endsection
#section('content')
<div id="site-section">
<div class="container">
<div id="results">
<div>
<div class="search-container">
<form action="/results" method="POST">
#csrf
<input class="search" type="text" value="{{$input}}" placeholder="Search" name="query">
</form>
</div>
<div class="boxes">
<div class="row">
#foreach ($filteredData as $result)
<div class="col-md-3">
<div class="box">
<div style="position: relative; background: url('{{$result->urls->small}}') no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; height: 200px;">
<div class="add-btn "><i class="fa fa-check" aria-hidden="true"></i></div>
</div>
#foreach ($filteredData as $tag)
<h4>
{{$filteredData->tag->title}}
</h4>
#endforeach
</div>
</div>
#endforeach
</div>
</div>
</div>
</div>
</div>
</div>
#endsection
"