{{-- CityHub - Dashboard (superadmin) --}}
<div class="container-fluid">
	<div class="row">
		<div class="col-xs-12">
			<h3 style="color: #666;">{{ Lang::get('dashboard.superadmin_title') }}</h3>
			<hr>
		</div> 
	</div>

	<div class="row">
		<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
			<ul class="nav nav-tabs">
			  <li class="active"><a href="#tab_a" data-toggle="tab">{{ Lang::get('dashboard.statistics') }}</a></li>
			  <li><a href="#tab_b" data-toggle="tab" id="triggermap">{{ Lang::get('dashboard.title_cities') }}</a></li>
			  <li><a href="#tab_c" data-toggle="tab">{{ Lang::get('dashboard.title_modules') }}</a></li>
			  <li><a href="#tab_d" data-toggle="tab">{{ Lang::get('dashboard.subscribers') }}</a></li>
			  <li><a href="#tab_e" data-toggle="tab">{{ Lang::get('dashboard.view_statistic') }}</a></li>
			</ul>
		</div>
		<!-- <div class="col-lg-4 col-md-4 col-sm-4 pl0 right-btns">
			 <a href="{{ URL::route('getAddCity') }}" class="btn btn-info pull-right" title="{{ Lang::get('dashboard.add_city') }}"><span class="icon-gps-fixed"></span> {{ Lang::get('dashboard.add_city') }}</a>
		</div> -->
		<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
			<div class="tab-content ">
	      <div class="tab-pane active mt20" id="tab_a">

					<div class="row mt30 mb30 city-info-all">
						<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 city-info-column">
							<div class="city-info-inner text-center">
								<div class="city-info-top-1">
									<h1><i class="fa fa-users"></i>{{$userStats['total']}}</h1>
								</div>
								<a href="{{route('getUsersList')}}">
								<div class="city-info-bottom-1">
									<h5>{{ Lang::get('dashboard.users_number') }} </h5>
									<i class="fa fa-long-arrow-right goto-arrow"></i>
								</div>
								</a>
							</div>
						</div>

						<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 city-info-column">
							<div class="city-info-inner text-center">
								<div class="city-info-top-2">
									<h1><i class="fa fa-building"></i>{{$companyStats['total']}}</h1>
								</div>
								<a href="{{route('getCompaniesList')}}">
								<div class="city-info-bottom-2">
									<h5>{{ Lang::get('dashboard.company_number') }} </h5>
									<i class="fa fa-long-arrow-right goto-arrow"></i>
								</div>
								</a>
							</div>
						</div>

						<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 city-info-column">
							<div class="city-info-inner text-center">
								<div class="city-info-top-3">
									<h1><i class="fa fa-map-marker"></i>{{$cityStats['total']}}</h1>
								</div>
								<a href="{{route('getListCities')}}">
								<div class="city-info-bottom-3">
									<h5>{{ Lang::get('dashboard.total_cities_number') }} </h5>
									<i class="fa fa-long-arrow-right goto-arrow"></i>
								</div>
								</a>
							</div>
						</div>

						<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12 city-info-column">
							<div class="city-info-inner text-center">
								<div class="city-info-top-4">
									<h1><i class="fa fa-camera-retro"></i>
                                        {{$reportStats['total']}}</h1>
								</div>
								<a href="{{route('CommunalServiceGetLanding')}}">
								<div class="city-info-bottom-4">
									<h5>{{ Lang::get('dashboard.total_reports_number') }} </h5>
									<i class="fa fa-long-arrow-right goto-arrow"></i>
								</div>
								</a>
							</div>
						</div>
					</div>
					<div class="row cities-chart">
						<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
							<ul class="list-unstyled">
								<li class="text-left mt30"><h4>{{ Lang::get('dashboard.cities_statistics') }}</h4></li>
								<li class="mt30"><p><span class="admin-total-city">{{$cityStats['total']}}</span>{{ Lang::get('dashboard.total_cities_number') }}  </p></li>
								<li><p><span class="admin-active-city">{{$cityStats['active']}}</span>{{ Lang::get('dashboard.active_cities_number') }}</p></li>
								<li><p><span class="admin-inactive-city">{{$cityStats['total'] - $cityStats['active']}}</span>{{ Lang::get('dashboard.inactive_cities_number') }}</p></li>
								<!-- <li><a href="{{ URL::route('getAddCity') }}" class="btn btn-info mt20" title="{{ Lang::get('dashboard.add_city') }}"><span class="icon-gps-fixed"></span> {{ Lang::get('dashboard.add_city') }}</a></li> -->
							</ul>
						</div>
						<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
						<script type="text/javascript">
							window.onload = function () {
								CanvasJS.addColorSet("cities",
												[
												"#D81F00",
												"#5CB85C"
												]);
							var chart = new CanvasJS.Chart("chartContainer",
							{
								colorSet: "cities",
								backgroundColor: "transparent",
								title: {
									text: ""
								},
								data: [
								{
									type: "pie",
									indexLabelFormatter: function(e){
										return e.dataPoint.label + " " + e.dataPoint.y ;
									},
									dataPoints: [
										{ label: "", y: {{$cityStats['total'] - $cityStats['active']}} },
										{ label: "", y: {{$cityStats['active']}} },
									]
								}
								]
							});
							chart.render();
							}
							</script>
							<script type="text/javascript" src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
							<div id="chartContainer" style="height: 290px; width: 100%;"></div>
						</div>
						<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
 								<ul class="list-unstyled mt115">
									<li><p><span class="chart-legend"></span>{{ Lang::get('dashboard.active_cities_number') }}</p></li>
									<li><p><span class="chart-legend-2"></span>{{ Lang::get('dashboard.total_cities_number') }} </p></li>
								</ul>
						</div>

						<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 pl36">
									<h4 class="ml-10" style="padding: 10px 0;">{{ Lang::get('dashboard.latest_blog_posts') }} </h4>
									@foreach($blogStats['latestPosts'] as $blogPost)
											<div class="row mb10 blog-last">
													<div class="col-lg-2 col-md-2 col-sm-12 col-xs-12 pd0">
															@if ($blogPost->image != null || $blogPost->image != '')
															<img src="{{ url('/') }}/uploads/cityBlog/thumbs/{{ $blogPost->image }}" class="blog-image img-responsive">
															@endif
													</div>
													<div class="col-lg-10 col-md-10 col-sm-10 col-xs-12 pd0-5">
															<h5 class="mr0">{{ str_limit($blogPost->title, $limit = 25, $end = '...') }}</h5>
															<p>{{str_limit($blogPost->excerpt, $limit = 25, $end = '...')}}</p>
															<a href="{{ URL::route('getSingleNews', array('slug' => $blogPost->slug)) }}" target="_blank" class="read-more-blog"><i class="fa fa-long-arrow-right"></i></a>
													</div>
											</div>
											@endforeach
									</div>
								</div>
			        </div>
			        <div class="tab-pane" id="tab_b">
								<div class="row">
									<div class="col-xs-12 col-md-12">
										<div class="row">
											<div class="col-xs-6">
												<h3 class="pl13">{{ Lang::get('dashboard.title_cities') }}</h3>
											</div>
											<div class="col-xs-6 text-right">
												<!-- <a href="{{ URL::route('getAddCity') }}" class="btn btn-info mt20" title="{{ Lang::get('dashboard.add_city') }}"><span class="icon-gps-fixed"></span> {{ Lang::get('dashboard.add_city') }}</a> -->
											</div>
										</div>

										<div class="row">
											<div class="col-xs-12">
												<div class="map" id="map-canvas" style="min-height: 600px; width: auto;"></div>
											</div>
										</div>
										<!--
										@if ($cities != null)
											@foreach ($cities as $city)
												<div class="col-md-3 pd0"> 
													<div class="cities-inner"> 
														<h4 class="mb10">
															{{ $city['city']->name }}
															@if ($city['city']->alternate_name != '' || $city['city']->alternate_name != null)
															({{ $city['city']->alternate_name }})
															@endif
															<a href="{{ URL::route('getEditCity', array('id' => $city['city']->id)) }}" title="{{ Lang::get('dashboard.edit_city') }}"><span class="icon-edit"></span></a>
														</h4>
														<div class="row">
															<div class="col-xs-6">
																<p><span class="text-capitalize">{{ Lang::get('core.country') }}</span>: {{ Lang::get('databaseAssets.'. $city['city']->country_identifier) }}</p>
															</div>
															<div class="col-xs-6">
																<p><span class="text-capitalize">{{ Lang::get('core.status') }}</span>:
																@if ($city['city']->city_is_active == 1)
																<span class="text-success">{{ Lang::get('core.active') }}</span>
																@else
																<span class="text-danger">{{ Lang::get('core.inactive') }}</span>
																@endif
																</p>
															</div>
														</div>
													 	<span class="icon-room"></span> {{ $city['city']->city_center_latitude . ', ' . $city['city']->city_center_longitude }} </p><p><span class="icon-radio-button-on"></span> {{ $city['city']->city_radius }} km</p></p>
														@if (count($city['users']) > 0)
														<p>
															<span class="text-capitalize">{{ Lang::get('core.administrators') }}</span>:
															@foreach ($city['users'] as $user)
															<a href="{{ URL::route('getEditUser', array('id' => $user->id)) }}">{{ $user->first_name .' '. $user->last_name }}</a>,
															@endforeach
														</p>
														@endif
														@if (count($city['modules']) > 0)
														<p><span class="text-capitalize">{{ Lang::get('core.modules') }}</span>:
															@foreach($city['modules'] as $module)
														<span class="text-success">{{ Lang::get($module->module_identifier . '.module_name') }}</span>,
															@endforeach
														@endif
														</p> 
													</div> 
												</div>
											@endforeach
										@else
										<p class="bordered-danger text-center">{{ Lang::get('dashboard.no_cities_in_db') }}</p>
										@endif
										-->
									</div>
								</div>
  						</div>
			        <div class="tab-pane" id="tab_c">
								<div class="col-xs-12 col-md-12 pd0">
									<h3 class="pl13">{{ Lang::get('dashboard.title_modules') }}</h3>
									@if ($modules != null)
										@foreach ($modules as $module)
									<div class="col-md-6 mb15 pr0 pb0">
										<div class="moduli-single">
										<div class="row">
											<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
												<h3 class="mb20">
													{{ Lang::get($module->identifier . '.module_name') }}
												</h3>
											</div>
										</div>
										<div class="row">
											<div class="col-lg-9">
												<p>{{ Lang::get('dashboard.module_status') }}: <span class="text-danger">{{ Lang::get('core.inactive') }}</span></p>
												<p>{{ Lang::get('dashboard.module_mobile_status') }}: <span class="text-danger">{{ Lang::get('core.inactive') }}</span></p>
												<p>{{ Lang::get('dashboard.module_under_maintenance') }}: <span class="text-success">{{ Lang::get('core.no') }}</span></p>
											</div>
											<div class="col-lg-3">
												<p class="text-center"><a href="{{ URL::route('getEditModule', array('id' => $module->id)) }}" class="btn btn-info admin-dash-moduls-btn mb10"><span class="icon-edit"></span> {{ Lang::get('dashboard.edit') }}</a>
												<a href="{{ URL::route($module->landing_fn) }}" class="btn btn-success admin-dash-moduls-btn">{{ Lang::get($module->identifier . '.module_name') }}</a></p>
											</div>
										</div>
									</div>
								</div>

										@endforeach
									@else
									<p class="bordered-danger text-center">{{ Lang::get('dashboard.no_modules_in_db') }}</p>
									@endif
								</div>
			        </div>
			        <div class="tab-pane" id="tab_d">

						{{-- Subscribers --}}
									<div class="row text-center push-subs ">
										<div class="col-xs-12 ">
											<div class="text-left"><h3 class="pl13">{{ Lang::get('dashboard.subscribers') }}</h3></div>
											<table class="table table-cityhub datatable-subs">
												<thead>
													<tr>
														<th class="text-center">{{ Lang::get('touristInformation.header_id') }}</th>
														<th>{{ Lang::get('user.label_first_name') }}</th>
														<th>{{ Lang::get('user.label_last_name') }}</th>
 														<th>{{ Lang::get('user.label_email') }}</th>
														<th class="text-center col-md-2">{{ Lang::get('touristInformation.header_action') }}</th>
													</tr>
												</thead>
												<tbody>
													@foreach($subscribers as $subscriber)
													<tr>
														<td class="text-center">{{ $subscriber->id }}</td>
														<td class="text-left">{{ $subscriber->first_name }}</td>
														<td class="text-left">{{ $subscriber->last_name }}</td>
 														<td class="text-left">{{ $subscriber->email }}</td>
														<td class="text-center col-md-2">
															<a href="{{ URL::route('deleteUserSubscription', array('user_id' => $subscriber->id, 'city_id' => 'null', 'true')) }}" class="btn btn-danger btn-sm mt10 button-delete-category" title="{{ Lang::get('dashboard.delete_subscrtiption') }}"  data-name="{{ $subscriber->id }}"><span class="icon-delete"></span></a>&nbsp;
														</td>
													</tr>
													@endforeach
												</tbody>
											</table>
										</div>
									</div>

			        </div>
				<div class="tab-pane" id="tab_e">
					<div class="col-xs-12 col-md-12 pd0">
						<h3 class="pl13">{{ Lang::get('dashboard.view_statistic') }}</h3>
						<select style="color:black"  id="countrySelector" value="false">
							<option>{{Lang::get('dashboard.selectCountry')}}</option>
							@foreach($countries[0]['countries'] as $country)
								<option value="{{$country->id}}">
									{{ucfirst($country->identifier)}}
								</option>
							@endforeach
						</select>
						<div id="citySelectorDiv"></div>
								<div class="col-md-12 mb15 pr0 pb0">
									<div class="moduli-single">
										<div class="row">
											<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
												<h3 class="mb20 ">
													{{ Lang::get($module->identifier . '.module_name') }}
												</h3>
											</div>
											<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
												<div class="row">
													<div class="col-md-6 col-md-offset-6">
														<div class="row">
															<div class="col-xs-12">
																<h4>
																	{{ Lang::get('dashboard.cityViewFactor') }} : <span id="factorCurrentValue"></span>
																</h4>
															</div>
														</div>
														<div class="row">
															<div class="col-xs-12">
																<div class="input-group">
																	<input class="form-control" type="number" id="factorInput" min="1"/>
																	<span class="input-group-btn">
															      		<button class="btn btn-default" id="factorButton" >Set factor</button>
															      	</span>
																</div>
															</div>
														</div>
														<div class="row" style="padding-bottom:14px;">
															<div class="col-xs-12">
																<span style="color:white;"id="errorFactor"></span>
															</div>
														</div>
													</div>
												</div>
											</div><!-- TO JE TO TOT OT -->

										</div>
										<div class="row" id="tableRow">


											<table id="tablica"class="table table-cityhub datatable-subs">
												<thead>
												<tr>
													<th class="text-center">{{ Lang::get('touristInformation.header_id') }}</th>
													<th class="col-md-1">{{ Lang::get('user.label_category') }}</th>
													<th class="text-center">{{ Lang::get('user.label_title') }}</th>
													<th class="col-md-4">{{ Lang::get('user.label_created_at') }}</th>
													<th class="col-md-1">{{ Lang::get('user.label_counter') }}</th>
													<th class="col-md-1">{{ Lang::get('user.label_counterFake') }}</th>
												</tr>
												</thead>
											</table>
										</div>
									</div>
								</div>
					</div>
				</div>
			</div><!-- tab content -->
		</div>
	</div>
</div>
<script type="text/javascript" charset="utf-8">
	$(document).ready(function() {
		var datatableFunct = function(){
			$.fn.dataTable.moment( 'D.M.Y, H:mm' );
			$('.datatable-subs').dataTable({
				paging: false,
				order: [[ 0, "desc" ]],