Buenas estoy intentando de recorrer un foreach que tengo separado por categorias done muestro breves descripciones de cada categoria dentro. El titulo siempre me pone el mismo titulo y no consigo recorrerlo correctamente os dejo el codigo para que le eches un vistazo en que ver me esta fallando que seran varias cosas seguro.
<div class="row">
@foreach($categoria as $listado1)
<div class="col xl4 m4 s12">
<div class="card deep-purple lighten-2 z-depth-3">
<div class="card-image waves-effect waves-block waves-light">
<a class="modal-trigger" href="#modal4"><img class="activator" src="http://backend.imaginarqultural.es:81/storage/{{ $listado1->url }}" alt="{{ $listado1->name }}"></a>
</div>
<div class="card-content">
<span class="card-title activator grey-text text-lighten-4">{{ $listado1->titulo }}</span>
</div>
</div>
</div>
@endforeach
<!-- Modal Structure -->
@foreach($categoria as $listado1)
<div id="modal4" class="modal">
<div class="modal-content grey lighten-4">
<h4>{{ $listado1->titulo }}</h4>
@foreach($portfolio as $listado2)
@if($listado2->category_id == $listado1->id)
<p>{{ $listado2->actividad }}, {{ $listado2->lugar }}<p>
@endif
@endforeach
</div>
<div class="modal-footer grey lighten-4">
<a href="#!" class="deep-purple lighten-3 modal-action modal-close waves-effect waves-purple btn-flat yellow-text text-accent-1">Aceptar</a>
</div>
</div>
@endforeach
</div>
</div>