@extends('layout.manage')

@section('css_page_level')
@endsection
<link rel="stylesheet" type="text/css" href="{{ asset('assets/global/plugins/bootstrap-toastr/toastr.min.css') }}"/>
@section('page-content-wrapper')
	<div class="page-content-wrapper" id="main">
		<div class="page-content">
			<!-- BEGIN PAGE HEADER-->
			<h3 class="page-title">
			@inject('setting','anlutro\LaravelSettings\Facade')
			{{ $setting::get('system_name','全方位建築智慧化管理系統') }} <small>{{ $setting::get('company_name','新保科技') }}</small>
			</h3>
			<div class="page-bar">
				<ul class="page-breadcrumb">
					<li>
						<i class="fa fa-home"></i>
						<a href="{{route('manage::index')}}">@lang('messages.homepage')</a>
						<i class="fa fa-angle-right"></i>
					</li>
					<li>
						<a href="#">@lang('messages.main_interface')</a>
					</li>
				</ul>
				<div class="page-toolbar">
				</div>
			</div>
			<!-- END PAGE HEADER-->
			<!-- BEGIN STATUS -->
			@inject('setting','anlutro\LaravelSettings\SettingStore')
			<div class="row">
				<div class="col-md-4 col-sm-4 col-xs-4">
					<div class="dashboard-stat red-sunglo">
						<div class="visual">
							<i class="fa fa-envelope-o"></i>
						</div>
						<div class="details">
							<div class="number">
								@inject('CountPresenter' , 'NSST\Presenters\CountPresenter')
								{{ $CountPresenter->pending('mail') }}
							</div>
							<div class="desc">
								 @lang('messages.pending_letters')
							</div>
						</div>
						<a class="more" href="{{ action('MailController@index') }}?mailstate=0">
						@lang('messages.read_all') <i class="m-icon-swapright m-icon-white"></i>
						</a>
					</div>
				</div>

				@if($setting->get('manage.guest.display') == 'show')
				<div class="col-md-4 col-sm-4 col-xs-4">
					<div class="dashboard-stat yellow-crusta">
						<div class="visual">
							<i class="fa fa-users"></i>
						</div>
						<div class="details">
							<div class="number">
								 @inject('GuestPresenter' , 'NSST\Presenters\GuestPresenter')
								{{ $GuestPresenter->countAllPendingGuests() }}
							</div>
							<div class="desc">
								 @lang('messages.stayed_visitors')
							</div>
						</div>
						<a class="more" href="{{route('manage::guest::index')}}">
						@lang('messages.read_all') <i class="m-icon-swapright m-icon-white"></i>
						</a>
					</div>
				</div>
				@endif

				@if($setting->get('manage.keeper.display') == 'show')
				<div class="col-md-4 col-sm-4 col-xs-4">
					<div class="dashboard-stat green-meadow">
						<div class="visual">
							<i class="fa fa-gift"></i>
						</div>
						<div class="details">
							<div class="number">
								@inject('KeeperPresenter' , 'NSST\Presenters\KeeperPresenter')
								{{ $KeeperPresenter->countAllPendingKeepers() }}
							</div>
							<div class="desc">
								 @lang('messages.pending_objects')
							</div>
						</div>
						<a class="more" href="{{route('manage::keeper::index')}}">
						@lang('messages.read_all') <i class="m-icon-swapright m-icon-white"></i>
						</a>
					</div>
				</div>
				@endif
			</div>
			<!-- END STATUS -->
			<!-- BEGIN DASHBOARD STATS -->
			<div class="row">
				@if($setting->get('manage.inst.display') == 'show')
				<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
					<div class="dashboard-stat blue-madison">
						<div class="visual">
							<i class="fa fa-calendar"></i>
						</div>
						<div class="details">
							<div class="number">
								 None
							</div>
							<div class="desc">
								 @lang('messages.wait_approve_reservation')
							</div>
						</div>
						<a class="more" href="javascript:;">
						@lang('messages.process_approve') <i class="m-icon-swapright m-icon-white"></i>
						</a>
					</div>
				</div>
				@endif
				<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
					<div class="dashboard-stat red-intense">
						<div class="visual">
							<i class="fa fa-exclamation-triangle"></i>
						</div>
						<div class="details">
							<div class="number">
								 @inject('FaultReportPresenter' , 'NSST\Presenters\FaultReportPresenter')
								{{ $FaultReportPresenter->countAllPendingFaultReports()}}
							</div>
							<div class="desc">
								 @lang('messages.notice_problems')
							</div>
						</div>

						<a class="more" href="{{action('Manage\Interactive\FaultReportController@index')}}">
						@lang('messages.read_all') <i class="m-icon-swapright m-icon-white"></i>
						</a>

					</div>
				</div>
				<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
					<div class="dashboard-stat green-haze">
						<div class="visual">
							<i class="fa fa-home"></i>
						</div>
						<div class="details">
							<div class="number">
								 @inject('UserPresenter' , 'NSST\Presenters\UserPresenter')
								 {{$UserPresenter->countAllUsers()}}
							</div>
							<div class="desc">
								 @lang('messages.amount_resident')
							</div>
						</div>
						<a class="more" href="{{ route('manage::user::index') }}">
						@lang('messages.members_manage') <i class="m-icon-swapright m-icon-white"></i>
						</a>
					</div>
				</div>
				@if($setting->get('manage.ba.display') == 'show')
				<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
					<div class="dashboard-stat purple-plum">
						<div class="visual">
							<i class="fa fa-crosshairs"></i>
						</div>
						<div class="details">
							<div class="number">
								 @inject('BA' , 'NSST\Presenters\CountPresenter')
								 {{$CountPresenter->pending('BA')}}
							</div>
							<div class="desc">
								 @lang('messages.ba_warning_notice')
							</div>
						</div>
						<a class="more" href="javascript:;">
						@lang('messages.read_all') <i class="m-icon-swapright m-icon-white"></i>
						</a>
					</div>
				</div>
				@endif

				<div class="col-lg-12 col-md-12" style="margin-top: 5vh;">
					<label class="label label-primary" style="font-size: 3vh;">程式版本：{{$setting->get('version')}}</label>
					<br><br>
					<label class="label label-info" style="font-size: 3vh;">通航主機連線狀況：</label>
					<label id="connect_status" class="label label-success" style="font-size: 3vh;"> 讀取中</label>
					<br><br>
					<label class="label label-info" style="font-size: 3vh;">立固門禁主機連線狀況：</label>
					<label id="connect_status2" class="label label-success" style="font-size: 3vh;"> 讀取中</label>
					<br><br>
					<label class="label label-info" style="font-size: 3vh;">立固停管主機連線狀況：</label>
					<label id="connect_status3" class="label label-success" style="font-size: 3vh;"> 讀取中</label>
					<br><br>
					<label class="label label-info" style="font-size: 3vh;">立固園區主機連線狀況：</label>
					<label id="connect_status4" class="label label-success" style="font-size: 3vh;"> 讀取中</label>
				</div>
				
			</div>
			<!-- END DASHBOARD STATS -->
			<div class="clearfix">
			</div>

		</div>
	</div>
