@extends('website.layouts.master')

@section('title', $title)

@section('pagecss')

@section('content')

@include('website.layouts.title', ['simple'=>true])

@php($dir=(lang()=="en")?"left":"right")
@php($idir=(lang()=="ar")?"left":"right")

<section>
    <div class="site-main">
        <div class="ttm-row sidebar ttm-sidebar-right ttm-bgcolor-white clearfix">
            <div class="container">
		        <div class="row">
		        	<div class="col-xl-9 col-lg-8">
		            	@if(!$questionnaireTask->isScheduled())
		            		<h2 style="text-align: center;">
								@lang('tr.Invalid questionnaire.')
			            	</h2>
			            @elseif($request->cookie('external_questionnaire_'.$questionnaireTask->secrete.'_cookie'))
			            	<h2 style="text-align: center;">
			            		@lang('tr.Thank you for participating.')
			            	</h2>
		            	@elseif($questionnaireTask->isMaxParticipants())
							<h2 style="text-align: center;">
								@lang('tr.Max participants reached.')
			            	</h2>
		            	@elseif(!$questionnaireTask->isStarted())
		            		<h2 style="text-align: center;">
								@lang('tr.Questionnaire will start at:')
								<br/>
								<br/>
								<span id='starts_at' starts_at='{{$questionnaireTask->startsAt()->format(\DateTime::ISO8601)}}'></span>
			            	</h2>
		            	@elseif($questionnaireTask->isRunning())
		            	<form id="QuestionerForm" action="{{ route('save_anonymous_survey') }}" method="POST" enctype='multipart/form-data'>
		            		{{-- , ['id'=>$questionnaireTask->id] --}}
					        {{ csrf_field() }}
					        <input type="hidden" name="task_id" value="{{$questionnaireTask->id}}"/>
					        <input type="hidden" name="committee_id" value="{{$questionnaireTask->committee_id}}"/>
						    <section>
						        <div class="section-wrapper p-t-37 p-b-33" style="padding:15px;">
						            <div class="container">

						                @php($count = 1)

					                    @foreach($questionnaire->questions as $question)

						                    <div class="row mb-4">
						                        <div class="col-md-12">
						                            <div class="card">
						                                <div class="card-header">
						                                  <h5  style="text-transform: capitalize!important;font-weight:bold;">{{$count}}. {{ $question->lang('question') }}</h5>
						                                </div>
						                                <div class="card-body" style="padding: 0.50rem;">

						                                    @php($required= ($question->required)?"required":"")

						                                    <input type="hidden" name="questions_ids[{{$question->id}}]" value="{{$question->id}}">

						                                    <input type="hidden" name="answers_ids[{{$question->id}}]" value="0">

						                                    @if($question->type==1)
						                                        <textarea {{$required}} name="answers[{{$question->id}}]" class="form-control inputs" rows="2"></textarea>
						                                    @else
						                                        <div class="row">
						                                        @for($i=1;$i<=5;$i++)
						                                        	@php($answer = $question->{"answer$i"})
						                                        	@if($answer)
						                                            <div class="col-md-2" style="max-width: 100%;flex: 1.1;">
						                                                <label class="input-container">
						                                                    <input {{$required}} type="radio" name="answers[{{$question->id}}][]" value="{{$i}}">
						                                                    @lang('tr.'.$answer)
						                                                    <span class="input-checkmark"></span>
						                                                </label>
						                                            </div>
						                                            @endif
						                                        @endfor
						                                        </div>
						                                    @endif
						                                </div>
						                            </div>
						                        </div>
						                    </div>
						                    @php($count++)

						                @endforeach
						                
						                <div class="col-md-12">
						                    <button type="submit" id="submited"  class="btn float-{{$idir}} btn-bggreen waves-effect waves-light" style="background: #4266b2; color: white;">
						                        {{ __('tr.Submit') }}
						                    </button>
						                </div>
						            </div>
						        </div>
						    </section>
						</form>
						@elseif($questionnaireTask->isExpired())
							<h2 style="text-align: center;">
			            		@lang('tr.Questionnaire expired.')
			            	</h2>					
						@endif
		            </div>
		            <div class="col-xl-3 col-lg-4 widget-area sidebar-right ttm-col-bgcolor-yes ttm-bg ttm-right-span ttm-bgcolor-grey mt_60 pt-60 mb_60 pb-60 res-991-mt-0 res-991-pt-0">
						@include('website.components.topics')
						@include('website.components.events')
					</div>
		        </div>
		    </div>
	    </div>
    </div>
</section>
@endsection

@section('pagejs')
<script type="text/javascript">
	var startsAt = new Date($('#starts_at').attr('starts_at'));
	$('#starts_at').text(startsAt.toLocaleString());
</script>
@endsection