<div class="container my-2">
		<div class="row">
            @foreach($reviews as $row)
            <div class="col-sm-6 my-2">
				<div class="card bg-light p-2 rounded">
					<div class="row">
						<div class="col-6">
							<table>
								<tr>
									<td> <img class='px-2' src="{{asset('images/user/user-1.png')}}" alt=""></td>
									<td>
										<sapn class='fw-bold text-dark'>{{$row->customer->name}}</sapn>
										<br> <span class='f-s'>(<i class="bi bi-star-fill text-warning px-1"></i>{{$row->rating}})</span>
										<br> </td>
								</tr>
							</table>
						</div>
						<!--end div-6//-->
						<div class="col-6 text-end align-self-end d-grid">
							<table class='mt-1'>
								<tr>
									<td>
										<div>
											<label class="switch">
												<input type="checkbox" data-id="{{$row->id}}" class="change-rating-status" id="togBtn" {{($row->status == 1) ? "checked" : ""}}>
												<div class="slider round">
													<!--ADDED HTML -->
                                                <span class="on">{{__('nadel.on')}}</span> <span class="off">{{__('nadel.off')}}</span> </div>
									</td>
									<td>
										<a class='text-decoration-none ps-1 view-ratings' data-id="{{$row->id}}" href="">
											<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40">
												<g id="Group_12736" data-name="Group 12736" transform="translate(-1188 -235)">
													<g id="Group_12514" data-name="Group 12514" transform="translate(-23 -105)">
														<circle id="Ellipse_597" data-name="Ellipse 597" cx="20" cy="20" r="20" transform="translate(1211 340)" fill="#edebf7" />
														<g id="Icon_feather-eye" data-name="Icon feather-eye" transform="translate(1222.684 348.679)">
															<path id="Path_15416" data-name="Path 15416" d="M1.5,11.321S4.342,6,9.316,6s7.816,5.321,7.816,5.321-2.842,5.321-7.816,5.321S1.5,11.321,1.5,11.321Z" fill="none" stroke="#543ab2" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" />
															<path id="Path_15417" data-name="Path 15417" d="M17.491,15.5a2,2,0,1,1-2-2A2,2,0,0,1,17.491,15.5Z" transform="translate(-6.179 -4.174)" fill="none" stroke="#543ab2" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" /> </g>
													</g>
												</g>
											</svg> <span class='px-1'>{{__('nadel.view')}}</span> </a>
									</td>
								</tr>
							</table>
							</span>
							</span>
							</div>
						</div>
					</div>
					<!--the card complete-->
				</div>
				<!--the colum-6 here complete-->
                @endforeach
            </div>
	</div>

 <!-- Modal -->
 <div class="modal fade" id="ratingModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
     <div class="modal-dialog ">
         <div class="modal-content" style="background-color:transparent">
             <div class="p-2 bg-white rounded">
                 <div class='cross'>
                     <button type="button" class="btn btn-secondary border-0 " data-bs-dismiss="modal" style="background-color:transparent">
                         <i class="bi bi-x cancel_icon"></i>
                     </button>
                 </div>
                 <div class='p-4'>
                     <div>
                         <div class='bg-light round p-2 text-center ron-de'>
                             <div class='star user-stars'>
                                 {{-- <span class="fa fa-star checked1"></span>
                                 <span class="fa fa-star checked1"></span>
                                 <span class="fa fa-star checked1"></span>
                                 <span class="fa fa-star"></span>
                                 <span class="fa fa-star"></span> --}}
                             </div>
                             <p class='p-2 text-secondary '>(<span class="user-rating-number">8</span>)</p>
                         </div>
                         <br>
                         <div class='text-center'>
                             <span class='px-3   text-secondary user-rating-status'>Status</span></td>
                             <p class='m-2  text-dark user-rating-comment'>The food was awesome</p>
                         </div>
                     </div>
                 </div>
             </div>
         </div>
     </div>

 </div>
