<button type="button"

class="btn btn-block bg-gradient-info mb-3 text-lg"

data-bs-toggle="modal"
data-bs-target="#certificates-modal"
style="width: 70%;">
Certificates
</button>
<div class="modal fade" id="certificates-modal" tabindex="-1" role="dialog"
aria-labelledby="certificates-modal" aria-hidden="true">
<div class="modal-dialog modal- modal-dialog-centered modal-"
role="document">
<div class="modal-content">
<div class="modal-header">
<h6 class="modal-title" id="modal-title-default">Certificates</h6>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-
label="Close">
<span aria-hidden="true" class="text-dark">X</span>
</button>
</div>
<div class="modal-body">
@foreach($certificate as $cert)
<ul class="list-group list-group-horizontal">

<li>
<a href="{{ asset($cert->extension) }}" target="_blank">
<img class=" img-fluid" src="{{ asset($cert->extension) }}"
alt="certificate2">
</a>
</li>

</ul>

@endforeach

</div>

<div class="modal-footer">
<button type="button" class="btn bg-gradient-info ml-auto" data-bs-
dismiss="modal">Close</button>
</div>
</div>
</div>
</div>

//ProfileCardController
public function profil($id){
$users=DB::select("select * from experts where expert_id=$id");
$certificate = DB::select("select * from certificates where id_certificate
in
(select id_certificate from experts INNER JOIN experts_certificates on
experts.expert_id=experts_certificates.id_expert where id_expert=$id)");
return view('pages.profile')
->with('users', $users)
->with('certificate',$certificate);
}