How to show the checkbox data using modal bootstrap - php

Question

i have created the form normally, but after I want to parse the data into index, there is data is not showed normally..
This a code for model Form
protected $guarded = [];
public function user(){
return $this->hasOne('App\User', 'id', 'user_id'); //Product Model Name
}
public function location(){
return $this->hasOne('App\Locations', 'id', 'location_id');
}
public function purpose(){
return $this->hasOne('App\Purpose', 'id', 'purpose_id');
}
public function connection(){
return $this->hasMany('App\FormConnection', 'id', 'form_connection'); //Product Model Name
}
This a code for model FormConnection
public function form(){
return $this->belongsTo('App\Form', 'id', 'form_id'); //Product Model Name
}
This is for Views of Modal
<div class="modal fade" id="exampleModal{{$form->id}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Form Information</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p class="badge badge-pill badge-dark">Name: {{$form->user->name}}</p>
<p>Purpose : {{$form->purpose->name}}</p>
<p>Location : {{$form->location->location}}</p>
<!-- <table class="table">
<tbody>
<tr>
<th scope="row">Connection</th>
<td><input type="checkbox" name="connection[]" value="request">Request</td>
<td><input type="checkbox" name="connection[]" value="connection">Connection</td>
</tr>
</tbody>
</table> -->
#foreach()
<div class="col-md-6 mt-2">
<label for="">waw</label>
</div>
#endforeach
<p>Division : {{$form->division}}</p>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-bs-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
I Hope someone can help me, I really appreciate that:))
output: The connection should show all connection that has been checked before
enter image description here