@extends('themes.admin.'.setting('active_admin_theme').'.layouts.default')
@section('content')

	@push('custom-css')

	@endpush

	<!-- begin panel -->
	<div class="panel panel-inverse " data-sortable-id="ui-widget-6">
		<div class="panel-heading">
			<h4 class="panel-title">
				{{$title}} Today: {{date('j F Y', time())}}
			</h4>
		</div>
		<div id="info-alert" class="alert" style="display:none">
			<span class="close" onclick="$('#info-alert').fadeOut()">×</span>
			<div class="alert-container"></div>
		</div>
		<div class="panel-body">
			<div class="row">
				<!-- begin col-3 -->
				<div class="col-lg-4 col-md-4 col-sm-12">
					<div class="card card-stats">
							<div class="card-block gadmin-dashboard-cards-i">
								{{$total_members_registered}}
							</div>
							<div class="card-block">
								<h4 class="card-title gadmin-dashboard-cards-title">ALL ACCOUNTS REGISTERED</h4>
							</div>
					</div>
				</div>
				<!-- end col-3 -->
				<!-- begin col-3 -->
				<div class="col-lg-4 col-md-4 col-sm-12">
					<div class="card card-stats">
							<div class="card-block gadmin-dashboard-cards-i">
								{{$total_hub_admins}}
							</div>
							<div class="card-block">
								<h4 class="card-title gadmin-dashboard-cards-title">TOTAL HUB MANAGERS</h4>
							</div>
					</div>
				</div>
				<!-- end col-3 -->
				<!-- begin col-3 -->
				<div class="col-lg-4 col-md-4 col-sm-12">
					<div class="card card-stats">
							<div class="card-block gadmin-dashboard-cards-i">
								{{$total_customers}}
							</div>
							<div class="card-block">
								<h4 class="card-title gadmin-dashboard-cards-title">TOTAL CUSTOMERS</h4>
							</div>
					</div>
				</div>
				<!-- end col-3 -->
				<!-- begin col-3 -->
				<div class="col-lg-4 col-md-4 col-sm-12">
					<div class="card card-stats">
							<div class="card-block gadmin-dashboard-cards-i">
								{{$total_live_hubs}}
							</div>
							<div class="card-block">
								<h4 class="card-title gadmin-dashboard-cards-title">TOTAL LIVE HUBS</h4>
							</div>
					</div>
				</div>
				<!-- end col-3 -->
				<!-- begin col-3 -->
				<div class="col-lg-4 col-md-4 col-sm-12">
					<div class="card card-stats">
							<div class="card-block gadmin-dashboard-cards-i">
								{{$total_pending_hubs}}
							</div>
							<div class="card-block">
								<h4 class="card-title gadmin-dashboard-cards-title">OUTSTANDING HUB APPLICATIONS</h4>
							</div>
					</div>
				</div>
				<!-- end col-3 -->
				<!-- begin col-3 -->
				<!-- end col-3 -->

			</div>
			<div class="row">
				<div class="col-lg-12 col-md-12 col-sm-12">
					<br>
					<h3>Orders & Payments</h3>
					<hr>
				</div>
				<!-- begin col-3 -->
				<div class="col-lg-3 col-md-6 col-sm-12">
					<div class="widget widget-stats bg-statsgrey">
						<div class="stats-icon stats-icon-lg"><i class="fa fa-credit-card fa-fw"></i></div>
						<div class="stats-content">
							<div class="stats-title stats-title-hubs">TOTAL ORDERS</div>
							<div class="stats-num">{{$total_orders}}</div>
							<div class="stats-progress progress">
								<div class="progress-bar" style="width: -300%;"></div>
							</div>
							<div class="stats-info">All Paid & Pending Orders Created</div>
						</div>
					</div>
				</div>
				<!-- end col-3 -->
				<!-- begin col-3 -->
				<div class="col-lg-3 col-md-6 col-sm-12">
					<div class="widget widget-stats bg-statsgrey">
						<div class="stats-icon stats-icon-lg"><i class="fa fa-credit-card fa-fw"></i></div>
						<div class="stats-content">
							<div class="stats-title stats-title-hubs">ALL PAID ORDERS</div>
							<div class="stats-num">{{$total_paid_orders}}</div>
							<div class="stats-progress progress">
								<div class="progress-bar" style="width: -300%;"></div>
							</div>
							<div class="stats-info">Completed & Paid Orders Only</div>
						</div>
					</div>
				</div>
				<!-- end col-3 -->
				<!-- begin col-3 -->
				<div class="col-lg-3 col-md-6 col-sm-12">
					<div class="widget widget-stats bg-statsgrey">
						<div class="stats-icon stats-icon-lg"><i class="fas fa-credit-card fa-fw"></i></div>
						<div class="stats-content">
							<div class="stats-title stats-title-hubs">TOTAL MEETING ROOM ORDERS</div>
							<div class="stats-num">{{$total_paid_mr_orders}}</div>
							<div class="stats-progress progress">
								<div class="progress-bar" style="width: -300%;"></div>
							</div>
							<div class="stats-info">Completed & Paid Orders Only</div>
						</div>
					</div>
				</div>
				<div class="col-lg-3 col-md-6 col-sm-12">
					<div class="widget widget-stats bg-statsgrey">
						<div class="stats-icon stats-icon-lg"><i class="fas fa-credit-card fa-fw"></i></div>
						<div class="stats-content">
							<div class="stats-title stats-title-hubs">TOTAL DESK ORDERS</div>
							<div class="stats-num">{{$total_paid_d_orders}}</div>
							<div class="stats-progress progress">
								<div class="progress-bar" style="width: -300%;"></div>
							</div>
							<div class="stats-info">Completed & Paid Orders Only</div>
						</div>
					</div>
				</div>
				<!-- end col-3 -->
			</div>
			<div class="row">
				<div class="col-lg-4 col-md-6 col-sm-12">
					<div class="widget widget-stats bg-statsgrey">
						<div class="stats-icon stats-icon-lg"><i class="fas fa-euro-sign fa-fw"></i></div>
						<div class="stats-content">
							<div class="stats-title stats-title-hubs">TOTAL REVENUE - TURNOVER</div>
							@php $currency = \App\Models\Currency::find(1); @endphp
							<div class="stats-num">{{$currency->symbol.number_format($total_revenue,2)}}</div>
							<div class="stats-progress progress">
								<div class="progress-bar" style="width: -300%;"></div>
							</div>
							<div class="stats-info">Revenue Generated for All Hubs</div>
						</div>
					</div>
				</div>
				<div class="col-lg-4 col-md-6 col-sm-12">
					<div class="widget widget-stats bg-statsgrey">
						<div class="stats-icon stats-icon-lg"><i class="fas fa-euro-sign fa-fw"></i></div>
						<div class="stats-content">
							<div class="stats-title stats-title-hubs">TOTAL DESKS INCOME</div>
							@php $deskCurrency = \App\Models\Currency::find(setting('booking_memberships_default_currency_id')); @endphp
							<div class="stats-num">{{$deskCurrency->symbol.number_format($total_desk_revenue,2)}}</div>
							<div class="stats-progress progress">
								<div class="progress-bar" style="width: -300%;"></div>
							</div>
							<div class="stats-info">Desks Revenue</div>
						</div>
					</div>
				</div>
				<div class="col-lg-4 col-md-6 col-sm-12">
					<div class="widget widget-stats bg-statsgrey">
						<div class="stats-icon stats-icon-lg"><i class="fas fa-euro-sign fa-fw"></i></div>
						<div class="stats-content">
							<div class="stats-title stats-title-hubs">TOTAL MEETING ROOMS INCOME</div>
							@php $mrCurrency = \App\Models\Currency::find(setting('default_currency_id', 'meeting_rooms')); @endphp
							<div class="stats-num">{{$mrCurrency->symbol.number_format($total_mr_revenue,2)}}</div>
							<div class="stats-progress progress">
								<div class="progress-bar" style="width: -300%;"></div>
							</div>
							<div class="stats-info">Meeting Rooms Revenue</div>
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-lg-4 col-md-6 col-sm-12">
					<div class="widget widget-stats bg-statsgrey">
						<div class="stats-icon stats-icon-lg"><i class="fas fa-euro-sign fa-fw"></i></div>
						<div class="stats-content">
							<div class="stats-title stats-title-hubs">TOTAL EVENTS INCOME</div>
							@php $eventCurrency = \App\Models\Currency::find(setting('default_currency_id', 'events')); @endphp
							<div class="stats-num">{{$eventCurrency->symbol.number_format($total_events_revenue,2)}}</div>
							<div class="stats-progress progress">
								<div class="progress-bar" style="width: -300%;"></div>
							</div>
							<div class="stats-info">Events Revenue</div>
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-lg-12 col-md-12 col-sm-12">
					<br>
					<h3>Hubs & Booking Plans</h3>
					<hr>
				</div>
				<!-- begin col-3 -->
				<div class="col-lg-3 col-md-6 col-sm-12">
					<div class="widget widget-stats bg-statsgrey">
						<div class="stats-icon stats-icon-lg"><i class="fa fa-file fa-fw"></i></div>
						<div class="stats-content">
							<div class="stats-title stats-title-hubs">TOTAL DESK PLANS</div>
							<div class="stats-num">{{$total_d_plans}}</div>
							<div class="stats-progress progress">
								<div class="progress-bar" style="width: -300%;"></div>
							</div>
							<div class="stats-info">All Desk Plans Created</div>
						</div>
					</div>
				</div>
				<!-- end col-3 -->
				<!-- begin col-3 -->
				<div class="col-lg-3 col-md-6 col-sm-12">
					<div class="widget widget-stats bg-statsgrey">
						<div class="stats-icon stats-icon-lg"><i class="fas fa-desktop fa-fw"></i></div>
						<div class="stats-content">
							<div class="stats-title stats-title-hubs">TOTAL NUMBER OF DESKS</div>
							<div class="stats-num">{{$total_num_desks}}</div>
							<div class="stats-progress progress">
								<div class="progress-bar" style="width: -300%;"></div>
							</div>
							<div class="stats-info">Total Desks Available</div>
						</div>
					</div>
				</div>
				<!-- end col-3 -->
				<!-- begin col-3 -->
				<div class="col-lg-3 col-md-6 col-sm-12">
					<div class="widget widget-stats bg-statsgrey">
						<div class="stats-icon stats-icon-lg"><i class="fas fa-desktop fa-fw"></i></div>
						<div class="stats-content">
							<div class="stats-title stats-title-hubs">TOTAL PAID DESKS</div>
							<div class="stats-num">{{$total_active_desks}}</div>
							<div class="stats-progress progress">
								<div class="progress-bar" style="width: -300%;"></div>
							</div>
							<div class="stats-info">Total Desks Ordered</div>
						</div>
					</div>
				</div>
				<!-- end col-3 -->
				<div class="col-lg-3 col-md-6 col-sm-12">
					<div class="widget widget-stats bg-statsgrey">
						<div class="stats-icon stats-icon-lg"><i class="fa fa-file fa-fw"></i></div>
						<div class="stats-content">
							<div class="stats-title stats-title-hubs">TOTAL MEETING ROOM PLANS</div>
							<div class="stats-num">{{$total_mr_plans}}</div>
							<div class="stats-progress progress">
								<div class="progress-bar" style="width: -300%;"></div>
							</div>
							<div class="stats-info">All Meeting Rooms Created</div>
						</div>
					</div>
				</div>
				<!-- begin col-3 -->
				<!-- end col-3 -->
			</div>

			<div class="row">
				<div class="col-lg-12 col-md-12 col-sm-12">
					<br>
					<h3>Top 10 Most Popular Hubs</h3>
					<hr>
				</div>
				<div class="col-md-12">
					<div id="stat-loader" class="text-center" style="margin-top:60px"><p><i class="fas fa-spinner fa-spin" style="font-size:40px"></i></p><br/><h3 class="text-center">Loading..</h3></div>
					<div class="stat-container hubs-stats-container"></div>
				</div>
			</div>
		</div>
	</div>
	<!-- end panel -->
	@push('custom-js')
	<script defer async>
		$(document).ready(function(){

			let statLoader = $('#stat-loader');
			let statContainer = $('.stat-container');

			$.post(site_root + 'admin/ajax/get_hubs_stripe_settings',{type:'top10'},'json').done(function(response){
				statLoader.fadeOut(function() {
					statContainer.html(response);
					$('.tt').tooltip();
				});
			});
		});
	</script>
	@endpush
@endsection