@endsection


@section('plugins_page_level')
@endsection

<script src="{{ asset('assets/global/plugins/jquery.min.js') }}" type="text/javascript"></script>
<script type="text/javascript" src="{{ asset('assets/global/plugins/bootstrap-toastr/toastr.min.js') }}"></script>
@if(isset($message))
<script type="text/javascript">
$(document).ready(function(){
	toastr['error']("{{$message}}");
});
</script>
@endif

<script type="text/javascript">
$(document).ready(function(){
	$.ajax({
		url:'{{ route("console::get_connect") }}',
		type:'GET',
		data:{
			
		},
		success :function(sendback){

			if(sendback.status){
				$('#connect_status').addClass('label-success').removeClass('label-danger');
				$('#connect_status').html(' 正常<i class="fa fa-1x fa-check-circle"></i>');
			}else{
				$('#connect_status').addClass('label-danger').removeClass('label-success');
				$('#connect_status').html(' 異常<i class="fa fa-1x fa-exclamation-triangle"></i>');
			}

			if(sendback.status2){
				$('#connect_status2').addClass('label-success').removeClass('label-danger');
				$('#connect_status2').html(' 正常<i class="fa fa-1x fa-check-circle"></i>');
			}else{
				$('#connect_status2').addClass('label-danger').removeClass('label-success');
				$('#connect_status2').html(' 異常<i class="fa fa-1x fa-exclamation-triangle"></i>');
			}

			if(sendback.status3){
				$('#connect_status3').addClass('label-success').removeClass('label-danger');
				$('#connect_status3').html(' 正常<i class="fa fa-1x fa-check-circle"></i>');
			}else{
				$('#connect_status3').addClass('label-danger').removeClass('label-success');
				$('#connect_status3').html(' 異常<i class="fa fa-1x fa-exclamation-triangle"></i>');
			}

			if(sendback.status4){
				$('#connect_status4').addClass('label-success').removeClass('label-danger');
				$('#connect_status4').html(' 正常<i class="fa fa-1x fa-check-circle"></i>');
			}else{
				$('#connect_status4').addClass('label-danger').removeClass('label-success');
				$('#connect_status4').html(' 異常<i class="fa fa-1x fa-exclamation-triangle"></i>');
			}

		},
		error : function(sendback){
			toastr['error']('偵測主機在線，連線異常');
		}
	})
});
</script>

@section('js_page_level')
@endsection