{% extends "global/Page.html" %}
{% load otree static %}

{% block content %}
<link rel="stylesheet" href="{% static 'global/instructions.css' %}"/>
<script src="{% static 'global/jquery-3.3.1.min.js' %}"/></script>
<script>
$(document).ready(function(){
	$(".helpfulness_of_communication").parent().parent().parent().hide();
  $('input[type=radio][name=communication_with_group]').change(function() {
  	if (this.value == 'yes')
  	{
  		$(".helpfulness_of_communication").parent().parent().parent().fadeIn("fast");
  	}
  	else
  	{
  		$(".helpfulness_of_communication").parent().parent().parent().fadeOut("fast");
  	}
  });
});
</script>
<div class="instructions">
	<div class="instructions-header">
	Please answer the following survey questions. Your answers will be used for this study only. Individual data will not be disclosed.
	</div>
	{% formfields %}
</div>
<div class="container-fluid">
	<div class="row">
		<div class="col-md text-center">
			{% next_button %}
		</div>
	</div>
</div>

{% endblock %}