<!-- preview a question and its guidance.  Question is passed as an argument-->

<div class="question-div">
	
	<!--question format-->
	<% q_format = question.question_format%>
	<form action="">
		<div class="question-form">
			<!-- verify if the question has multiple choice -->
			<% if q_format.title == t("helpers.checkbox") || q_format.title == t("helpers.multi_select_box") || q_format.title == t("helpers.radio_buttons") || q_format.title == t("helpers.dropdown") then%>
				<% options = question.options.order("number") %>
										
				<!--checkbox display-->
				<% if q_format.title == t("helpers.checkbox") then %>
					<%if !options.nil? then %>
						<fieldset class="choices">
							<label class="text_colour"><%= raw question.text %></label>
							<ol class="choices-group">
								<% options.each do |op|%>
									<li class="choice"><label ><input type="checkbox" ><%= raw op.text %></label></li>
								<%end%>
							</ol>
						</fieldset>	
					<%end%>
				<!--multi select box display-->
				<% elsif q_format.title == t("helpers.multi_select_box") then %>
					<%if !options.nil? then %>
						<label class="text_colour"><%= raw question.text %></label>
						<select multiple="multiple">
							<% options.each do |op|%>
								<option><%= raw op.text %></option>
							<%end%>
						</select>
					<%end%>
				<!--Radio buttons display-->
				<% elsif q_format.title == t("helpers.radio_buttons") then%>
					<%if !options.nil? then %>
						<fieldset class="choices">
							<label class="text_colour"><%= raw question.text %></label>
							<ol class="choices-group">
								<% options.each do |op|%>
									<li class="choice"><label ><input type="radio"><%= raw op.text %></label></li>
								<%end%>
							</ol>
						</fieldset>	
					<%end%>
				<!--dropdown display-->
				<% elsif q_format.title == t("helpers.dropdown") then%>
					<%if !options.nil? then %>
						<label class="text_colour" ><%= raw question.text %></label>
						<select>
							<% options.each do |op|%>
								<option><%= raw op.text %></option>
							<%end%>
						</select>	
					<%end%>
				<% end %>
				
				<!--Suggested answer area-->
				<% suggested_answer = question.suggested_answers.find_by_organisation_id(current_user.organisation_id) %>
				<% if !suggested_answer.nil? && suggested_answer.text != "" then %>
					<div class="suggested-answer-div">
						<span class="suggested-answer-intro">
							<% if suggested_answer.is_example? then %>
								<%= t("org_admin.questions.example_answer_label")%>
							<%else%>
								<%= t("org_admin.questions.suggested_answer_label")%>
							<%end%>
						</span>
						<div class="suggested-answer-border">
							<p class="suggested-answer">
								<%= raw suggested_answer.text %>
							</p>
						</div>
					</div>
				<% end %>
				<label ><%= t("helpers.comment")%></label>
				<div class="clear"></div>
				<textarea rows="4" style="width: 97%;"></textarea>
			<% else %>
				<label class="text_colour"><%= raw question.text %></label>
				<!--Suggested answer area-->
				<% suggested_answer = question.suggested_answers.find_by_organisation_id(current_user.organisation_id) %>
				<% if !suggested_answer.nil? && suggested_answer.text != "" then %>
					<div class="suggested-answer-div">
						<span class="suggested-answer-intro">
							<% if suggested_answer.is_example? then %>
								<%= t("org_admin.questions.example_answer_label")%>
							<%else%>
								<%= t("org_admin.questions.suggested_answer_label")%>
							<%end%>
						</span>
						<div class="suggested-answer-border">
							<p class="suggested-answer">
								<%= raw suggested_answer.text %>
							</p>
						</div>
					</div>
				<% end %>
				
			<% end %>
			
			
			
			<!--text field display-->
			<% if q_format.title == t("helpers.text_field") then %>
				<input type ="text" style="width: 97%;"/>
			<!--text area display-->
			<%elsif q_format.title == t("helpers.text_area") then%>
				<textarea rows="4" style="width: 97%;" ></textarea>
			<%end%>
			<br/>
			<!-- button without action-->
			<%= link_to t("helpers.save"), "#", :class => "btn btn-primary", :onclick => "event.preventDefault();" %>
			
			<span class="label label-warning answer-status"><%= t("helpers.notanswered") %></span>
	
		</div>
	</form>
</div>	

		
<!--guidance block -->
<%= render :partial => "guidance_display", locals: {question: question}%>