This is an appointment list code in blade template:-
@foreach($drapp as $app)
<!-- Appointment List -->
<div class="appointment-list">
<div class="profile-info-widget">
<a href="#" class="booking-doc-img">
<img src="{{ asset('/storage').'/'.$app->patients->profileimage}}" alt="User Image">
</a>
<div class="profile-det-info">
<h3><a href="#"> {{$app->patients->firstname." ".$app->patients->lastname}}</a></h3>
<div class="patient-details">
<h5><i class="far fa-clock"></i> {{date("d M,Y",strtotime($app->bookingdate))}}, {{date("h:i a",strtotime($app->bookingtime))}}</h5>
@if($app->patients->city != null)
<h5><i class="fas fa-map-marker-alt"></i> {{$app->patients->city.",".$app->patients->state.",".$app->patients->country}}</h5>
@else
<h5><i class="fas fa-map-marker-alt"></i> Not Defined</h5>
@endif
<h5><i class="fas fa-envelope"></i> {{$app->patients->email}}</h5>
<h5 class="mb-0"><i class="fas fa-phone"></i> +91 {{$app->patients->phoneno}}</h5>
</div>
</div>
</div>
<div class="appointment-action">
@if($app->status == "2")
<a href="#" class="btn btn-sm bg-info-light" id="{{$app->id}}" data-toggle="modal" data-target="#appt_details">
<i class="far fa-eye"></i> View
</a>
<a href="{{url('/')}}/doctor/dashboard/scheduleconfirm/{{$app->id}}" class="btn btn-sm bg-success-light">
<i class="fas fa-check"></i> Accept
</a>
<a href="{{url('/')}}/doctor/dashboard/schedulecancled/{{$app->id}}" class="btn btn-sm bg-danger-light">
<i class="fas fa-times"></i> Cancel
</a>
@elseif($app->status == "1")
<a href="#" class="btn btn-sm bg-info-light" data-toggle="modal" data-target="#appt_details">
<i class="far fa-eye"></i> View
</a>
<a href="javascript:void(0);" class="btn btn-sm bg-success-light">
<i class="fas fa-check"></i> Confirmed
</a>
@else
<a href="#" class="btn btn-sm bg-info-light" data-toggle="modal" data-target="#appt_details">
<i class="far fa-eye"></i> View
</a>
<a href="javascript:void(0);" class="btn btn-sm bg-danger-light">
<i class="fas fa-times"></i> Canceled
</a>
@endif
</div>
</div>
<!-- /Appointment List -->
@endforeach
After pressing the view button the popup will be opened in a same window like this:-
popup window code:-
<!-- Appointment Details Modal -->
<div class="modal fade custom-modal" id="appt_details">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Appointment Details</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<ul class="info-details">
<li>
<div class="details-header">
<div class="row">
<div class="col-md-6">
<span class="title">#APT</span>
<span class="text">21 Oct 2019 10:00 AM</span>
</div>
<div class="col-md-6">
<div class="text-right">
<button type="button" class="btn bg-success-light btn-sm" id="topup_status">Completed</button>
</div>
</div>
</div>
</div>
</li>
<li>
<span class="title">Status:</span>
<span class="text">Completed</span>
</li>
<li>
<span class="title">Confirm Date:</span>
<span class="text">29 Jun 2019</span>
</li>
<li>
<span class="title">Paid Amount</span>
<span class="text">$450</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- /Appointment Details Modal -->
the code of appointment popup is shown above when i will press view button the popup will apppear and i want to bring seleted view buttons row data to the that popup