@extends('admin.layout.master')

@section('content')

<div class="app-content  my-3 my-md-5">
<div class="side-app">
<div class="page-header">
<h4 class="page-title">Dashboard</h4>
<ol class="breadcrumb">

<li class="breadcrumb-item active" aria-current="page">Dashboard</li>
</ol>
</div>

		<!-- <h5>Circles</h5> -->
	
<div class="row ">
<div class="col-xl-12 col-lg-12 col-md-12">
	<div class="card">
		<div class="card-header">
			<h3 class="card-title">Circles</h3>
		</div>
	</div>
</div>

<div class="col-xl-2 col-lg-2 col-md-12">
<div class="card">
	<div class="card-body text-center">
		<h5 style="color: #654321">Completed</h5>
		<h2 class="counter">{{count($complete)}}</h2>
		<!-- <a href="#" class="btn btn-outline-success btn-sm">View</a> -->
	</div>
</div>
</div>





<div class="col-xl-2 col-lg-2 col-md-12">
<div class="card">
	<div class="card-body text-center">
		<h5 style="color: #D7D700">Waiting</h5>
		<h2 class="counter">{{count($waiting)}}</h2>
		<!-- <a href="#" class="btn btn-outline-success btn-sm">View</a> -->
	</div>
</div>
</div>



<div class="col-xl-2 col-lg-2 col-md-12">
<div class="card">
	<div class="card-body text-center">
		<h5 style="color: #00ff00">On-Going</h5>
		<h2 class="counter">{{count($ongoing)}}</h2>
		<!-- <a href="#" class="btn btn-outline-success btn-sm">View</a> -->
	</div>
</div>
</div>


<div class="col-xl-2 col-lg-2 col-md-12">
<div class="card">
	<div class="card-body text-center">
		<h5 style="color: #732626">Rejected</h5>
		<h2 class="counter">{{count($reject)}}</h2>
		<!-- <a href="#" class="btn btn-outline-success btn-sm">View</a> -->
	</div>
</div>
</div>


<div class="col-xl-2 col-lg-2 col-md-12">
<div class="card">
	<div class="card-body text-center">
		<h5 style="color: #0000FF">Blocked</h5>
		<h2 class="counter">{{count($block)}}</h2>
		<!-- <a href="#" class="btn btn-outline-success btn-sm">View</a> -->
	</div>
</div>
</div>


<div class="col-xl-2 col-lg-2 col-md-12">
<div class="card">
	<div class="card-body text-center">
		<h5 style="color: #ff0000">Suspended</h5>
		<h2 class="counter">{{count($suspend)}}</h2>
		<!-- <a href="#" class="btn btn-outline-success btn-sm">View</a> -->
	</div>
</div>
</div>




</div>


