{% block body %}
	<div class="box-form clearfix" id="detailRefresh">

		<h3 class="separateur_bottom"  style="padding-bottom:5px;position: relative;">
			{{ infoTheme.LIB_THEME }}
			{% if typeImport | boolSql == false %}
				<input type="checkbox" style="position: absolute;right: 50px; bottom: 5px;" 
					class="form-control checkbox" 
					name="checkbox_CAT_{{ infoTheme.ID_THEME }}" 
					data-checkall-input="checkbox_ALL_{{ infoTheme.ID_THEME }}"
				/>
			{% endif %}
		</h3>
		
		<div class="clearfix" style="margin-top:20px;">
			{% for question in listeQuestion %}
				<div class="clearfix" style="position: relative;">
					<p>{{ question.LIB_QUEST }}</p>
					
						{% if typeImport | boolSql == false %}
							<input type="checkbox" 
								style="position: absolute;top: 0px;right: 50px;" 
								data-id="{{ question.ID_QUEST }}" 
								id="checkbox_{{ question.ID_QUEST }}" 
								class="form-control checkbox checkbox_{{ infoTheme.ID_THEME }}" 
								{{ question.ID_QUEST in listDataSelect ? 'checked' }}
								name="checkbox_DONNEE_{{ question.ID_QUEST }}" 
								data-checkall="checkbox_ALL_{{ infoTheme.ID_THEME }}"
							/>
						{% endif %}
					<hr>
				</div>
			{% endfor %}
		</div>
	</div>
	
	<script>
		$('.checkbox_{{ infoTheme.ID_THEME }}').change(function(){
			var id = $(this).data('id');
			if($(this).is(':checked'))
			{
				$('#insertInput').append('<input type="hidden" name="dataImport'+id+'"  id="dataImport'+id+'" value="'+id+'" />');
			}
			else
			{
				$('#dataImport'+id).remove();
			}
		});
	</script>
	
{% endblock %}	
