@include('layout/backend/_header')
@include('layout/backend/_navbar')
<!--script src="{{ URL::asset('js/backend/tinymce_5.6.2-104.min.js') }}"></script-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/5.6.2/tinymce.min.js"></script>
<!--script src="https://cdn.tiny.cloud/1/qagffr3pkuv17a8on1afax661irst1hbr4e6tbv888sz91jc/tinymce/5/tinymce.min.js"></script-->
<div id="wrapper">
	@include('layout/backend/_sidebar')
    <div id="content-wrapper">
		<div class="container-fluid">
			<ol class="breadcrumb">
				<li class="breadcrumb-item">
					<a href="{{route('dashboard')}}">Dashboard </a>
				</li>
				<li class="breadcrumb-item active">Overview</li>
				@if ( isset($_GET['o_d']) && isset($_GET['t_d']) )
					<li class="breadcrumb-item active"><a href="{{route('we-share-thematics')}}">We Share Thematic Groups </a></li>
					<li class="breadcrumb-item active">{{ getThemeNmByID($_GET['t_d']) }}</li>
				@endif
			</ol>
			
			<div class="row">
				<div class="col-12 nextRw" style="margin-top:0;">
					<div class="form-row" style="border: 1px solid #ddd;padding:10px;border-radius: 5px;background-color: #337ab7;"> 
						<!--h4 class="text-center col-12" style="color:#fff;font-size: 28px;margin-bottom: 25px;">Current <strong>Projects</strong></h4-->
						<div class="col-4" style="border-right: 1px solid #fff;">
							<div class="row">
								<div class="col-2"></div>
								<div class="col-4 text-right">
									<img src="{{ PUBLIC_PATH }}images/globe-2.png" style="height:65px; width:65px;margin-top: 2px;" alt="Global" title="Global" />
								</div>
								<div class="col-5 text-left" style="top: 6px;">
									<h4 class="col-12" style="font-size: 28px;display: block;color: #fff;width: 100%;font-weight: 700;margin-bottom: .1em;">{{ '15' }}</strong></h4>
									<span style="color: #fff;font-size: 15px;display: block;font-weight: 400;line-height: 20px;">Global Projects</span>
								</div>
								<div class="col-1"></div>
							</div>
						</div>
						<div class="col-4" style="border-right: 1px solid #fff;">
							<div class="row">
								<div class="col-2"></div>
								<div class="col-4 text-right">
									<img src="{{ PUBLIC_PATH }}images/globe.png" style="height:65px; width:65px;margin-top: 2px;" alt="Regional" title="Regional" />
								</div>
								<div class="col-5 text-left" style="top: 6px;">
									<h4 class="col-12" style="font-size: 28px;display: block;color: #fff;width: 100%;font-weight: 700;margin-bottom: .1em;">{{ '3' }}</strong></h4>
									<span style="color: #fff;font-size: 15px;display: block;font-weight: 400;line-height: 20px;">Regional Projects</span>
								</div>
								<div class="col-1"></div>
							</div>
						</div>
						<div class="col-4" style="">
							<div class="row">
								<div class="col-2"></div>
								<div class="col-4 text-right">
									<img src="{{ PUBLIC_PATH }}images/bilateral.png" style="height:65px; width:65px;margin-top: 2px;" alt="Bilateral" title="Bilateral" />
								</div>
								<div class="col-5 text-left" style="top: 6px;">
									<h4 class="col-12" style="font-size: 28px;display: block;color: #fff;width: 100%;font-weight: 700;margin-bottom: .1em;">{{  '15' }}</strong></h4>
									<span style="color: #fff;font-size: 15px;display: block;font-weight: 400;line-height: 20px;">Bilateral Projects</span>
								</div>
								<div class="col-1"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
			
			<div class="row">
				<div class="col-12 nextRw" style="margin-top:0;">
					<div class="form-row" style="">
						@if ( $currentUserRole != 'admin' )
							<div class="col-3"></div>
						@endif
						<div class="col-3">
							<div class="card card-statistics">
								<div class="card-body" style="padding: 0.8rem;">
									<div class="d-flex flex-md-column flex-xl-row flex-wrap justify-content-between align-items-md-center justify-content-xl-between">
										<div class="float-left">
											<i class="fas fa-fw fa-folder" style="font-size: 54px;color: #8862e0 !important;"></i>
										</div> 
										<div class="float-right">
											<p class="mb-0 text-right">Total Projects</p> 
											<div class="fluid-container">
												<h3 class="font-weight-medium text-right mb-0">{{ '33'}}</h3>
											</div>
										</div> 
										<p class="text-muted mt-2 mb-0 text-left text-md-center text-xl-left" style="font-size: 12px;">
											<i aria-hidden="true" class="mdi mdi-alert-octagon mr-0"></i> Published: {{ '33' }} | Unpublished: {{ $unPublishedProjectsCount }}
										</p>
									</div>
								</div>
							</div>
						</div>
						<div class="col-3">
							<div class="card card-statistics">
								<div class="card-body" style="padding: 0.8rem;">
									<div class="d-flex flex-md-column flex-xl-row flex-wrap justify-content-between align-items-md-center justify-content-xl-between">
										<div class="float-left">
											<i class="fa fa-calendar" style="font-size: 50px;color: #ffaf00 !important"></i>
										</div> 
										<div class="float-right">
											<p class="mb-0 text-right">Total Events</p> 
											<div class="fluid-container">
												<h3 class="font-weight-medium text-right mb-0">{{ $eventsCount }}</h3>
											</div>
										</div> 
										<p class="text-muted mt-2 mb-0 text-left text-md-center text-xl-left" style="font-size: 12px;">
											<i aria-hidden="true" class="mdi mdi-alert-octagon mr-0"></i> Published: {{ $publishedEventsCount }} | Unpublished: {{ $unPublishedEventsCount }}
										</p>
									</div>
								</div>
							</div>
						</div>
						
						@if ( $currentUserRole == 'admin' )
							<div class="col-3">
								<div class="card card-statistics">
									<div class="card-body" style="padding: 0.8rem;">
										<div class="d-flex flex-md-column flex-xl-row flex-wrap justify-content-between align-items-md-center justify-content-xl-between">
											<div class="float-left">
												<i class="fa fa-list-alt" style="font-size: 54px;color: #ff0017 !important"></i>
											</div> 
											<div class="float-right">
												<p class="mb-0 text-right">Total Newsletters</p> 
												<div class="fluid-container">
													<h3 class="font-weight-medium text-right mb-0">{{ $newslettersCount }}</h3>
												</div>
											</div> 
											<p class="text-muted mt-2 mb-0 text-left text-md-center text-xl-left" style="font-size: 12px;">
												<i aria-hidden="true" class="mdi mdi-alert-octagon mr-0"></i> Published: {{ $publishedNewslettersCount }} | Unpublished: {{ $unPublishedNewslettersCount }}
											</p>
										</div>
									</div>
								</div>
							</div>
							<div class="col-3">
								<div class="card card-statistics">
									<div class="card-body" style="padding: 0.8rem;">
										<div class="d-flex flex-md-column flex-xl-row flex-wrap justify-content-between align-items-md-center justify-content-xl-between">
											<div class="float-left">
												<i class="fa fa-newspaper-o" style="font-size: 54px;color: #19d895 !important"></i>
											</div> 
											<div class="float-right">
												<p class="mb-0 text-right">Total Media</p> 
												<div class="fluid-container">
													<h3 class="font-weight-medium text-right mb-0">{{ $mediaCount }}</h3>
												</div>
											</div> 
											<p class="text-muted mt-2 mb-0 text-left text-md-center text-xl-left" style="font-size: 12px;">
												<i aria-hidden="true" class="mdi mdi-alert-octagon mr-0"></i> Published: {{ $publishedMediaCount }} | Unpublished: {{ $unPublishedMediaCount }}
											</p>
										</div>
									</div>
								</div>
							</div>
						@endif	
					</div>
				</div>
			</div>
			
			<div class="row">
				<div class="col-12 nextRw">
					<div class="form-row" style="border: 1px solid #ddd;padding: 10px;border-radius: 5px;"> 
						<div class="col-12">
							<span class="@if ( isset($_GET['o_d']) && isset($_GET['t_d']) ){{'thematic-head'}}@else{{'main-head'}}@endif">
								Recent Posted Discussions
								@if ( isset($_GET['o_d']) && isset($_GET['t_d']) )
									- <span style="color: #2070b7;">{{ getThemeNmByID($_GET['t_d']) }}</span>
								@endif
							</span>
							<button type="button" class="btn btn-primary pull-right" style="background-color: #2070b7;border-color: #2070b7;margin-left: 3px;" onClick="toggleForm('discussion');" id="startDiscussBtn">Start New Discussion</button>
							@php $ifPollActive = getPollIfActive(); @endphp
							@if ( $ifPollActive == '' )
								<button type="button" class="btn btn-primary pull-right" style="background-color: #2070b7;border-color: #2070b7;margin-right:3px;" onClick="toggleForm('poll');" id="createPollBtn">Create Poll</button>
							@endif
							@php 
								$singlePoll = getPoll(); 
								if ( $singlePoll!='' ){
									$ifcurrentuserVoted = checkIfUserHasVoted($current_user_id, $singlePoll['id']); 
									$ifDuration = checkPollDuration($singlePoll['id']); 
								} else {
									$ifcurrentuserVoted = '';
									$ifDuration = 0;
								}
							@endphp
							@if( $ifDuration == 1 )
								@if( $ifcurrentuserVoted == '' )
									<button type="button" class="btn btn-primary pull-right" style="margin-right:3px;" onClick="toggleForm('vote');" id="votePollBtn">Vote Now</button>
								@else 
									<button type="button" class="btn btn-primary pull-right" style="margin-right:3px;" onClick="toggleForm('result');" id="resultPollBtn">Vote Now</button>
								@endif
							@endif
						</div>
					</div>
				</div>
			</div>
			
			@if(Session::has('success'))
				<div class="row">
					<div class="col-12 nextRw">
						<div class="form-row">
								<div class="col-12">
									<div class="alert alert-success">
										<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>    
										<span class="glyphicon glyphicon-ok"></span><em> {!! session('success') !!}</em>
									</div>
								</div>
						</div>
					</div>
				</div>
			@endif
			
			<div class="row" id="resultPollFormRow" style="display:none;">
				<div class="col-12 nextRw">
					<div class="form-row">
						<div class="col-12" style="border: 1px solid #ddd;border-radius: 5px;">
							<div class="col-12 nextRw">
								@if ( $singlePoll && $singlePoll!='' )
								<div class="form-row">
									<div class="col-12">
										<label for="question" class="" style="width:100%;font-size:20px;">{{$singlePoll['question']}}</label>
									</div>
									<div class="col-12" style="padding: 12px 0px 20px 5px;">
										<label for="status" style="width:100%"><span style="font-size:18px;">{{$singlePoll['option1']}}</span>&nbsp;&nbsp;&nbsp;<span style="" class="pull-right">({{totalVotes($singlePoll['id'], $singlePoll['option1'])}} {{(totalVotes($singlePoll['id'], $singlePoll['option1']) <= 1) ? 'vote' : 'votes'}})</span></label>
										<div class="progress"> 
											<div class="progress-bar" style="width:{{totalVotes($singlePoll['id'], $singlePoll['option1'])}}%"></div> 
										</div>
									</div>
									<div class="col-12" style="padding: 0px 0px 20px 5px;">
										<label for="status" style="width:100%" class=""><span style="font-size:18px;">{{$singlePoll['option2']}}</span>&nbsp;&nbsp;&nbsp;<span class="pull-right" style="" class="">({{totalVotes($singlePoll['id'], $singlePoll['option2'])}} {{(totalVotes($singlePoll['id'], $singlePoll['option1']) <= 1) ? 'vote' : 'votes'}})</span></label>
										<div class="progress"> 
											<div class="progress-bar" style="width:{{totalVotes($singlePoll['id'], $singlePoll['option2'])}}%"></div> 
										</div>
									</div>
									<div class="col-12" style="padding: 0px 0px 20px 5px;">
										<label for="status" style="width:100%" class=""><span style="font-size:18px;">{{$singlePoll['option3']}}</span>&nbsp;&nbsp;&nbsp;<span class="pull-right" style="" class="">({{totalVotes($singlePoll['id'], $singlePoll['option3'])}} {{(totalVotes($singlePoll['id'], $singlePoll['option1']) <= 1) ? 'vote' : 'votes'}})</span></label>
										<div class="progress"> 
											<div class="progress-bar" style="width:{{totalVotes($singlePoll['id'], $singlePoll['option3'])}}%"></div> 
										</div>
									</div>
									<div class="col-12" style="padding: 0px 0px 20px 5px;">
										<label for="status" style="width:100%" class=""><span style="font-size:18px;">{{$singlePoll['option4']}}</span>&nbsp;&nbsp;&nbsp;<span class="pull-right" style="" class="">({{totalVotes($singlePoll['id'], $singlePoll['option4'])}} {{(totalVotes($singlePoll['id'], $singlePoll['option1']) <= 1) ? 'vote' : 'votes'}})</span></label>
										<div class="progress"> 
											<div class="progress-bar" style="width:{{totalVotes($singlePoll['id'], $singlePoll['option4'])}}%"></div> 
										</div>
									</div>
									
									<div class="col-12" style="padding: 0px 0px 20px 5px;">
										<label for="status" style="width:100%" class=""><span style="font-size:18px;">{{$singlePoll['option5']}}</span>&nbsp;&nbsp;&nbsp;<span class="pull-right" style="" class="">({{totalVotes($singlePoll['id'], $singlePoll['option5'])}} {{(totalVotes($singlePoll['id'], $singlePoll['option1']) <= 1) ? 'vote' : 'votes'}})</span></label>
										<div class="progress"> 
											<div class="progress-bar" style="width:{{totalVotes($singlePoll['id'], $singlePoll['option5'])}}%"></div> 
										</div>
									</div>
									<div class="col-12 nextRw">
										<div class="form-row">
											<div class="col-12 text-right">	
												<div class="form-row">
													<div class="col">
														<button type="button" class="btn btn-default" onClick="toggleForm('result');" style="border: 2px solid #282529;" id="closeVoteBtn">Close</button>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
								@endif
							</div>
						</div>
					</div>
				</div>
			</div>
			
			<div class="row" id="votePollFormRow" style="display:none;">
				<div class="col-12 nextRw">
					<div class="form-row">
						<div class="col-12" style="border: 1px solid #ddd;border-radius: 5px;">
							@if ( $singlePoll && $singlePoll!='' )
							<form action="dashboard/post-vote" method="POST" class="poll-form" name="poll-form" id="pollForm" enctype='multipart/form-data'>
								{{ csrf_field() }}
								<input type="hidden" name="voted_by" id="voted_by" value="{{$current_user_id}}" />
								<input type="hidden" name="poll_id" id="poll_id" value="{{$singlePoll['id']}}" />
								<div class="col-12 nextRw">
									<p style="font-size:20px;">{{$singlePoll['question']}}</p>
									<div class="form-row">
										<fieldset id="optionsArr">
											<div class="col-12">
												<label class="radioLabel">
													<span class="labelValue">{{$singlePoll['option1']}}</span>
													<input class="form-control radioBtn" id="option1" name="answer" type="radio" value="{{$singlePoll['option1']}}">
													<span class="chkmark"></span>
												</label>
											</div>
											<div class="col-12">
												<label class="radioLabel">
													<span class="labelValue">{{$singlePoll['option2']}}</span>
													<input class="form-control radioBtn" id="option2" name="answer" type="radio" value="{{$singlePoll['option2']}}">
													<span class="chkmark"></span>
												</label>
											</div>
											<div class="col-12">
												<label class="radioLabel">
													<span class="labelValue">{{$singlePoll['option3']}}</span>
													<input class="form-control radioBtn" id="option3" name="answer" type="radio" value="{{$singlePoll['option3']}}">
													<span class="chkmark"></span>
												</label>
											</div>
											<div class="col-12">
												<label class="radioLabel">
													<span class="labelValue">{{$singlePoll['option4']}}</span>
													<input class="form-control radioBtn" id="option4" name="answer" type="radio" value="{{$singlePoll['option4']}}">
													<span class="chkmark"></span>
												</label>
											</div>
											
											<div class="col-12">
												<label class="radioLabel">
													<span class="labelValue">{{$singlePoll['option5']}}</span>
													<input class="form-control radioBtn" id="option5" name="answer" type="radio" value="{{$singlePoll['option5']}}">
													<span class="chkmark"></span>
												</label>
											</div>
										</fieldset>	
										<div class="col-12">
											<span class="error">