<?php
include('php-includes/connect.php');
include('php-includes/check-login.php');
$userid = $_SESSION['userid'];
//echo $userid;
//$capping =150000;

	
$sel="select * from  user order by id desc";
	$res=mysqli_query($con,$sel);
	$row=mysqli_fetch_array($res,MYSQLI_BOTH);
	$dis=$row['email'];
	$idd=$row['id'];
	$dis1=$idd+1;
	$dis2='RMS'.$idd;
//echo $dis2;
		
		
?>


<?PHP include("link/header.php")?>
<!--main content start-->
<style>label{color:white;}</style>
<script>
	$(document).ready(function(){
		$("#dis").keyup(function(){
			var dis =$(this).val();
		$.ajax({
			url:"code/classcode.php?flag=4",
			type:"POST",
			data: {dis1:dis},
			success:function(res){
				//alert(res);
				$("#cu").val(res);
			},
			error:function(){
				alert("error");
			}
		});
		});
	});
	$(document).ready(function(){
		$("#parrent").keyup(function(){
			var dis2 =$(this).val();
		$.ajax({
			url:"code/classcode.php?flag=44",
			type:"POST",
			data: {dis1:dis2},
			success:function(res){
				//alert(res);
				$("#parrent1").val(res);
			},
			error:function(){
				alert("error");
			}
		});
		});
	});
	$(document).ready(function(){
				
	$("#regform").submit(function(e){
		
		e.preventDefault();	
		$("#btn").prop("disabled",true);
		$.ajax({
					url:"code/classcode.php?flag=4456",
					type:"POST",
					data:new FormData(this),
					contentType:false,
					processData:false,
					success:function(res){
						alert(res);
						$("#regform").trigger("reset");
						window.location.href='aproved.php';
						
					},
					error:function(){
						alert("error");
					}
				
				});
	});
	
	
});
</script>

<section id="main-content">
	<section class="wrapper">
	<div id="page-wrapper" style="background-color: white;background-repeat: no-repeat;background-position: center;background-size:580px">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-12">
                       <h2 style='text-align:center'>Aproved Area</h2>
					   <br/>
                    </div>
                    <!-- /.col-lg-12 -->
                </div>
                <!-- /.row -->
                <div class="row" >
				
                	<div class="col-lg-8" style="background-color:blue">
					<br/>
                    	<form id="regform" >
                            
                            
                               
                          
                           
							 <input type="hidden"  name='user_id' value='<?php echo $userid; ?>' class="form-control" required >
							 <div class="col-lg-6">
							 <div class="form-group">
                                <label>User Id</label>
                                <input type="text" name="email" id='dis'class="form-control" required />
                            </div>
                            </div>
							<div class="col-lg-6">
							 <div class="form-group">
                                <label>User Person</label>
                                <input type="text" name="" id='cu' class="form-control" requiredd readonly>
                            </div>
                            </div>
							
                            <div class="col-lg-6">

                               <br/>
                            <div class="form-group">
                        	<center><input type="submit" name="join_user" class="btn btn-danger block " value="Active"></center>
                        </div>
                        </form>
                    </div>
                </div><!--/.row-->
            </div>
            <!-- /.container-fluid -->
        </div>
        <!-- /#page-wrapper -->
<br/>
<br/>

    </div>

	
</section>

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.3.26/jquery.form-validator.min.js"></script>
<script>
  $.validate({
    modules : 'html5',
	modules : 'file'
  });
</script>
 <!-- footer -->
 
		  <?php include('link/footer.php');
		  
		  



		  ?>
  <!-- / footer -->
</section>
<!--main content end-->
</section>
<script src="js/bootstrap.js"></script>
<script src="js/jquery.dcjqaccordion.2.7.js"></script>
<script src="js/scripts.js"></script>
<script src="js/jquery.slimscroll.js"></script>
<script src="js/jquery.nicescroll.js"></script>
<!--[if lte IE 8]><script language="javascript" type="text/javascript" src="js/flot-chart/excanvas.min.js"></script><![endif]-->
<script src="js/jquery.scrollTo.js"></script>
<!-- morris JavaScript -->	
<script>
	$(document).ready(function() {
		//BOX BUTTON SHOW AND CLOSE
	   jQuery('.small-graph-box').hover(function() {
		  jQuery(this).find('.box-button').fadeIn('fast');
	   }, function() {
		  jQuery(this).find('.box-button').fadeOut('fast');
	   });
	   jQuery('.small-graph-box .box-close').click(function() {
		  jQuery(this).closest('.small-graph-box').fadeOut(200);
		  return false;
	   });
	   
	    //CHARTS
	    function gd(year, day, month) {
			return new Date(year, month - 1, day).getTime();
		}
		
		graphArea2 = Morris.Area({
			element: 'hero-area',
			padding: 10,
        behaveLikeLine: true,
        gridEnabled: false,
        gridLineColor: '#dddddd',
        axes: true,
        resize: true,
        smooth:true,
        pointSize: 0,
        lineWidth: 0,
        fillOpacity:0.85,
			data: [
				{period: '2015 Q1', iphone: 2668, ipad: null, itouch: 2649},
				{period: '2015 Q2', iphone: 15780, ipad: 13799, itouch: 12051},
				{period: '2015 Q3', iphone: 12920, ipad: 10975, itouch: 9910},
				{period: '2015 Q4', iphone: 8770, ipad: 6600, itouch: 6695},
				{period: '2016 Q1', iphone: 10820, ipad: 10924, itouch: 12300},
				{period: '2016 Q2', iphone: 9680, ipad: 9010, itouch: 7891},
				{period: '2016 Q3', iphone: 4830, ipad: 3805, itouch: 1598},
				{period: '2016 Q4', iphone: 15083, ipad: 8977, itouch: 5185},
				{period: '2017 Q1', iphone: 10697, ipad: 4470, itouch: 2038},
			
			],
			lineColors:['#eb6f6f','#926383','#eb6f6f'],
			xkey: 'period',
            redraw: true,
            ykeys: ['iphone', 'ipad', 'itouch'],
            labels: ['All Visitors', 'Returning Visitors', 'Unique Visitors'],
			pointSize: 2,
			hideHover: 'auto',
			resize: true
		});
		
	   
	});
	</script>
<!-- calendar -->
	<script type="text/javascript" src="js/monthly.js"></script>
	<script type="text/javascript">
		$(window).load( function() {

			$('#mycalendar').monthly({
				mode: 'event',
				
			});

			$('#mycalendar2').monthly({
				mode: 'picker',
				target: '#mytarget',
				setWidth: '250px',
				startHidden: true,
				showTrigger: '#mytarget',
				stylePast: true,
				disablePast: true
			});

		switch(window.location.protocol) {
		case 'http:':
		case 'https:':
		// running on a server, should be good.
		break;
		case 'file:':
		alert('Just a heads-up, events will not work when run locally.');
		}

		});
	</script>
	<!-- //calendar -->
</body>
</html>