<?php 
ob_start();
session_start();
include("header.php"); 
	
	if($_SESSION["uid"]=="")
	{
		header('location:login.php');

    exit();
		
	}	
	
	
	
	
	$user_id=$_SESSION['uid'];
	$board=mysql_fetch_array (mysql_query("SELECT `user`.`board_id` FROM user"));
	$board_id=$board['board_id'];
	$subject_sql=mysql_query("SELECT sub.id, sub.subject FROM `exam_subject_master` sub JOIN `user_subjects` s ON sub.id=s.subject_id WHERE s.user_id =".$user_id);
?>
	<link type="text/css" rel="stylesheet" href="css/sb-admin.css">
	<section class="header_back_inner"></section>
	<div align="" class="center">
		<div class="body_column_section">
		<?php include("left-panel.php");
			
		?>
		  <!-- right panel start here -->
            
            		<div class="right_column_section">
                    
                    	<div class="panel panel-primary">
                            <div class="panel-heading">
                                <h3 class="panel-title"><i class="fa fa-bar-chart-o"></i> Teaching Aid</h3>
                            </div>
                            <div class="panel-body graph_body"> 
                            
                            	<div class="box_show_div">                           
                            	<?php 
								//echo "Mysql_num_Rows".mysql_num_rows($subject_sql);
								while($subject= mysql_fetch_array($subject_sql)){
								?>
                                <div class="subject_box">
                                	<p  class="show_div" show-class="show_txt_<?= $subject['id']?>" ><a class="subject" subject_id="<?= $subject['id']?>" ><?php echo $subject['subject'] ?></a></p> 
                                    <div class="show_txt_<?= $subject['id']?> show_txt" style="display: none"></div>                                   
                                </div>
                                <?php } ?>
                                                                
                                <div class="clear"></div>
                                
                                </div>
								
                                <div class="all_topic" >
                                                                        	     
                                 </div>
								<div class="all_sub_topic" >
                                                                        	     
                                 </div>
								 <div class="all_paper" >
                                                                        	     
                                 </div>
								<!-- cms-section------------>
                                 <div class="cms graph_tooltip_section">
								 
								 <h3 class="instruct_head">Teaching Aid Instructions</h3>
									<div class="instruct_decription">
									<?php
															$cms_id=17;
															$sql_data_content = mysql_fetch_array(mysql_query("SELECT * FROM contents WHERE id = '".$cms_id."' AND status='Active'"));
															echo $sql_data_content['content'];
															?>
									
									</div>
								 
								 </div>
								 <!---------------------------->
								 <div class="time"></div>
                                                                
                            </div>
                        </div>
                        

                        <div class="clear"></div>
          
                                </div>
                            </div>
                        
                        </div>
                        
                        <div class="clear"></div>
                    
                    </div>
            
            <!-- right panel end here -->
            
            	<div class="clear"></div>
            
            </div>
            
            <!-- body section start here -->
            
            	
            
            <!-- body section end here -->
            
            <div class="clear"></div>
		
		
		<div class="clear"></div>
	</div> 
	
	<script>
		$(document).ready(function(){
			function fetch(element){
			    
				$(".show_div").removeClass('active');
				$(this).addClass('active');
				subject_id=element.id;
				$.ajax({
					dataType: "json",
					type: "POST",	
					url: "ajax/user_paper.php",	
					data: { subject_id:subject_id},		
					success:function(obj){	
						if(obj.length>0){
							paper='';
							$.each(obj, function(key,data){
								paper+='<div class="subject_box_inner"><p class="paper" ><a paper="'+data.id+'">'+data.name+'</a></p><div class="show_txt_5" style="display: none"></div></div>';
							});
							paper+='<div class="clear"></div>';
							$("#attach").html(paper);
						}else{
							$("#attach").html("No Sub Topic Found");
						}
						
					}
				});
			}
			/* $(".center").on("click",".topic", function(){
				$(".topic").removeClass('active');
				$(this).addClass('active');
				topic_id=$(this).children('a').attr('topic_id');
				$.ajax({
					dataType: "json",
					type: "POST",	
					url: "ajax/user_sub_topic.php",	
					data: { topic_id:topic_id},		
					success:function(obj){	
						if(obj.length>0){
							sub_topic='';
							$.each(obj, function(key,data){
								sub_topic+='<div class="subject_box_inner"><p class="sub_topic" ><a sub_topic_id="'+data.id+'">'+data.name+'</a></p><div class="show_txt_5" style="display: none"></div></div>';
							});
							sub_topic+='<div class="clear"></div>';
							$(".all_sub_topic").html(sub_topic);
						}else{
							$(".all_sub_topic").html("No Sub Topic Found");
						}
						
					}
				});
			}) */
			/* $(".center").on("click",".sub_topic", function(){
				$(".sub_topic").removeClass('active');
				$(this).addClass('active');
				subject_id=$(".box_show_div .subject_box .active").children('a').attr('subject_id');
				//alert(subject_id);
				$.ajax({
					dataType: "json",
					type: "POST",	
					url: "ajax/user_paper.php",	
					data: { subject_id:subject_id},		
					success:function(obj){	
						if(obj.length>0){
							paper='';
							$.each(obj, function(key,data){
								paper+='<div class="subject_box_inner"><p class="paper" ><a paper="'+data.id+'">'+data.name+'</a></p><div class="show_txt_5" style="display: none"></div></div>';
							});
							paper+='<div class="clear"></div>';
							$(".all_paper").html(paper);
						}else{
							$(".all_paper").html("No Sub Topic Found");
						}
						
					}
				});
			}) */
			$(".center").on("click",".paper", function(){
				$(".paper").removeClass('active');
				$(this).addClass('active');
				//data_time='<div class="time-sec"><input type="text" name="hour" id="hour" value="" placeholder="Hour">';
				//data_time+='<input type="text" name="min" id="min" value="" placeholder="Minute">';
				
				//data_time='<div class="time-sec">Hour<select name="hour" id="hour"><option value="0">0</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option></select> ';
				//data_time+='Minute<select name="min" id="min"><option value="0">0</option><option value="5">5</option><option value="10">10</option><option value="15">15</option><option value="20">20</option><option value="25">25</option><option value="30">30</option><option value="35">35</option><option value="40">40</option><option value="45">45</option><option value="50">50</option><option value="55">55</option></select>';
				
				data_time='<div class="clear"></div>';
				data_time+='<Button id="submit">Start</button></div>';
				$(".time").html(data_time);
			})
			$(".center").on("click","#submit", function(){
				subject_id=$(".box_show_div .subject_box .active").children('a').attr('subject_id');
				//topic_id=$(".all_topic .subject_box_inner .active").children('a').attr('topic_id');
				//sub_topic_id=$(".all_sub_topic .subject_box_inner .active").children('a').attr('sub_topic_id');
				paper_id=$(".all_paper .subject_box_inner .active").children('a').attr('paper');
				hour=$("#hour").val();
				min=$("#min").val();
				if(subject_id=='' || subject_id==undefined){
					alert("Please Select Subject");
				}/*else if(paper_id=='' || paper_id==undefined){
					alert("Please Select Paper");
				}else if(hour=='' || isNaN(hour)){
					alert("Please Select Hour");
				}else if(min=='' || isNaN(min) || min>60){
					alert("Please Select Minit");
				}*/else{
					//alert(subject_id+'=>'+topic_id+ '=>'+sub_topic_id+'=>'+paper_id+'=>'+hour+'=>'+min);
					$.ajax({
						type: "POST",	
						url: "ajax/set_session.php",	
						data: { subject_id:subject_id, paper_id:paper_id, hour:hour,  min:min},		
						success:function(obj){	
							$(location).attr('href',"teachingaid_practice.php");
						}
					});
				}
			})
		})
		
	</script>
<?php include("footer.php"); ?>