@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" />
        <link href="{{url('assets/core/plugins/OwlCarousel2-2.3.4/dist/assets/owl.carousel.min.css')}}" rel="stylesheet" />
        <link href="{{url('assets/core/plugins/OwlCarousel2-2.3.4/dist/assets/owl.theme.default.min.css')}}" rel="stylesheet" />
        <style>
            .owl-theme .owl-nav.disabled + .owl-dots {
                margin-top: -10px;
            }
            .dt-buttons{
                display: none;
            }
        </style>
	@endpush
			<style>.tab-content > .tab-pane:not(.active) { display: block; height: 0; overflow-y: hidden; }</style>
			<!-- begin row -->
			<div class="row px-5">
				<div class="col-lg-12 col-md-12 col-sm-12">
				<div class="row">
                    <div class="col-lg-12 col-md-12 col-sm-12">
                     @include('themes.admin.default.components.hub-alert-widget',['alerts' => $alerts, 'count' => $countAlerts])
                    </div>
					<!-- 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/takenplace/stats')}}">View stats</a></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="fas fa-user-friends fa-fw"></i></div>
							<div class="stats-content">
								<div class="stats-title">TOTAL MEMBERS</div>
								<div class="stats-number">{{\App\Models\User::count()}}</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 -->
				</div>
				<!-- end row -->
				<div class="row">
					<div class="col-lg-4 col-md-4 col-sm-12">
						<div class="card">
							<a href="{{url('admin/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>

{{--					@if(module_exists('memberships'))
					<div class="col-lg-4 col-md-4 col-sm-12">
						<div class="card">
							<a href="{{url('admin/user/subscriptions')}}" 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">Membership Orders</h4>
							</div>
							</a>
						</div>
					</div>
					@endif--}}
					@if(module_exists('memberships'))
					<div class="col-lg-4 col-md-4 col-sm-12">
						<div class="card">
							<a href="{{url('admin/takenplace/weddings')}}" 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
					@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('meeting_rooms'))
					<div class="col-lg-4 col-md-4 col-sm-12">
						<div class="card">
							<a href="{{url('admin/module/meeting_rooms/show_rooms')}}" 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">Meeting Room Orders</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_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">Events & Trainings</h4>
							</div>
							</a>
						</div>
					</div>
					@endif
					<div class="col-lg-4 col-md-4 col-sm-12">
						<div class="card">
							<a href="{{url('admin/users')}}" 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>
					@if(module_exists('meeting_rooms'))
					<div class="col-lg-4 col-md-4 col-sm-12">
						<div class="card">
							<a href="{{url('admin/module/meeting_rooms/show_room_departments')}}" class="gadmin-dashboard-cards-a">
								<div class="card-block gadmin-dashboard-cards-i">
									<i class="fas fa-calendar-plus"></i>
								</div>
							<div class="card-block">
								<h4 class="card-title gadmin-dashboard-cards-title">Meeting Rooms</h4>
							</div>
							</a>
						</div>
					</div>
					@endif
				</div>
				</div>
				<!-- Notifications -->
				<div class="col-lg-5 col-md-5 col-sm-12 hidden">
					<div class="note note-light m-b-15">
						<div class="note-content gadmin-title-1">
							<h4><i class="fa fa-bolt"></i> <b>Important Notifications</b> <a href="{{url('admin/main/notifications')}}" class="btn btn-xs btn-inverse pull-right "><i class="fa fa-list"></i> View More</a></h4>
							<div data-scrollbar="true" data-height="515px">
{{--							@if($logs->exists())
								@foreach($logs as $log)
									@if(!auth()->user()->is_super_admin)
										@php $u = new User($log->user_id); @endphp
										@if(!$u->is_super_admin())
											{!! $log->details('styled') !!}
										@endif
									@else
										{!! $log->details('styled') !!}
									@endif
								@endforeach
							@else--}}
								<div class="alert alert-info">
									<i class="fa fa-info-circle"></i> No Notifications yet.
								</div>
{{--							@endif--}}
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- begin row -->
			<div class="row hidden">
				<!-- begin col-8 -->
				<div class="col-lg-7 col-md-7 col-sm-12">
					@include('themes.admin.default.components.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">Upcoming Events</h4>
						</div>
						<div id="schedule-calendar" class="bootstrap-calendar"></div>
						<div class="list-group">
							<a href="{{url('admin/module/events/show_events')}}" class="list-group-item d-flex justify-content-between align-items-center text-ellipsis">
								Admin Created Events
								<span class="badge f-w-500 bg-gradient-black f-s-10">8</span>
							</a>
						</div>
					</div>
					<!-- end panel -->
				</div>
				@endif
				<!-- end col-4 -->
			</div>
			<!-- end row -->
			<div class="row hidden">
				<div class="col-lg-12 col-md-12 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">
							@foreach(\App\Models\User::where('is_active',1)->orderBy('created_at','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->full_name)}}" /></a>
										<h4 class="username text-ellipsis">
											{{ucwords($user->full_name)}}
											<small>{{$user->address->country ?? ''}}</small>
										</h4>
									</li>
								@endif
							@endforeach
						</ul>
						<div class="panel-footer text-center">
							<a href="{{url('admin/users/show')}}" class=" btn btn-sm btn-default">View All Accounts</a>
						</div>
					</div>
					<!-- end panel -->
				</div>
				<!-- end col-4 -->
			</div>
			<!-- end row -->
	@push('custom-js')
		<script>
            var countryNamesArr = {!!$countryNamesArr!!};
			var visitors = {};
		</script>
        <script src="{{url('assets/core/plugins/OwlCarousel2-2.3.4/dist/owl.carousel.min.js')}}"></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') {
                    // Load Tasks
                    load_partial($('#task_list_container'));

                    var total_days = 30;
                    $.ajax({
                        type: 'GET',
                        url: '{{ route('admin.ajax.dashboardGetVisitorsGraph') }}?days=' + total_days,
                        dataType: 'json',
                        success: function (data) {
                            visitors = data;
                            DashboardV2.init();
                        },
                        data: {},
                        async: true
                    });
                }
            });
		</script>
	@endpush
@endsection