@extends('sellers.layout.mainlayout')
@section('content')
@php
use Carbon\Carbon;
@endphp
    <div class="main-wrapper innerpagebg">
    
        <!-- Header -->
        @include('sellers.layout.top_header')
        <!-- /Header -->
        
        <!-- Breadscrumb Section -->
        <div class="breadcrumb-bar"></div>
        <!-- /Breadscrumb Section -->
		
		<!-- Profile Content -->
        <div class="dashboard-content offset-transform-top listing-section">		
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						@include('sellers.layout.header')
						<div class="profile-content">
							<div class="dashboard-info">
								<div class="card">
									<div class="card-body flex-column-blk">
										<div class="row">
											<div class="col-12">
												<div class="tab-content p-0">
													<div class="tab-pane p-0 container active" id="myads">
														<div class="card-wrapper">
															<div class="card-border">
																<div class="header-blk">
																	<div class="blk-start">
																		<h4>Review Lists</h4>
																	</div>																	
																</div>
																<div>

																	<div class="table-responsive datatable-nofooter">
																		<table class="table custom-table table-striped" id="myreviewTable">
																			<thead>
																				<tr>
																					<th>Advertisement</th>
																					<th>Comments</th>
																					<th>Reviewed by</th>
																					<th>Date</th>
																					<th>Rating</th>
																					<th>Actions</th>
																				</tr>
																			</thead>
																			
																			<tbody>																			

																			</tbody>
																		</table>
																	</div>																																	
																</div>
															</div>
														</div>
													</div>
													
												</div>
											</div>                          
										</div>
									</div>
								</div>			
							</div>				
					   </div>						
					</div>			
				</div>
			</div>		
		</div>		
		<!-- /Profile Content -->

	</div>
		
		<style>
			.table th,
			.table td {
				max-width: 200px;
				min-width: 70px;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
		</style>
	
		 <!-- Review -->
		 <div class="modal fade" id="view-reviews" aria-labelledby="exampleModalLabel" aria-hidden="true" tabindex="-1">
			<div class="modal-dialog modal-dialog-centered ">
				<div class="modal-content">
					<div class="modal-header">
						<h5 class="modal-title" id="exampleModalLabel">Reviews</h5>
						<button class="btn-close close-modal" data-bs-dismiss="modal" type="button" aria-label="Close">
							<i class="fe fe-x"></i>
						</button>
					</div>
					<form action="listings.html">
						<div class="modal-body">
							<div class="del-modal">
								<div class="review-blk">
									<div class="review-list">
										<p class="mb-2" id="reviewer"><span class="muted" id="review_time"></span></p>
										<div class="review-info">
											<div class="review-start">
												<span class="level-blk good-blk" id="rating"></span>
											</div>
											<div class="review-end" id="review">
											</div>
										</div>
									</div>
									<div class="review-list replied-list">
										<p class="mb-2" id="replyer"></p>
										<p id="reply"></p>
									</div>
								</div>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
		<!-- /Review -->
	
	
		 <!-- Delete -->
		 <div class="modal fade" id="delete-item" data-backdrop="static" aria-labelledby="exampleModalLabel" aria-hidden="true" tabindex="-1">
			<div class="modal-dialog modal-dialog-centered ">
				<div class="modal-content">
					<div class="modal-header">
						<h5 class="modal-title" id="exampleModalLabel">Delete Review</h5>
						<button class="btn-close close-modal" data-bs-dismiss="modal" type="button" aria-label="Close">
							<i class="fe fe-x"></i>
						</button>
					</div>
					<input id="del_review_id" type="number" hidden>
					<div class="modal-body py-0">
						<div class="del-modal">
							<p>Are you sure want to Delete?</p>
						</div>
					</div>
					<br>
					<div class="modal-footer pt-0">
						<button class="btn btn-cancel" data-bs-dismiss="modal" type="button">Cancel</button>
						<button class="btn btn-submit .rev-del" id="deletebutton" type="submit">Yes</button>
					</div>
				</div>
			</div>
		</div>
		<!-- /Delete -->


	

	<!-- scrollToTop start -->
	<div class="progress-wrap active-progress">
		<svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
		<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" style="transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919px, 307.919px; stroke-dashoffset: 228.265px;"></path>
		</svg>
	</div>
	<!-- scrollToTop end -->
	
@endsection
@section('customScript')
@endsection