@extends(getTemplate('admin'))
@section('content')
	@push('custom-css')
		<link href="{{url('assets/core/plugins/nvd3/build/nv.d3.css')}}" rel="stylesheet" />
		<link href="{{url('assets/core/plugins/jquery-jvectormap/jquery-jvectormap.css')}}" rel="stylesheet" />
		<link href="{{url('assets/core/plugins/bootstrap-calendar/css/bootstrap_calendar.css')}}" rel="stylesheet" />
		<link href="{{url('assets/core/plugins/bootstrap-datepicker/css/bootstrap-datepicker.css')}}" rel="stylesheet" />
	@endpush
			<style>.tab-content > .tab-pane:not(.active) { display: block; height: 0; overflow-y: hidden; }</style>
			<!-- begin row -->
			<div class="row">
				<div class="col-lg-7 col-md-7 col-sm-12">
				<div class="row">
					<!-- begin col-3 -->
					<div class="col-lg-4 col-md-6 col-sm-12">
						@php
							$cs = 0;
							if(intval($todayVisits) != 0)
								$cs = 100 - intval($lastWeekVisitorsCount) / intval($todayVisits) * 100;
							$cs = intval($cs);
							$cStat = ($cs >= 0) ? 'Better than last week ('.$cs.'%)': 'Worse than last week ('.(-1)*$cs.'%)';
						@endphp
						<div class="widget widget-stats bg-gradient-gadmin">
							<div class="stats-icon stats-icon-lg"><i class="fa fa-globe fa-fw"></i></div>
							<div class="stats-content">
								<div class="stats-title">TODAY'S VISITS</div>
								<div class="stats-number">{{$todayVisits}}</div>
								<div class="stats-progress progress">
									<div class="progress-bar" style="width: {{$cs}}%;"></div>
								</div>
								<div class="stats-desc">{{$cStat}}</div>
							</div>
						</div>
					</div>
					<!-- end col-3 -->
					<!-- begin col-3 -->
					<div class="col-lg-4 col-md-6 col-sm-12">
						<div class="widget widget-stats bg-gradient-gadmin">
							<div class="stats-icon stats-icon-lg"><i class="fa fa-globe fa-fw"></i></div>
							<div class="stats-content">
								<div class="stats-title">TOTAL VISITORS</div>
								<div class="stats-number">{{$totalVisits}}</div>
								<div class="stats-progress progress">
									<div class="progress-bar" style="width: 40.5%;"></div>
								</div>
								<div class="stats-desc"><a href="{{url('admin/main/statistics')}}">View stats</a></div>
							</div>
						</div>
					</div>
					<!-- end col-3 -->
					<!-- begin col-3 -->
					@php $userCount = \App\Models\User::count(); @endphp
					<div class="col-lg-4 col-md-6 col-sm-12">
						<div class="widget widget-stats bg-gradient-gadmin">
							<div class="stats-icon stats-icon-lg"><i class="fas fa-user-friends fa-fw"></i></div>
							<div class="stats-content">
								<div class="stats-title">TOTAL MEMBERS</div>
								<div class="stats-number">{{$userCount}}</div>
								<div class="stats-progress progress">
									<div class="progress-bar" style="width: 76.3%;"></div>
								</div>
								<div class="stats-desc">Better than last week (76.3%)</div>
							</div>
						</div>
					</div>
					<!-- end col-3 -->
					<!-- begin col-3 -->
					@php
						$social_module = new Module();
						$social_module = $social_module->where('folder', 'social')->get();
						if($social_module->exists()){
							$p = new SocialPost();
							$p = $p->count();
						}
						else
							$p = 0;
					@endphp
					<!-- end col-3 -->

				</div>
				<!-- end row -->
				<div class="row">
					<div class="col-lg-4 col-md-4 col-sm-12">
						<div class="card">
							<a href="{{url('admin/module/blog/show_posts')}}" class="gadmin-dashboard-cards-a">
								<div class="card-block gadmin-dashboard-cards-i">
									<i class="fas fa-comment-alt"></i>
								</div>
							<div class="card-block">
								<h4 class="card-title gadmin-dashboard-cards-title">View & Add Blogs</h4>
							</div>
							</a>
						</div>
					</div>
					@if(module_exists('events'))
					<div class="col-lg-4 col-md-4 col-sm-12">
						<div class="card">
							<a href="{{url('admin/module/events/show_events')}}" class="gadmin-dashboard-cards-a">
								<div class="card-block gadmin-dashboard-cards-i">
									<i class="fas fa-ticket-alt"></i>
								</div>
							<div class="card-block">
								<h4 class="card-title gadmin-dashboard-cards-title">View & Add Events</h4>
							</div>
							</a>
						</div>
					</div>
					@endif
					@if(module_exists('events'))
					<div class="col-lg-4 col-md-4 col-sm-12">
						<div class="card">
							<a href="{{url('admin/module/events/show_event_attending_lists')}}" class="gadmin-dashboard-cards-a">
								<div class="card-block gadmin-dashboard-cards-i">
									<i class="fas fa-credit-card"></i>
								</div>
							<div class="card-block">
								<h4 class="card-title gadmin-dashboard-cards-title">Event Orders</h4>
							</div>
							</a>
						</div>
					</div>
					@endif
					@if(module_exists('payments'))
					<div class="col-lg-4 col-md-4 col-sm-12">
						<div class="card">
							<a href="{{url('admin/module/payments/sales')}}" class="gadmin-dashboard-cards-a">
								<div class="card-block gadmin-dashboard-cards-i">
									<i class="fas fa-euro-sign"></i>
								</div>
							<div class="card-block">
								<h4 class="card-title gadmin-dashboard-cards-title">Payments & Invoices</h4>
							</div>
							</a>
						</div>
					</div>
					@endif
					<div class="col-lg-4 col-md-4 col-sm-12">
						<div class="card">
							<a href="{{url('admin/user/show')}}" class="gadmin-dashboard-cards-a">
								<div class="card-block gadmin-dashboard-cards-i">
									<i class="fas fa-users"></i>
								</div>
							<div class="card-block">
								<h4 class="card-title gadmin-dashboard-cards-title">All Member Accounts</h4>
							</div>
							</a>
						</div>
					</div>
					<div class="col-lg-4 col-md-4 col-sm-12">
						<div class="card">
							<a href="{{url('admin/utility/show_companies')}}" class="gadmin-dashboard-cards-a">
								<div class="card-block gadmin-dashboard-cards-i">
									<i class="fas fa-database"></i>
								</div>
							<div class="card-block">
								<h4 class="card-title gadmin-dashboard-cards-title">View All Companies</h4>
							</div>
							</a>
						</div>
					</div>
					@if(module_exists('memberships'))
					<div class="col-lg-4 col-md-4 col-sm-12">
						<div class="card">
							<a href="{{url('admin/module/memberships/show_active_members')}}" class="gadmin-dashboard-cards-a">
								<div class="card-block gadmin-dashboard-cards-i">
									<i class="fas fa-id-card"></i>
								</div>
							<div class="card-block">
								<h4 class="card-title gadmin-dashboard-cards-title">Active Memberships</h4>
							</div>
							</a>
						</div>
					</div>
					@endif
				</div>
				</div>
				<!-- Notifications -->
				<div class="col-lg-5 col-md-5 col-sm-12">
					<div class="note note-light m-b-15">
						<div class="note-content gadmin-title-1">
							<h4><i class="fa fa-bolt"></i> <b>Activity & Highlights</b> </h4>
							<div data-scrollbar="true" data-height="515px">
								<div class="alert alert-dark">
									<i class="fa fa-info-circle"></i> Activity Details Coming Soon
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- begin row -->
			<div class="row">
				<!-- begin col-8 -->
				<div class="col-lg-7 col-md-7 col-sm-12">
					@include('includes.component.admin-alert-messenger')
				</div>
				<!-- end col-8 -->
				<!-- begin col-4 -->
				@if(module_exists('events'))
				<div class="col-lg-5 col-md-5 col-sm-12">
					<!-- begin panel -->
					<div class="panel panel-white">
						<div class="gadmin-heading">
							<h4 class="panel-title">Latest Registered Accounts</h4>
						</div>
						<ul class="registered-users-list clearfix">
							@php $users = new User(); @endphp
							@foreach($users->where('active',1)->order_by('created_on','desc')->limit(15)->get() as $user)
								@if(!$user->is_super_admin())
									<li>
										<a href="{{url('admin/user/profile/'.$user->id)}}" class=""><img src="{{$user->avatar}}" alt="{{ucwords($user->first_name.' '.$user->last_name)}}" /></a>
										<h4 class="username text-ellipsis">
											{{ucwords($user->first_name.' '.$user->last_name)}}
											<small>{{$user->extended->get()->country}}</small>
										</h4>
									</li>
								@endif
							@endforeach
						</ul>
						<div class="panel-footer text-center">
							<a href="{{url('admin/user/show')}}" class=" btn btn-sm btn-default">View All Accounts</a>
						</div>
					</div>
					<!-- end panel -->
				</div>
				@endif
				<!-- end col-4 -->
			</div>
			<!-- end row -->
			<!--
{{--			@php $this->ci->benchmark->mark('code_end'); @endphp--}}
{{--			Page Loaded in {!!$this->ci->benchmark->elapsed_time('code_start', 'code_end')!!} seconds--}}
			-->
			<!-- end row -->
	@push('custom-js')
		<script>
			var countryNamesArr = ;
			var visitors = {};
		</script>
		<script src="{{url('assets/core/plugins/flot/jquery.flot.min.js')}}"></script>
		<script src="{{url('assets/core/plugins/flot/jquery.flot.time.min.js')}}"></script>
		<script src="{{url('assets/core/plugins/flot/jquery.flot.resize.min.js')}}"></script>
		<script src="{{url('assets/core/plugins/flot/jquery.flot.pie.min.js')}}"></script>
		<script src="{{url('assets/core/plugins/sparkline/jquery.sparkline.js')}}"></script>
		<script src="{{url('assets/core/plugins/d3/d3.min.js')}}"></script>
		<script src="{{url('assets/core/plugins/nvd3/build/nv.d3.js')}}"></script>
		<script src="{{url('assets/core/plugins/jquery-jvectormap/jquery-jvectormap.min.js')}}"></script>
		<script src="{{url('assets/core/plugins/jquery-jvectormap/jquery-jvectormap-world-merc-en.js')}}"></script>
		<script src="{{url('assets/core/plugins/bootstrap-calendar/js/bootstrap_calendar.min.js')}}"></script>
		<script src="{{url('assets/core/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js')}}"></script>
		<script src="{{url('assets/core/plugins/tinymce_5.7/js/tinymce/jquery.tinymce.min.js')}}"></script>
		<script src="{{url('assets/core/plugins/tinymce_5.7/js/tinymce/tinymce.min.js?apiKey=27xhkb8mfltvjs62yqkw8kh3tynd73sdf3wi7va8qdr7221f')}}"></script>
		<script src="{{asset('assets/themes/admin/default/assets/js/demo/dashboard-v2.js')}}"></script>
		<script>
			$(document).ready(function() {
				if(page === 'dashboard') {
					var total_days = 30;
					$.ajax({
						type: 'GET',
						url: site_root + 'admin/ajax/dashboard_get_visitors_graph/' + total_days,
						dataType: 'json',
						success: function(data) {
							// if(data['all'][2] != 0){
							// 	visitors = data;
							// }
							visitors = data;
							DashboardV2.init();
						},
						data: {},
						async: true
					});
				}
			});
		</script>
	@endpush
@endsection