<?php 
	include('include/header.php');
	//echo '<pre>';print_r($pagesContent);die;
?>     
<script>
  $(document).ready(function(){
	  // ================== DELETE USER START FROM HERE ========================
 
		  $(".getCon").click(function(){
				var conval = $(this).attr('data-val');
				
				var textboxCon = $("#addChoicehide").val();			
				var splitarray = textboxCon.split(','); 
				var totalval = '';
				var finalarray = $.grep(splitarray , function(value){
					if (value != conval)
					{
						totalval += value+",";
					}
				})
					
				var finalarr = totalval.slice(0,-1);
				$("#addChoicehide").val(finalarr);
				$("#hidediv_"+conval).hide('500');
 		 });
 
			 
  });
  </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/pages">Add New Pages</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">Pages Content Of <?php echo $pagesContent[0]->db_pagename;?></div>
				<div class="table-responsive">
					
					<form name="createOrgForm" class="form-horizontal wrapper-md ng-pristine ng-invalid ng-invalid-required ng-valid-pattern ng-valid-minlength ng-valid-email" method="post" id="createOrgForm" action="" enctype="multipart/form-data">
							<input type="hidden" name="Pid" id="Pid" value="<?php echo $pagesContent[0]->pageId;?>">
				<div class="row"><!-- Form Block-->
					<div class="col-md-7 col-sm-12 col-xs-12"><!-- Form Items-->
						<div class="row">
							<div class="col-md-6 col-sm-6 col-xs-12">
								<label class="col-xs-12 input-group">Page Content Title<span class="text-danger">*</span><br>
								<input type="text" name="addOrgName" id="addOrgName" placeholder="eg. Title" class="form form-control ng-pristine ng-untouched ng-valid-email ng-invalid ng-invalid-required ng-valid-pattern" <?php if(!empty($pagesContent[0]->db_pageConTitle)){ echo 'value='.$pagesContent[0]->db_pageConTitle;}?>></label>
							</div>
							
							<div class="col-md-6 col-sm-6 col-xs-12">
							<label class="col-xs-12 input-group">Add Multiple Choice<span class="text-danger">*</span><br>
									<div class="multipleChoice">
									<?php 
										if(!empty($pagesContent[0]->db_pageChoice))
											{
												$allchoice = explode(',',$pagesContent[0]->db_pageChoice);
											}
											foreach ($allchoice as $k=>$v)
											{
									?>
										<div class="multipleChoiceCon" id="hidediv_<?php echo $v;?>" ><?php echo $v;?><div style="float:right;margin-left:5px; border-radius:2px;padding:0px 4px 0px 4px; background-color:#900; cursor:pointer;" class="getCon" data-val="<?php echo $v;?>">X</div> </div>		
									<?php }?>
										<div class="clearfix"></div>
									</div>
									<input type="hidden" name="addChoicehide" id="addChoicehide" placeholder="eg. choice1,choice2,choice3,choice4" class="form form-control ng-pristine ng-untouched ng-valid-email ng-invalid ng-invalid-required ng-valid-pattern" value="<?php echo $pagesContent[0]->db_pageChoice;?>">

									  <input type="text" name="addChoiceh" id="addChoiceh" placeholder="eg. choice1,choice2,choice3,choice4" class="form form-control ng-pristine ng-untouched ng-valid-email ng-invalid ng-invalid-required ng-valid-pattern" ></label>
								</div>
							</div>
						 
						 
						<div class="row">
							<div class="col-md-6 col-sm-6 col-xs-12">
								<label class="col-xs-12 input-group">
								<div class="text-danger font-bold ng-binding"></div>
									<button type="submit" <?php if (!empty($pagesContent)){echo 'name="editOrgsubmit" id="editOrgsubmit"';}else{ echo 'name="addOrgsubmit" id="addOrgsubmit"';}?> class="btn btn-success"><?php if (!empty($pagesContent)){echo 'Edit';}else{ echo 'Save';}?></button>
								</label>
							</div>
						</div>
					</div>
				</div>
				</form>
			</div>
		</div>
	</div>
</div>
</div>
</div>
  </div>
  <!-- jQuery -->
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>