invisio v2.0

<?php
include("header.php");
include("config.php");
?>
<script type="text/javascript">
			
			function showsubheads(str) {
				if (str=="") {
					document.getElementById("vtype").innerHTML="";
					return;
				}
				if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
					xmlhttp=new XMLHttpRequest();
				} else {// code for IE6, IE5
					xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
				}
				xmlhttp.onreadystatechange=function() {
					if (xmlhttp.readyState==4 && xmlhttp.status==200) {
						document.getElementById("vtype").innerHTML=xmlhttp.responseText;
					}
				}
				xmlhttp.open("GET","show_subheadajax.php?q="+str,true);
				xmlhttp.send();
			}
		</script>
<body class="bg-gradient-primary">

<h5 align="center" style="margin-top:40px"> Add Vehicle</h6>
	   <hr>
	   <br>
                            
                            <form class="user" method="post" action="save_vehicle.php">
                                <div class="form-group row">
                                    <div class="col-sm-6 mb-3 mb-sm-0">
                                        <select class="form-control" style="height:50px; border-radius:25px;" name="brand" id="brand" required required onChange="showsubheads(this.value)">
                                        <option value="" disabled selected>Select Brand</option>
                                        	<?php
												$result = $js->query('SELECT * FROM `brands` ORDER BY `brandname`');
												$result->execute();
												
												while($row = $result->fetch(PDO::FETCH_ASSOC)) 
												{
													$brandid = $row['brandid'];
													$brname = $row['brandname'];
													
													echo "<option value='$brandid'>$brname</option>";
												}
											?>
                                        </select>	
                                    </div>
                                     <div class="col-sm-6 mb-3 mb-sm-0">
                                        <select class="form-control" style="height:50px; border-radius:25px;" name="vtype" id="vtype" required >
                                        <option value="" disabled selected>Select Vehicle Type</option>
                                        	
                                        </select>	
                                    </div>
                                    
                                   </div>
                                    <div class="form-group row">
                                    <div class="col-sm-6 mb-3 mb-sm-0">
                                        <input type="text" class="form-control form-control-user" id="regno" name="regno" required placeholder="Registration Number">
                                    </div>
                                    <div class="col-sm-6">
                                        <input type="text" class="form-control form-control-user" id="desc" name="desc"  placeholder="Description">
                                    </div>
                                </div>

<script src="vendor/jquery/jquery.min.js"></script>
    <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

<script src="vendor/jquery-easing/jquery.easing.min.js"></script>

<script src="js/sb-admin-2.min.js"></script>

</body>

</html>