@include('layout/backend/_header')
@include('layout/backend/_navbar')
<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">
					<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 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>
										</fieldset>	
										<div class="col-12">
											<span class="error">