<?php 
	include('include/header.php');
	
?>     
<script>
  $(document).ready(function(){
	  // ================== DELETE USER START FROM HERE ========================
 
		  $(".deluser").click(function(){
			var txt;
			var r = confirm("Would you like to delete this Survey");
			if (r == true) 
			{
				var id = $(this).attr('data-uid');
				//alert(id);
				var token = 'deleteuser';		
				 $.ajax({
					type : 'POST',
					url	 : 'deleteSurveyById',
					data : {id:id,token:token},
					success : function(res)
					{  if (res)
						{
							$("#rowid_"+id).hide('500');
						}
					}			
					
				 });
			} 
			else 
			{
					
			}
			 
		 });
 
			 $( ".slideclass" ).click(function() {
				 var slideclass = $(this);
				 var mainid = slideclass.attr('data-slideid');
				 alert(mainid);
				 $( "#divTogel_"+mainid ).slideToggle( "slow" );
			});
  });
  </script>
<style>
	.error {color:#900;}
</style> 
        
 
	<script>
	$(document).ready(function() {
			$('#example').DataTable();
		} );
	</script>
<div class="app-content ng-scope">
    <div class="butterbar hide"><span class="bar"></span></div>
    <a href="" class="off-screen-toggle hide" data-target=".app-aside"></a>
	<div class="ng-scope">
		<div class="hbox bg-light ng-scope">
		<div>
			<div style="position: fixed;width: 100%;background: #fff; z-index: 2;height: 42px" class="b-b padder">
				<ul class="nav nav-pills nav-sm m-t-xs">
					<li><a class="btn btn-info" href="<?php echo base_url();?>index.php/admin/survey">Add New Survey</a></li>
				</ul>
			</div>
		</div>
	<div class="wrapper-md">
		<div class="m-t-md"></div>
		<div class="clearfix"></div>
		<div class="m-t-md"></div>
		<div class="m-t-xs hbox card-applicant"><!--scrollable-table(watch="UsersList.users" table-offset="400")-->
			<div class="panel panel-default">
				<div class="panel-heading font-bold">Organization List</div>
				<div class="table-responsive">
					
					<table id="example" class="table table-striped table-bordered" width="100%" cellspacing="0">
						<thead class="thead">
							<tr>
								<th width="250">Survey Name&nbsp;<i class="fa fa-sort-amount-asc"></i></th>
								<th >Add Pages</th>
								<th >Edit</th>
								<th >Delete</th>
							</tr>
							
						</thead>
						<tbody id="hidedata">
						<?php 
							if (empty($allsurvey)){
								
						?>
							<tr class="ng-hide">
								<td colspan="10"><h1 class="text-center text-muted ng-scope">No Survey</h1><!-- end ngIf: !UsersList.ui.loading --></td>
							</tr><!-- ngRepeat: user in UsersList.users track by $index -->
						<?php } else {	
								 
								foreach ($allsurvey as $keyuser=>$valuser){
						 			 
						?>	
							<tr class="animate-repeat bg-white ng-scope" id="rowid_<?php echo $valuser->surveyId ;?>">
								<td class="ng-binding"><?php echo $valuser->db_surveyname;?></td>
							  
							 	<td><a class="btn-sm btn btn-success btn-rounded slideclass" data-slideid="<?php echo $valuser->surveyId;?>" href="javascript:;">Add Pages</a></td>
							  
							 	<td><a class="btn-sm btn btn-success btn-rounded" href="survey/<?php echo $valuser->surveyId;?>">Edit</a></td>
								<td><a class="btn-sm btn btn-primary btn-rounded deluser" data-uid="<?php echo $valuser->surveyId;?>">Delete</a></td>
							</tr>
							<tr>
								<td colspan="6">
									<div class="surveytogel">
									<?php 
										if (!empty($allpage))
										{
											foreach ($allpage as $keypage=>$valpage)
											{
									?>
										<div class="surveytogel_left" style="display:none;" id="divTogel_"<?php echo $valuser->surveyId;?>> <input type="checkbox" name="getpage" id="getpage" value="<?php echo $valpage->pageId;?>"><?php echo $valpage->db_pagename;?></div>
									<?php 
											}
										}
										else
										{
											
									?>
										<div class="surveytogel_left">No Page Found To Add</div>
									<?php 
										}
									?>
									<div class="clearfix"></div>
									</div>
								</td>
							</tr>
						<?php 
								}
							}
						?>
						
					</tbody>
					<tbody id="showdata">
						
					</tbody>
					<tfoot>
						<tr><td><!-- ngIf: UsersList.ui.loading --><!-- ngIf: UsersList.ui.lazyLoad --></td><td></td><td></td></tr>
					</tfoot>
				</table>
			</div>
		</div>
	</div>
</div>
</div>
</div>
  </div>
  <!-- jQuery -->
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>