<?php
session_start();
include_once('connection.php');
?>
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
        <meta name="description" content="" />
        <meta name="author" content="" />
        <title>SRB</title>
        
          
         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css" />
          <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/>

  
        
        
        
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
		
        
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Archivo+Narrow:wght@400;500;600;700&family=Barlow+Condensed:wght@100;200;300;400;500;600;700;800;900&family=Bellefair&family=Belleza&family=Bitter:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Cookie&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&family=Cormorant:wght@300;400;500;600;700&family=Courgette&family=Fira+Sans:wght@300;400;500;600;700;800;900&family=Heebo:wght@100;300;400;500;600;700;800;900&family=Hind:wght@300;400;500;600;700&family=IBM+Plex+Sans:wght@100;200;300;400;500;600;700&family=Inter:wght@100;300;400;500;600;700;800;900&family=Josefin+Sans:wght@100;300;400;500;600;700&family=Jost:wght@100&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,300;1,400&family=League+Spartan:wght@100;300;400;500;600;700;800;900&family=Libre+Baskerville:wght@400;700&family=Lora:wght@400;500;600;700&family=Lustria&family=Manrope:wght@200;300;400;500;600;700;800&family=Marcellus&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,500&family=Mulish:wght@200;300;400;500;600;700;800;900;1000&family=Nunito:wght@200;300;400;500;600;700;800;900&family=Open+Sans:wght@300;400;500;600;700;800&family=Oswald:wght@200;300;400;500;600;700&family=Overpass:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,600&family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&family=Prata&family=Proza+Libre:wght@400;500;600;700;800&family=Public+Sans:wght@100;200;300;400;500;600;700;800;900&family=Raleway:wght@100;200;300;400;500;600;700;800;900&family=Rambla:wght@400;700&family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,400&family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,400;1,700;1,900&family=Rubik:wght@300;400;500;600;700;800;900&family=Source+Sans+3:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,700&family=Ubuntu:wght@300;400;500;700&family=Zilla+Slab:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Archivo+Narrow:wght@400;500;600;700&family=Barlow+Condensed:wght@100;200;300;400;500;600;700;800;900&family=Bellefair&family=Belleza&family=Bitter:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Cookie&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&family=Cormorant:wght@300;400;500;600;700&family=Courgette&family=Exo+2:wght@100;200;300;400;500;600;700;800;900&family=Fira+Sans:wght@300;400;500;600;700;800;900&family=Heebo:wght@100;300;400;500;600;700;800;900&family=Hind:wght@300;400;500;600;700&family=IBM+Plex+Sans:wght@100;200;300;400;500;600;700&family=Inter:wght@100;300;400;500;600;700;800;900&family=Josefin+Sans:wght@100;300;400;500;600;700&family=Jost:wght@100&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,300;1,400&family=League+Spartan:wght@100;300;400;500;600;700;800;900&family=Libre+Baskerville:wght@400;700&family=Lora:wght@400;500;600;700&family=Lustria&family=Manrope:wght@200;300;400;500;600;700;800&family=Marcellus&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,500&family=Mulish:wght@200;300;400;500;600;700;800;900;1000&family=Nunito:wght@200;300;400;500;600;700;800;900&family=Open+Sans:wght@300;400;500;600;700;800&family=Oswald:wght@200;300;400;500;600;700&family=Overpass:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,600&family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&family=Prata&family=Proza+Libre:wght@400;500;600;700;800&family=Public+Sans:wght@100;200;300;400;500;600;700;800;900&family=Raleway:wght@100;200;300;400;500;600;700;800;900&family=Rambla:wght@400;700&family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,400&family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,400;1,700;1,900&family=Rubik:wght@300;400;500;600;700;800;900&family=Source+Sans+3:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,700&family=Ubuntu:wght@300;400;500;700&family=Zilla+Slab:wght@300;400;500;600;700&display=swap" rel="stylesheet">

        
        <link rel="stylesheet" href="../css/aos.css">
        <link rel="stylesheet" href="../css/style.css">
        <link rel="stylesheet" href="../css/bootstrap.min.css">
		<link rel="stylesheet" href="../css/responsive.css">
        <link href="https://cdn.jsdelivr.net/npm/simple-datatables@latest/dist/style.css" rel="stylesheet" />
        <link rel="stylesheet" href="css/custom-style.css">
        
        
    </head>
    <body>
    
    
    <?php include('../include/header.html'); ?>
    
    
    
