@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 -->
		
		<!-- Dashboard Content -->
        <div class="dashboard-content offset-transform-top">		
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						@include('sellers.layout.header')
						<div class="dashboard-details">
							<div class="row">
								<div class="col-md-12">
									<div class="card dash-cards w-100">
										<div class="row align-items-center">
											<div class="col-md-5">
												<div class="slider-card flex-card">
													<div class="ad-content-blk flex-fill">
														<div class="flex-title">
															<h5>{{$plan['plan']}}</h5>
															<h5 class="ms-auto">{{$plan['price']}}</h5>
														</div>
														<div class="info-list-style">
															<div class="list-start">
																<ul class="list-unstyled text-start">
																	<li class="flex-li">
																		{{$plan['ads']}}<span class="ms-2">Ad/{{$plan['type']}}</span>
																	</li> 
																	<li class="flex-li">
																		{{$plan['duration']}}<span class="ms-2">Day Validity</span>
																	</li>
																</ul>
															</div>
															<div class="list-end ms-auto">
																<p>Current Plan</p>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="col-md-7">
												<div class="count-wrapper align-center">
												   <div class="count-card flex-fill flex-card">
														<div class="count-info">
															<p>Advertisements</p>
															<h2>{{$active}} <span>Active</span></h2>
														</div>
														<div class="count-icon">
															<span class="material-symbols-outlined">campaign</span>
														</div>
												   </div>
												   <div class="count-card flex-fill flex-card">
														<div class="count-info">
															<p>Advertisements</p>
															<h2>{{$pending}} <span class="info">Pending</span></h2>
														</div>
														<div class="count-icon">
															<span class="material-symbols-outlined">campaign</span>
														</div>
												   </div>
												</div>
											</div>
										</div>									
									</div>
								</div>
							</div>	
							
							<div class="row dashboard-info">
								 <div class="col-lg-6 d-flex">
									<div class="card dash-cards w-100">
										<div class="card-body">
											<div class="home-user">
												<div class="home-head-user home-graph-header">
													<h2>Latest Ads</h2>
													<a href="{{route('seller.myads.form')}}" class="btn btn-viewall">View All<i class="material-symbols-outlined ms-2">north_east</i></a>
												</div>
												<div class="table-responsive datatable-nofooter">
												<table class="table custom-table datatable table-striped">
													<thead>
														<tr>
															<th>Advertisement</th>
															<th>Category</th>
															<th>Subcategory</th>
														</tr>
													</thead>									
													
													<tbody>
														@foreach($myads as $ad)
														<tr>
															<td>
																<a href="{{route('seller.viewad',[$ad['id']])}}" class="table-imgname" target="_blank">
																	<img src="{{$ad['image']}}" class="me-2" alt="img">
																	<span>{{$ad['title']}}</span>
																</a>
															</td>
															<td>{{$ad['category']}}</td>
															<td>{{$ad['subcategory']}}</td>
														</tr>
														@endforeach
													</tbody>
												</table>
												</div>
											</div>																
										</div>		
									</div>						 
								 </div>
								 
								 
								 <div class="col-lg-6 d-flex">
									<div class="card dash-cards w-100">
										<div class="card-body">
											<div class="home-user">
												<div class="home-head-user home-graph-header">
													<h2>Reviews</h2>
													<a href="{{route('seller.review')}}" class="btn btn-viewall">View All<i class="material-symbols-outlined ms-2">north_east</i></a>
												</div>
												<div class="table-responsive datatable-nofooter">
													<table class="table custom-table datatable table-striped">
														<thead>
															<tr>
																<th>Advertisement</th>
																<th>Customer</th>
																<th>Rating</th>
															</tr>
														</thead>
														<tbody>
															@foreach($myreviews as $review)
																<tr>
																	<td>
																		<a href="{{route('seller.viewad',[$review['id']])}}" class="table-imgname" target="_blank">
																			<img src="{{$review['image']}}" class="me-2" alt="img">
																			<span>{{$review['title']}}</span>
																		</a>
																	</td>
																	<td>{{$review['reviewer']}}</td>
																	@if($review['rating'] == 0 || $review['rating'] == 1)
																		<td class="flex-td">
																			<span class="level-blk low-blk">
																				<i class="fa-solid fa-circle"></i>Normal</span>
																			<span class="rating-blk low-blk">{{$review['rating']}}<i class="fa-solid fa-star"></i></span>
																		</td>
																	@endif
																	@if($review['rating'] == 2 || $review['rating'] == 3)
																		<td class="flex-td">
																			<span class="level-blk average-blk">
																				<i class="fa-solid fa-circle"></i>High</span>
																			<span class="rating-blk average-blk">{{$review['rating']}}<i class="fa-solid fa-star"></i></span>
																		</td>
																	@endif
																	@if($review['rating'] == 4 || $review['rating'] == 5)
																		<td class="flex-td">
																			<span class="level-blk good-blk">
																				<i class="fa-solid fa-circle"></i>Excellent</span>
																			<span class="rating-blk good-blk">{{$review['rating']}}<i class="fa-solid fa-star"></i></span>
																		</td>
																	@endif
																</tr>
															@endforeach
														</tbody>
													</table>
												</div>
											</div>
										</div>						
									 </div>							 
								</div>					
							</div> 					
						</div>	
					</div>
				</div>
			</div>				
	    </div>					
	    <!-- /Dashboard Content -->	
							
	</div>

		<!-- 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