<div class="page-container" id="page-container">
    <!-- BEGIN MAIN CONTENT -->
    <div class="main_content">
        <!-- BEGIN WRAPPER -->
        <div class="content-wrapper" style="padding-top: 80px; padding-bottom: 80px">
<?php
if($_SESSION['E_'.$Action]==1)
if($Action=='Answers'){ // ==================== 
	?>
			

	<div class="Question">
		<?php
		$ptk=mysqli_query($baza,'select * from cf_ProgramClasses where Active=1 order by Pos');
		if(mysqli_num_rows($ptk)==0) 
			echo '<div class="QHeader">აქტიური პროგრამის კლასი არ მოიძებნა</div>';
		else{
			echo '<div class="QHeader">აირჩიეთ პროგრამის კლასი ან საჭიროების იდენტიფიცირება</div>';
			echo '<select name="PrClass" id="PrClass" class="cfSelect" onchange="PrClassChange(this.value)" required><option></option>';
			while($row=mysqli_fetch_array($ptk)){
				echo '<option value="'.$row['ID'].'"  '.($row['ShowInProgramList']==1?'isProgram=1':'').'>'.$row['Name'].'</option>';
				}
			echo '</select>';
			}
		?>
	</div>

	<div class="Question Programs">
	</div>

	<div class="Answers">
	</div>

<script>
function PrClassChange(PrClass){
	var isProgram=$('#PrClass option[value='+PrClass+']').attr('isProgram');
	if(typeof(isProgram)=='undefined') isProgram=0;
	console.log('isProgram = ',isProgram);
	$.ajax({
		url:'../interactive.php',
		dataType:'text',
		type:'post',
		data:{f:'getPrograms',PrClass:PrClass,isProgram:isProgram}
	}).done(function(data){
		$('.Question.Programs').html(data);
	}).fail(function(data){
		$('.Question.Programs').html('');
		console.log('fail = ',data);
	})
	
}
function ProgramChange(ProgramID){
	var QuestID=$('select[name="Program"] option[value='+ProgramID+']').attr('QID');
	
	$.ajax({
		url:'../interactive.php',
		dataType:'json',
		type:'post',
		data:{f:'getStatistics', QuestID:QuestID, ProgramID:ProgramID}
	}).done(function(data){
		console.log('done = ',data);
		var TypesAvail=['თარიღი','თარიღების დიაპაზონი','არჩევა ერთის','არჩევა რამოდენიმეს','შეფასება ქულით','ტექსტი აბზაცი','ტექსტი სტრიქონი'];
		$('.Answers').html('');
		$.each(data,function(i,e){
			var ID=e.ID;
			var Name=e.QuestName;
			var Type=e.Type;
			var Options=e.Options;
			var Data=e.Data;
			
/*
			console.log('Type = ',Type);
			console.log('Options = ',Options); 
			console.log('Data = ',Data); 
*/

			if(TypesAvail.includes(Type)){
				var html='<div class="Chart"><div class="chartHeader">'+Name+'</div><div class="dataArea" id="Dt'+ID+'"></div><div class="commentsArea" id="Com'+ID+'"></div></div>';
				$('.Answers').append(html);
				// 'თარიღი','თარიღების დიაპაზონი','არჩევა ერთის','არჩევა რამოდენიმეს','შეფასება ქულით',		'ტექსტი აბზაცი','ტექსტი სტრიქონი'
				if((Type=='ტექსტი აბზაცი') || (Type=='ტექსტი სტრიქონი')) {
					$.each(Data,function(i,e){
						var Answer=e.Answer;
						if(typeof(Answer)=='undefined') Answer='';
						Answer=Answer.trim();
						if(Answer!='')
							$('#Com'+ID).append('<div >'+Answer+'<span class="before0" uid="'+e.RespondentID+'"><span></div>');
						})
				}
				
				if((Type=='თარიღების დიაპაზონი') || (Type=='თარიღი')){
					var datas={}; 
					var Min0=0, Max0=0;
					var Day=60*60*24;
					$.each(Data,function(i,e){
						if(Type=='თარიღი'){
							var Min=parseInt(e.Val);
							var Max=parseInt(e.Val);
							}else{
							var Min=parseInt(e.Min);
							var Max=parseInt(e.Max);
							}
						if(Min0==0) Min0=Min;
						if(Max0==0) Max0=Max;
						if(Min0>Min) Min0=Min;
						if(Max0<Max) Max0=Max
						for (i=Min; i <= Max; i += Day ){ 
							if(typeof(datas[i])=='undefined') datas[i]=1; else datas[i]++;
							}
						})
					$.each(datas,function(i,e){
						var d = new Date(i*1000);
						var dd=d.getUTCFullYear()+'-'+d.getUTCMonth()+'-'+d.getUTCDay();
						$('#Dt'+ID).append('<div><span>'+dd+'</span> - <span>'+e+'</span></div>');
						})
					}

				if((Type=='არჩევა ერთის') || (Type=='არჩევა რამოდენიმეს')){
					var Answers=Options.Answers.split('\\r\\n');
					var datas={};
					$.each(Answers,function(i,e){
						datas[i]=0;
						})
					$.each(Data,function(i,e){
						datas[e.Val]++;
						})
					$.each(datas,function(i,e){
						$('#Dt'+ID).append('<div><span>'+Answers[i]+'</span> - <span>'+e+'</span></div>');
						})
					}

				if(Type=='შეფასება ქულით'){
					var min,max,min0=0,max0=0;
					min=parseInt(Options.minimum);
					max=parseInt(Options.maximum);
					var datas={}, labels=[];
					for(i=min; i<=max; i++){
						datas[i]=0;
						labels.push(i);
						}
					$.each(Data,function(i,e){
						var v=parseInt(e.Val);
						if(min0==0) min0=max0=v; 
						if(min0>v) min0=v;
						if(max0<v) max0=v;
						datas[v]++;
						})
					if(max0-min0>10){max0++; min0--;}
					$.each(datas,function(i,e){
						if(i<min0) delete (datas[i]);
						if(i>max0) delete (datas[i]);
						})
					$.each(datas,function(i,e){
						$('#Dt'+ID).append('<div><span>'+i+'</span> - <span>'+e+'</span></div>');
						})
					}
				
				$.each(Data,function(i,e){
					var Comment=e.Comment.trim();
					if(Comment!='')
						$('#Com'+ID).append('<div >'+Comment+'<span class="before0" uid="'+e.RespondentID+'"><span></div>');
					})
				} 
			
			})
		var cc=$('.commentsArea, .dataArea'); // clear empty lines;
		$.each(cc,function(i,e){ var hasChil=($(e).children().length>0); if(!hasChil) $(e).remove(); });
	}).fail(function(data){		
		console.log('fail = ',data);
	})
}	

$(document).on('click','.commentsArea > div .before',function(e){
	var uid=$(this).attr('uid');
	if(uid>0)
	$.ajax({
		url:'interactive.php',
		type:'post',
		dataType:'json',
		data:{f:'getUserInfo',uid:uid}
		})
	.done(function(data){
		console.log('done = ',data);
		$('span.before[uid='+uid+']').html(data.Firstname+' '+data.Lastname).removeAttr('uid'); // +' '+data.PersonalID 
		})
	.fail(function(data){
		console.log('fail = ',data)
		})
})
</script>
<style>
.Answers {
    margin-top: 30px;
    padding: 10px;
    border: 1px solid #0003;
    border-radius: 10px;
    background-color: #0001;
}	
.Chart {
    margin: 10px 0;
    padding: 10px;
    background-color: white;
    border-radius: 10px;
    border: 1px solid #0003;
}
.dataArea {
    max-height: 100px;
    overflow: auto;
    margin: 10px 0;
    padding: 5px;
    background-color: #0502;
    border-radius: 5px;
}
.commentsArea {
    max-height: 100px;
    overflow: auto;
    margin: 10px 0;
    padding: 5px;
    background-color: #0052;
    border-radius: 5px;
}
.commentsArea > div {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px dashed #0003;
}
.commentsArea > div .before {
    content: ' ';
    display: inline-block;
    height: 20px;
    float: right;
    background: url(img/b_user.png) left center no-repeat;
    cursor: pointer;
    padding-left: 22px;
}
</style>
			
			<?php
	
		 
	
  } ?>
</div> 	</div> 	</div>