<section>
    <div class="pro-banner aboutbaner">
        <div class="container">
            <h5 class="pro-cap"></h5>
        </div>
    </div>
</section>
    
    
    
    
    
        		<div class="structure">
                    <div class="container">
                    <h5 class="abt-title2 a-font mb-0">Online Price</h5>
                        <div class="row justify-content-center mb-4">
                            <div class="col-lg-12">
                                <div class="card custom-card rounded-lg mt-3">
                                    <div class="card-header"><h4 class="text-center">Search Data</h4></div>
                                    <div class="card-body">
                                        
										

  <div class="row">
    <div class="col-sm-4">
      <div class="form-group">
      <label>Item</label>
      <select name="itemid" class="countries form-control" id="itemid" onChange="getMake(this.value);">
    <option value="">Select Item</option>
	
	
<?php
$querya  = mysqli_query($conn,"SELECT `item` FROM `data_store` GROUP BY `item`");
		while($rowha = mysqli_fetch_array($querya)) {
			
			$item = $rowha['item'];
			echo '<option value="'.$item.'">'.$item.'</option>';
		}
?>
	
	
</select>
		</div>
    </div>
    <div class="col-sm-4">
      <div class="form-group">
      <label>Make</label>
      <select name="make" class="states form-control" id="make"  onChange="getSize(this.value);">
    <option value="">Select Make</option>
</select>
</div>
    </div>
    <div class="col-sm-4">
    <div class="form-group">
      <label>Size</label>        
      <select name="size" class="cities form-control" id="size" onChange="getData(this.value);">
    <option value="">Select Size</option>
</select>
</div>
    </div>
  </div>
 
										
										
										
										
                                    </div>
                                   
                                </div>
                            </div>
                        </div>
						
						
						
						
						
						
						<div class="card custom-card mt-xl-4 mb-4">
                            <div class="card-header">
                               <h4 class="text-center">View Data</h4>
                            </div>
                            <div class="card-body">
                                <table id="datatablesSimple" class="table table-bordered table-striped">
                                    <thead>
                                        <tr>
                                            <th>ITEM</th>
                                            <th>MAKE</th>
                                            <th>SIZE</th>
                                            <th>WIDTH</th>
											<th>PRICE (RS)</th>
                                        </tr>
                                    </thead>
                                    
                                    <tbody>
                                       

									  


                                    </tbody>
                                </table>
                            </div>
                        </div>
						
                    </div>
                  </div>
                  <br><br><br><br>  
                
        
        
        
        <?php include('../include/footer.html'); ?>
        
        
        
        <script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
		<!--<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>-->
        <script src="../js/bootstrap.bundle.min.js"></script>
  		<script src="../js/popper.min.js"></script>
        <script src="js/scripts.js"></script>
		
		
<script>
function getMake(val) {
	$.ajax({
		type: "POST",
		url: "get-make-data.php",
		data:'item='+val,
		success: function(data){
			$("#make").html(data);
			$('#size').find('option[value]').remove();
			$('#datatablesSimple tbody').html('');
		}
	});
}

function getSize(val) {
	var itemid = $("#itemid").val();
	$.ajax({
		type: "POST",
		url: "get-size-data.php",
		data:'make='+val+'&itemid='+itemid,
		success: function(data){
			$("#size").html(data);
			$('#datatablesSimple tbody').html('');
		}
	});
}


function getData(val) {
	var itemid = $("#itemid").val();
	var make = $("#make").val();
	$.ajax({
		type: "POST",
		url: "get-table-data.php",
		data:'size='+val+'&itemid='+itemid+'&make='+make,
		success: function(data){
			$('#datatablesSimple tbody').html(data);
		}
	});
}


$(document).ready(function(){
});
</script>

<script src="../js/script.js"></script>
<script src="../js/aos.js"></script>
		
		
    </body>
</html>
