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


		
		
?>

<title>All State</title>

<?PHP include("link/header.php")?>
<!--main content start-->
<style>label{color:black;}</style>
<script>
$(document).ready(function(){
	
	$("#myform").submit(function(e){
		
		e.preventDefault();	
		$("#btn").prop("disabled",true);
		$.ajax({
					url:"code/classcode.php?flag=106",
					type:"POST",
					data:new FormData(this),
					contentType:false,
					processData:false,
					success:function(res){
						alert(res);
						
						window.location.href='block_add.php';
						$("#modal").load("code/classcode.php?flag=107");
						
					},
					error:function(){
						alert("error");
					}
				
				});
	});
	
	
});
$(document).ready(function(){
				
				$("#modal").load("code/classcode.php?flag=107");
			});
	
	$(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(){
		$("#state_id").change(function(){
			var state =$(this).val();
			
		//	alert(side);
		//	alert(check);
		$.ajax({
			url:"code/classcode.php?flag=105",
			type:"POST",
			data: {state:state},
			success:function(res){
				alert(res);
				$("#dist").html(res);
			},
			error:function(){
				alert("error");
			}
		});
		});
	});
</script>

<section id="main-content" style="background:url(images/body_bg.jpg) repeat;">
	<section class="wrapper">
	<div id="page-wrapper" >
            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-12">
                      <h2 style='font-weight:bold'> Block Add</h2>
                    </div>
                    <!-- /.col-lg-12 -->
                </div>
                <!-- /.row -->
                <div class="row" >
				
                	<div class="col-lg-8" >
					<br/>
                    	<form  id='myform' autocomplete="on"> 
                            
                            
                               <div class="col-lg-12">
                           
                            </div>
                               
							  <div class="col-lg-12">
                            <div class="form-group">
                                <label>Chose State Name</label>
								
								
									<select  name='state_id' id='state_id'class='form-control' required>
								<option value=''>--Select--</option>
								<?php
																		   $sel="select * from state";
																				$res=mysqli_query($conn,$sel);
																				
																				while($row=mysqli_fetch_array($res,MYSQLI_BOTH))
																				{
																				?><option value='<?php echo $row['id'];?>'style='background-color:light'><?php echo $row['state_name'];?></option><?php
																					
																				}
																		   
																		   
																		   
																		   ?>
										 </select> 

                                
                            </div>
                            </div>
							
							
							  <div class="col-lg-12">
                            <div class="form-group">
                                <label>Chose Dist Name</label>
								
								<div id='dist'></div>
									
							

                                
                            </div>
                            </div>
							<div class="col-lg-12">
                            <div class="form-group">
                                <label>Block Name</label>
                                <input type="hidden" name="id" value='' required>
                                <input type="text" name="block_name" data-validation="required"  class="form-control" required>
                            </div>
                            </div>
                            <div class="col-lg-6">

                               <br/>
                            <div class="form-group">
                        	<button id='btn' class='btn btn-primary'>Submit</button> 
                        </div>
                        </form>
                    </div>
                </div><!--/.row-->
            </div>
            <!-- /.container-fluid -->
			<div class="row">
                    <div class="col-lg-12">
                        <h1 class="page-header">Block List</h1>
										<?php
	
 
	?>
	
<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="jq/jquery.dataTables.min.css" type="text/css" rel="stylesheet"/>
<link href="jq/buttons.dataTables.min.css" type="text/css" rel="stylesheet"/>


<script src="jq/jquery.dataTables.min.js"></script>
<script src="jq/dataTables.buttons.min.js"></script>
<script src="jq/buttons.flash.min.js"></script>
<script src="jq/jszip.min.js"></script>
<script src="jq/pdfmake.min.js"></script>
<script src="jq/vfs_fonts.js"></script>
<script src="jq/buttons.html5.min.js"></script>
<script src="jq/buttons.print.min.js"></script>
	
<div id='modal'></div>

	
	
                    </div>
                    <!-- /.col-lg-12 -->

                </div>
        </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 -->	


	<!-- //calendar -->
</body>
</html>