<div class="row">
	<div class="col-xl-12 col-lg-12 col-md-12">
	<div class="card">
		<div class="card-header">
			<h3 class="card-title">Latest Circles</h3>
		</div>
		<div class="user-table">
			<div class="table-responsive ">
				<table class="table card-table  table-hover table-vcenter text-nowrap">
					<thead>
						<tr>
							<th>Circle Id</th>
							<th>Contestants</th>
							<th>Target Achive</th>
							<th>Round Set</th>
							<th>Starting Date</th>
							<th>End Date</th>
							<th>Status</th>

						</tr>
					</thead>
					<tbody>
						@if(!$latest->isEmpty())
						@foreach($latest as $val)
						<tr>
							<td>
								<div class="d-flex align-items-center">
									
									<div class="">
										<h5 class="mb-0 mt-2 font-weight-semibold text-uppercase"><a href="{{route('circle.circle_detail', base64_encode($val->id))}}">{{$val->circle_code}}</a></h5>
										
									</div>
								</div>
							</td>

							<td>
								<div class="d-flex align-items-center">
									
									<div class="">
										<h5 class="mb-0 mt-2 font-weight-semibold text-uppercase" >
											@foreach($val->getUsers as $key=>$value)
											<a href="{{route('circle.circle_of_user_details', base64_encode($value->mobile_number))}}">{{ucfirst($value->username)}}</a>
											<br>
											@endforeach
										</h5>
										
									</div>
								</div>
							</td>

							<td>
								<div class="d-flex align-items-center">
									
									<div class="">
										<h5 class="mb-0 mt-2 font-weight-semibold text-uppercase">{{$val->target_achive}}</h5>
										
									</div>
								</div>
							</td>

							<td>
								<div class="d-flex align-items-center">
									
									<div class="">
										<h5 class="mb-0 mt-2 font-weight-semibold text-uppercase">{{$val->round_set}}</h5>
										
									</div>
								</div>
							</td>

							<td>
								<div class="d-flex align-items-center">
									
									<div class="">
										<h5 class="mb-0 mt-2 font-weight-semibold text-uppercase" >
										{{date('d-M-Y', strtotime($val->start_date))}}</h5>
										
									</div>
								</div>
							</td>

							<td>
								<div class="d-flex align-items-center">
									
									<div class="">
										<h5 class="mb-0 mt-2 font-weight-semibold text-uppercase" >
										{{date('d-M-Y', strtotime($val->end_date))}}</h5>
										
									</div>
								</div>
							</td>

							<td class="font-weight-semibold">
								
								@if($val->status == 0)
									<p style="color: #FFA500">Waiting</p>
								@elseif($val->status == 1)
									<p style="color: #008000">On-Going</p>
								@elseif($val->status == 2)
									<p style="color: #0000FF">Block</p>
								@elseif($val->status == 3)
									<p style="color: #FF0000">Suspend</p>
								@elseif($val->status == 4)
									<p style="color: #732626">Rejected</p>
								@else
									<p style="color: #464646">Completed</p>
								@endif
							</td>
							
						</tr>
						@endforeach
						@endif
						
					</tbody>
				</table>
			</div>
		</div>
	</div>
	</div>
	
</div>




<div class="row">
	<div class="col-xl-12 col-lg-12 col-md-12">
	<div class="card">
		<div class="card-header">
			<h3 class="card-title">New Register Users</h3>
		</div>
		<div class="user-table">
		<div class="table-responsive ">
			<table class="table card-table  table-hover table-vcenter text-nowrap">
				<thead>
					<tr>
						<th>User</th>
						<th>Email</th>
						<th>Mobile Number</th>
						
					</tr>
				</thead>
				<tbody>
					@if(!$user->isEmpty())
					@foreach($user as $val)
					<tr>
						
						<td>
							<div class="d-flex align-items-center">
								@if($val->avatar_location == 'avatars_temp/default_avatar.png' || $val->avatar_location == 'avatars/default_avatar.png')
									<div class="mr-3"><img class="avatar avatar-md brround " src="{{ asset('storage/avatars/download.png')}}"></div>
								@else
									<div class="mr-3"><img class="avatar avatar-md brround " src="{{ asset('storage/'.$val->avatar_location) }}" alt="avatar-img"></div>
								@endif
								<div class="">
									<a href="{{ route('admin.userDetails', base64_encode($val->id)) }}"><h5 class="mb-0 mt-2 font-weight-semibold text-uppercase" title="{{ucwords(strtolower($val->first_name))}} {{ucwords(strtolower($val->last_name))}}">{{str_limit(strip_tags($val->first_name), 15)}} {{str_limit(strip_tags($val->last_name), 15)}}</h5></a>
									<!-- <p class="text-muted mb-0">Gover@han</p> -->
								</div>
							</div>
						</td>
						<td>
							<a href="{{ route('admin.userDetails', base64_encode($val->id)) }}" class="text-danger">{{$val->email}}</a>
						</td>
						<!-- <td class="font-weight-semibold">{{date('d-M-Y', strtotime($val->created_at))}}</td> -->
						<td class="font-weight-semibold">{{$val->mobile_country_code}}-{{$val->mobile_number}}</td>
						
					</tr>
					@endforeach
					@endif
					
				</tbody>
			</table>
		</div>
	</div>
	</div>
	</div>
</div>












</div>

</div>

@endsection
@section('scripts')
@endsection