<?php
ini_set('display_errors',1);
session_start();
include('script/condb.php');

$id=$_GET['id'];
if($id==''){
	echo '<script language ="javascript" type= "text/javascript"> alert("Project number not found! Start a New project here"); location.href="project-informations.php";</script>';
}
//$ix=$_SESSION[$id];

//echo $ix;

?>
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>TQ Dashboard</title>
<link href="css/styles.css" rel="stylesheet" type="text/css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<script type="text/javascript">
	
	$(document).ready(function () {   
$("frmstage1").click(function(){           
                if( $(".frmsub").is(":checked") )
                {
                    $("frmstage1").submit();
                
				}  }); 
});	
	
	</script>
	<script type="text/javascript">
	function submitPump(){
	if((document.getElementById('ckPump').checked === null)||(document.getElementById('ckPump').checked === undefined)){
	document.getElementById('pumpState').value= 'off';
	console.log('off');
	document.getElementById('pumpForm').submit();
		
	}
	if(document.getElementById('ckPump').checked){
		document.getElementById('pumpState').value = 'on';
		console.log('on');
		document.getElementById('pumpForm').submit();
	}else{
		document.getElementById('pumpState').value = 'off';
		console.log('off');
		document.getElementById('pumpForm').submit();
	}
	
	
	
	
}
	
	
	</script>
	<script type="text/javascript">
	function fetchemp(){
	var id= document.getElementById("ddselect").value;
			 $.ajax({
				url: "fetchBlock.php",
				method: "POST",
				data:{
					x : id
				},
				dataType: "JSON",
				success: function(data){
					document.getElementById("height").value = data.blockheight;
					document.getElementById("course").value = data.course;
				}
			})
		  	 
			}

function fetchpem(){
	  var x=document.getElementById("amigo").value;
	
	$.ajax({
				url: "fetchBlock.php",
				method: "POST",
				data:{
					x : x
				},
				dataType: "JSON",
				success: function(data){
					document.getElementById("height2").value = data.blockheight;
					document.getElementById("course2").value = data.course;
					
				}
			})
				
		  
		}

	function fetchama(){
	  var y=document.getElementById("amadi").value;
			
		  		
		$.ajax({
				url: "fetchBlock.php",
				method: "POST",
				data:{
					x : y
				},
				dataType: "JSON",
				success: function(data){
					document.getElementById("height3").value = data.blockheight;
					document.getElementById("course3").value = data.course;
					
				}
			})
				
		  
		}


	
	
	</script>
	
	<script type="text/javascript">  
        $(function(){
       $('.check1').on('change',function(){
         $('#fwall').submit();
            });
        });
    </script>
	<script type="text/javascript">  
        $(function(){
       $('.check3').on('change',function(){
         $('#fmorta').submit();
            });
        });
    </script>
	
	<script type="text/javascript">  
        $(function(){
       $('.check4').on('change',function(){
         $('#ftrench').submit();
            });
        });
    </script>
	
	<script type="text/javascript">  
        $(function(){
       $('.check5').on('change',function(){
         $('#fcolnm').submit();
            });
        });
    </script>
	<script type="text/javascript">  
        $(function(){
       $('.check10').on('change',function(){
         $('#fcolnm').submit();
            });
        });
    </script>
<script type="text/javascript">  
        $(function(){
       $('.check11').on('change',function(){
         $('#fcolnm').submit();
            });
        });
    </script>
	
	<script type="text/javascript">  
        $(function(){
       $('.check12').on('change',function(){
         $('#fplank').submit();
            });
        });
    </script>
	<script type="text/javascript">  
        $(function(){
       $('.check13').on('change',function(){
         $('#fplank').submit();
            });
        });
    </script>
	<script type="text/javascript">  
        $(function(){
       $('.check45').on('change',function(){
         $('#fwood').submit();
            });
        });
    </script>
	
	<script type="text/javascript">  
        $(function(){
       $('.wood2').on('change',function(){
         $('#fwood').submit();
            });
        });
    </script>
	<script type="text/javascript">  
        $(function(){
       $('.stirup').on('change',function(){
         $('#fstir').submit();
            });
        });
    </script>
	<script type="text/javascript">  
        $(function(){
       $('.bar1').on('change',function(){
         $('#fbar').submit();
            });
        });
    </script>
	<script type="text/javascript">  //concreteB
        $(function(){
       $('.bar2').on('change',function(){
         $('#fbar').submit();
            });
        });
    </script>
	<script type="text/javascript">  
        $(function(){
       $('.concreteB').on('change',function(){
         $('#fconcrete').submit();
            });
        });
    </script>
	<script type="text/javascript">  
        $(function(){
       $('.entbase').on('change',function(){
         $('#fconcrete').submit();
            });
        });
    </script>
	<script type="text/javascript">  
        $(function(){
       $('.entbase2').on('change',function(){
         $('#fconcrete').submit();
            });
        });
    </script>
	
	<script type="text/javascript">  
        $(function(){
       $('.equip').on('change',function(){
         $('#equipke').submit();
            });
        });
    </script><script type="text/javascript">  
        $(function(){
       $('.trench').on('change',function(){
         $('#pattrench').submit();
            });
        });
    </script>
	
	
	<!--<script src="js/fetchemp.js"></script>equipke
	<script src="js/jquery-3.6.0.js"></script>-->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
</head>

<body>
<div class="dashboardpagewrap">
<div class="left-frame">
<a href="dashboard.php"><div class="navigations-main" ><div><img src="images/home.png" width="128" height="128" alt=""/></div>Dashobard</div></a>
<a href="settings.php"><div class="navigations-main"><div><img src="images/settings-ico.png" width="128" height="128" alt=""/></div>Settings</div></a>
<a href="project-informations.php"><div class="navigations-main"><div><img src="images/information.png" width="128" height="128" alt=""/></div>Project Information</div></a>
<a href="stagesofproject.php"><div class="navigations-main"><div><img src="images/steps.png" width="128" height="128" alt=""/></div>Stages of Project</div></a>
<a href="#"><div class="navigations-main"><div><img src="images/control.png" width="128" height="128" alt=""/></div>Project Control</div></a>
<a href="#"><div class="navigations-main"><div><img src="images/construction.png" width="128" height="128" alt=""/></div>Construction Equipment</div></a>
<a href="#"><div class="navigations-main"><div><img src="images/materials.png" width="128" height="128" alt=""/></div>Materials</div></a>
<a href="#"><div class="navigations-main"><div><img src="images/labourers.png" width="128" height="128" alt=""/></div>Labourers</div></a>
<div class="navigations-main"><div><a href="logout.php"><img src="images/logout.png" width="128" height="128" alt=""/></a></div>Logout</div>
<div class="logo-main"><img src="images/logo.png" width="286" height="152" alt=""/></div>
</div>	
	
<div class="right-frame">
<div class="page-tag"><img src="images/settings-ico2.png" width="128" height="128" alt=""/>Stages of Project</div>
<div class="accordion-wrapper">
<div class="worko-tabs">
  
    <input class="state" type="radio" title="tab-one" name="tabs-state" id="tab-one" checked />
    <input class="state" type="radio" title="tab-two" name="tabs-state" id="tab-two" />
    <input class="state" type="radio" title="tab-three" name="tabs-state" id="tab-three" />
    <input class="state" type="radio" title="tab-four" name="tabs-state" id="tab-four" />
	<input class="state" type="radio" title="tab-five" name="tabs-state" id="tab-five" />

    <div class="tabs flex-tabs">
        <label for="tab-one" id="tab-one-label" class="tab">Foundation</label>
        <label for="tab-two" id="tab-two-label" class="tab">Floor Stages</label>
        <label for="tab-three" id="tab-three-label" class="tab">Roofing Work</label>
        <label for="tab-four" id="tab-four-label" class="tab">Other Works</label>
		<label for="tab-five" id="tab-five-label" class="tab">Finishing</label>


        <div id="tab-one-panel" class="panel active">
          <form class="left-form2" method="POST" action="wallcalculate.php?xd=<?php echo $id;
?>" name="fwall" id="fwall">
<!--<form id="1"  name="1"  >-->
	<div class="inputidentifier">Walls</div>	
			  <div class="tagchecked"><input type="checkbox" id="check1" name="check1" onchange="$('#fwall').submit();" >Calculate walls</div>
			  <div class="formwrapper-right">
	<div class="refreshbtn2"><input type="reset" class="sub_btn" value="Refresh"> </div>
	</div>
			 <div class="formwrapper">
			
			<input type="text" class="text-input-box-float2" placeholder="Exterior Walls" name="extwalls">
			<select class="list-input-box" name="ddselect" id="ddselect" onChange="fetchemp();"  >
				<option value="">select Block</option>
				<?php
						$prod= "SELECT Block_name FROM upline_app_blocksettings ";
		$que2 =mysqli_query($con, $prod);
		while($rec2 =mysqli_fetch_array($que2)){
			?> 
			<option value="<?php echo $rec2['Block_name'] ?>"><?php echo $rec2['Block_name'] ?></option>
						
	<?php	}
					?>
			  <!--<option>9 inches Hollow Block</option>
			  <option>9 inches Hollow Block</option>
			  <option>9 inches Hollow Block</option>
			  <option>9 inches Hollow Block</option>
			  <option>9 inches Hollow Block</option>-->
            </select>
			  <input type="text" class="text-input-box-float" placeholder="Length" id="length" name="length" value="<?php if(isset($_POST['length'])) { echo htmlentities($_POST['length']); } ?>">
			  <input type="text" class="text-input-box-float" placeholder="Course" id="course" name="course" value="<?php  if(isset($_POST['course']))  {echo htmlentities($_POST['course']); } ?>">
			  <input type="text" class="text-input-box-float" placeholder="Height" id="height" name="height" value="<?php if(isset($_POST['height'])) { echo htmlentities($_POST['height']); }; ?>">
			  
			  <input type="text" class="text-input-box-float2" placeholder="Interior Walls" name="intwalls" value="<?php  if(isset($_POST['intwalls'])) {echo htmlentities($_POST['intwalls']);}  ?>">			  
			  <select class="list-input-box" name="amigo" id="amigo" onChange="fetchpem();" >
				   <option>select Block</option>
				<?php
						$prod= "SELECT Block_name FROM upline_app_blocksettings ";
		$que2 =mysqli_query($con, $prod);
		while($rec2 =mysqli_fetch_array($que2)){
			?> 
			<option value="<?php echo $rec2['Block_name'] ?>"><?php echo $rec2['Block_name'] ?></option>
						
	<?php	}
					?>
			  <!--<option>9 inches Hollow Block</option>
			  <option>9 inches Hollow Block</option>
			  <option>9 inches Hollow Block</option>
			  <option>9 inches Hollow Block</option>
			  <option>9 inches Hollow Block</option>-->
            </select>
			  <input type="text" class="text-input-box-float" placeholder="Length" name="length2" value="<?php echo isset($_POST['length2']) ? $_POST['length2'] : ''; ?>">
			   <input type="text" class="text-input-box-float" placeholder="Course" name="course2" id="course2" value="<?php  if(isset($_POST['course2'])){ echo htmlentities($_POST['course2']);} ?>" >
			  <input type="text" class="text-input-box-float" placeholder="Height" id="height2" name="height2" value="<?php  if(isset($_POST['height2'])){ echo htmlentities($_POST['height2']); } ?>">

			  <input type="text" class="text-input-box-float2" placeholder="Other Interior Walls" name="otherwalls" value="<?php  if(isset($_POST['otherwalls'])) { echo htmlentities($_POST['otherwalls']); } ?>">			  
			  <select class="list-input-box" name="amadi" id="amadi" onChange="fetchama()">
				  <option>select Block</option>
				<?php
						$prod= "SELECT Block_name FROM upline_app_blocksettings ";
		$que2 =mysqli_query($con, $prod);
		while($rec2 =mysqli_fetch_array($que2)){
			?> 
			<option value="<?php echo $rec2['Block_name'] ?>"><?php echo $rec2['Block_name'] ?></option>
						
	<?php	}
					?>
			  <!--<option>9 inches Hollow Block</option>
			  <option>9 inches Hollow Block</option>
			  <option>9 inches Hollow Block</option>
			  <option>9 inches Hollow Block</option>
			  <option>9 inches Hollow Block</option>-->
            </select>
			  <input type="text" class="text-input-box-float" placeholder="Length" name="length3" value="<?php  if(isset($_POST['length3'])){ echo htmlentities($_POST['length3']); } ?>">
			   <input type="text" class="text-input-box-float" placeholder="Course" name="course3" id="course3" value="<?php  if(isset($_POST['name'])){ echo htmlentities($_POST['name']); }?>" >
			  <input type="text" class="text-input-box-float" placeholder="Height" id="height3" name="height3" value="<?php  if(isset($_POST['height3'])){ echo htmlentities($_POST['height3']);} ?>"></div>
	<!--<input hidden id="pumpState" name="pumpState">-->
</form>
			  
			  <form class="left-form2" id="fcolnm" action="column-calculate.php?zd=<?php echo $id;
?>" name="fcolnm" method="post">
			  	<div class="inputidentifier">Starter Columns & Base</div>

	<button class="btn-open-popup" onclick="togglePopup()"> 
      Calculate Starter Columns & Base 
      </button> 
  
    <div id="popupOverlay" 
         class="overlay-container"> 
        <div class="popup-box"> 
			            <div class="btn-close-popup" 
                    onclick="togglePopup()"> 
              Close [X] 
              </div> 
            <div class="inputidentifier">Columns</div>	
            <form class="form-container"  > 

			  <div class="tagchecked"><input type="checkbox" name="check5" id="check5" onChange="$('#fcolnm').submit();">Calculate Columns</div>
			  <input type="text" class="text-input-box-float" placeholder="16" name="I8" id="I8"><div class="tagchecked3">How many columns are inside the entire building?</div>
				
			 <div class="nextline"><div class="tagchecked3">Height</div> <input type="text" class="text-input-box-float" placeholder="1.25" name="A_15" id="A_15"> <input type="reset" class="sub_btn3" value="Refresh"></div>
			
			<div class="tagchecked3"><input type="checkbox" name="check10" id="check10" onChange="$('#fcolnm').submit();">Column Type-1</div>
			  <input type="text" class="text-input-box-float" placeholder="Number" name="A_21" id="A_21">
			  <input type="text" class="text-input-box-float" placeholder="Length" name="A_17" id="A_17">
			  <input type="text" class="text-input-box-float" placeholder="Width" name="A_19" id="A_19">
			  <select class="list-input-box-small" name="bartype" id="bartype">
			  <option>Bar Types</option>
				  <?php
						$prod22= "SELECT steels_wire_name FROM upline_app_steels_wire ";
		$que22 =mysqli_query($con, $prod22);
		while($rec22 =mysqli_fetch_array($que22)){
			?> 
			<option value="<?php echo $rec22['steels_wire_name'] ?>"><?php echo $rec22['steels_wire_name'] ?></option>
						
	<?php	}
					?>
			  <!--<option>option</option>
			  <option>option</option>
			  <option>option</option>
			  <option>option</option>-->
            </select>
			  <input type="text" class="text-input-box-float" placeholder="Bar Numbers" name="banum" id="banum">
			  <input type="text" class="text-input-box-float" placeholder="Cut Steel into" name="cutsteel" id="cutsteel">
			  <input type="text" class="text-input-box-float" placeholder="Stairups" name="stairups" id="stairups">
			  <select class="list-input-box-small-pop" name="stairuptype" id="stairuptype">
			  <option>Stair Types</option>
			   <?php
						$prod22= "SELECT steels_wire_name FROM upline_app_steels_wire ";
		$que22 =mysqli_query($con, $prod22);
		while($rec22 =mysqli_fetch_array($que22)){
			?> 
			<option value="<?php echo $rec22['steels_wire_name'] ?>"><?php echo $rec22['steels_wire_name'] ?></option>
						
	<?php	}
					?>	
			 <!-- <option>option</option>
			  <option>option</option>
			  <option>option</option>
			  <option>option</option>-->
            </select>
                
                <input class="form-input"
                       placeholder="Enter Your Email"
                       id="email" 
                       name="email" required> 
  
 
           <!-- </form>--> 
  

			<div class="partition_left">
			<div class="inputidentifier">Column Bases</div>	
            <form class="form-container" action="column-calculate.php?zd=<?php echo $id;
?>" method="post" name="fcolnm" id="fcolnm"> 
			  <div class="tagchecked2"><input type="checkbox" name="check11" id="check11" onChange="$('#fcolnm').submit();">Calculate Columns Bases</div>
			<div class="tagchecked2"><input type="checkbox">Include Binding</div>
			<div class="checkbox-arranger">
  <input type="text" class="text-input-box-float" placeholder="16" name="A_30" id="A_30"><div class="tagchecked3">How many column base are inside the entire building?</div>
				
			 <div class="nextline">
				
			<div class="tagchecked3"><input type="checkbox" >Base Type-1</div>
			  <input type="text" class="text-input-box-float" placeholder="Number" name="A_28" id="A_28">
			  <input type="text" class="text-input-box-float" placeholder="Width" name="A_26" id="A_26">
			  <input type="text" class="text-input-box-float" placeholder="Height" name="A_18" id="A_18">
			  <select class="list-input-box-small" name="bartype">
			  <option>Bar Types</option>
				 <?php
						$prod22= "SELECT steels_wire_name FROM upline_app_steels_wire ";
		$que22 =mysqli_query($con, $prod22);
		while($rec22 =mysqli_fetch_array($que22)){
			?> 
			<option value="<?php echo $rec22['steels_wire_name'] ?>"><?php echo $rec22['steels_wire_name'] ?></option>
						
	<?php	}
					?>	
			  <!--<option>option</option>
			  <option>option</option>
			  <option>option</option>
			  <option>option</option>-->
            </select>
			  <input type="text" class="text-input-box-float" placeholder="Bar Numbers" name="barnums" id="barnums">
			  <select class="list-input-box-small-pop" name="mattype" id="mattype">
			  <option>Mat Types</option>
			  <!--<option>option</option>-->
			  <option value="2">Double Mat</option>
			  <option value="1">Single Mat</option>
			  <option>option</option>
            </select>
			<input type="text" class="text-input-box-float" placeholder="Bending Heights" name="bendit" id="bendit"></div>
				</div>
                
                <input class="form-input"
                       placeholder="Enter Your Email"
                       id="email" 
                       name="email" required> 
  
 
            </form> 
			</div>
        </div> 
    </div> 
			  </form>
			  
			  <div class="inputidentifier3">Properties</div>
			  
		    <div class="partition_left">
			<form id="pattrench" name="pattrench" action="partition-calculate.php?pd=<?php echo $id;
?>"  method="post">
			<div class="inputidentifier">Partition in Trench</div>	
			  <div class="tagchecked"><input type="checkbox" id="trench" name="trench" onchange="$('#pattrench').submit();">Calculate Partitions</div>
			  <input type="text" class="text-input-box-float3" placeholder="Length" name="somelabourer_1B" id="somelabourer_1B">
			  <input type="text" class="text-input-box-float3" placeholder="Width" name="somelabourer_1C" id="somelabourer_1C">
			  <input type="text" class="text-input-box-float3" placeholder="Depth" name="somelabourer_1D" id="somelabourer_1D">				  
				</form></div>
			
			<div class="partition_left">
			<form id="fmorta" name="fmorta" action="cement-mortal-calculation.php?ced=<?php echo $id;
?>" method="post">
			 <div class="inputidentifier">Blocks & Mortar</div>
			  <div class="tagchecked"><input type="checkbox" id="check3" name="check3" onchange="$('#fmorta').submit();">Calculate Blocks & Mortar</div>
			  <input type="text" class="text-input-box-float3" placeholder="Cement" name="A_37" id="A_37">
			  <input type="text" class="text-input-box-float3" placeholder="Sand" name="A_38" id="A_38">				  
			  </form></div>
			  
			<div class="partition_left">
			  <form name="fplank"  id="fplank" action="column-calculate.php?zd=<?php echo $id;
?>" method="post">
			  <div class="inputidentifier">Planks</div>
			 <div class="checkbox-arranger">
			 <!--<div class="tagchecked2"><input type="checkbox" checked="checked">Calculate Planks</div>-->
			    <div class="tagchecked2"><input type="checkbox" name="check12" id="check12" onChange="$('#fplank').submit();">Planks for Columns</div>
				 <div class="tagchecked2"><input type="checkbox"  name="check13" id="check13" onChange="$('#fplank').submit();">Planks for Column Bases</div>
			</div>
			  <select class="list-input-box3" name="plakname" id="plakname">
			  <option>Select Plank</option>
				  <?php
						$prod30= "SELECT plankothers_name FROM upline_app_plankothers where plankothers_type='plank'";
		$que30 =mysqli_query($con, $prod30);
		while($rec30 =mysqli_fetch_array($que30)){
			?> 
			<option <?php echo $rec30['plankothers_name'] ?>><?php echo $rec30['plankothers_name'] ?></option>
						
	<?php	}
					?>
			  
            </select>
			 
			   <select class="list-input-box3" name="planktype2" id="planktype2">
			  <option>Select Plank</option>
			  <?php
						$prod30= "SELECT plankothers_name FROM upline_app_plankothers where plankothers_type='plank' ";
		$que30 =mysqli_query($con, $prod30);
		while($rec30 =mysqli_fetch_array($que30)){
			?> 
			<option <?php echo $rec30['plankothers_name']?>><?php echo $rec30['plankothers_name'] ?></option>
						
	<?php	}
					?>
            </select>				
				</form></div>
			  
<form id="fwood" name="fwood" action="column-calculate.php?zd=<?php echo $id;
?>" method="post">
			  <div class="inputidentifier">Woods</div>	
			<div class="checkbox-arranger">
			 <!--<div class="tagchecked2"><input type="checkbox">Calculate Woods</div>-->
	</div>
				<div class="tagchecked3"><input type="checkbox" name="check45" id="check45" onChange="$('#fwood').submit();">Calculate Wood For Bracing column</div>
			  <input type="text" class="text-input-box-float" placeholder="Length" name="A_53" id="A_53">
			  <input type="text" class="text-input-box-float" placeholder="Numbers" name="A_47" id="A_47">
			  <select class="list-input-box" name="woodtype" id="woodtype">
			  <option>Select Wood</option>
			  <?php
						$prod30= "SELECT plankothers_name FROM upline_app_plankothers where plankothers_type='wood'";
		$que30 =mysqli_query($con, $prod30);
		while($rec30 =mysqli_fetch_array($que30)){
			?> 
			<option <?php echo $rec30['plankothers_name'] ?>><?php echo $rec30['plankothers_name'] ?></option>
						
	<?php	}
					?>
            </select>
			  
			<div class="checkbox-arranger">
			 <div class="tagchecked3"><input type="checkbox" name="wood2" id="wood2" onChange="$('#fwood').submit();">Calculate Wood for Forming Column</div>
			<input type="text" class="text-input-box-float" placeholder="Spacing" name="spacing" id="spacing">
			  <select class="list-input-box" name="woodtype1">
			  <option>Select Wood</option>
			  <?php
						$prod30= "SELECT plankothers_name FROM upline_app_plankothers where plankothers_type='wood'";
		$que30 =mysqli_query($con, $prod30);
		while($rec30 =mysqli_fetch_array($que30)){
			?> 
			<option <?php echo $rec30['plankothers_name'] ?>><?php echo $rec30['plankothers_name'] ?></option>
						<?php	}
					?>
            </select> 
			  </div>				
</form>			  
			  
		      <div class="partition_left">
<form id="fstir" name="fstir" action="column-calculate.php?zd=<?php echo $id;
?>" method="post">
			  <div class="inputidentifier">Stairups</div>
			  <div class="tagchecked"><input type="checkbox" name="stirup" id="stirup" onChange="$('#fstir').submit();">Calculate Stairups</div>				  
</form>
				  
<form id="fbar" name="fbar" action="column-calculate.php?zd=<?php echo $id;
?>" method="post">
			 <div class="inputidentifier">Bars</div>
<div class="checkbox-arranger">
				  <!--<div class="tagchecked3"><input type="checkbox" checked="checked">Calculate Bars</div>-->	
			    <div class="tagchecked3"><input type="checkbox"  name="bar1" id="bar1" onChange="$('#fbar').submit();">Bars for Column Bases</div>
			    <div class="tagchecked3"><input type="checkbox" name="bar2" id="bar2" onChange="$('#fbar').submit();">Bars for Entire Column</div>
	</div>				  
</form>
			  
<form id="fconcrete" name="fconcrete" action="column-calculate.php?zd=<?php echo $id;
?>" method="post">
			  <div class="inputidentifier">Concrete</div>
	<div class="checkbox-arranger">
				  <div class="tagchecked3"><input type="checkbox" >Calculate Concrete</div>
			   <div class="tagchecked3"><input type="checkbox" name="concreteB" id="concreteB" onChange="$('#fconcrete').submit();">Concrete for Blinding</div>
			   <div class="tagchecked3"><input type="checkbox" name="entbase" id="entbase" onChange="$('#fconcrete').submit();">Concrete for Columns Bases</div>
			   <div class="tagchecked3"><input type="checkbox" name="entbase2" id="entbase2" onChange="$('#fconcrete').submit();">Concrete for Columns</div>
	</div>
				  
			 
			   <input type="text" class="text-input-box-float" placeholder="Thickness" name="A_106" id="A_106">
				  
			   <select class="list-input-box-small" name="concretegrade" id="concretegrade">
			  <option>Concrete Grade</option>
			  <?php
						$prod03= "SELECT Mixed_Ratio_Name FROM upline_app_concretework ";
		$que03 =mysqli_query($con, $prod03);
		while($rec03 =mysqli_fetch_array($que03)){
			?> 
			<option <?php echo $rec03['Mixed_Ratio_Name'] ?>><?php echo $rec03['Mixed_Ratio_Name'] ?></option>
						
	<?php	}
					?>
            </select>
				  
			  <input type="text" class="text-input-box-float" placeholder="Cement" name="cement" id="cement">
			  
			   <input type="text" class="text-input-box-float" placeholder="Sand" name="sand" id="sand">  
				  
			   <input type="text" class="text-input-box-float" placeholder="Gravel" name="gravel2" id="gravel2"> 
				  
	<div class="checkbox-arranger-header">
	Concrete for columns
	</div>
			 
			   <select class="list-input-box-small" name="concretegrade2" id="concretegrade2">
			  <option>Concrete Grade</option>
			  <?php
						$prod03= "SELECT Mixed_Ratio_Name FROM upline_app_concretework ";
		$que03 =mysqli_query($con, $prod03);
		while($rec03 =mysqli_fetch_array($que03)){
			?> 
			<option <?php echo $rec03['Mixed_Ratio_Name'] ?>><?php echo $rec03['Mixed_Ratio_Name'] ?></option>
						
	<?php	}
					?>
            </select>
				 
			  <input type="text" class="text-input-box-float" placeholder="Cement" name="cement2" id="cement2">
			  
			   <input type="text" class="text-input-box-float" placeholder="Sand" name="sand2" id="sand2">  
				  
			   <input type="text" class="text-input-box-float" placeholder="Gravel" name="gravel" id="gravel"> 
				  				  
</form>
			  
			<div class="partition_left">
<form id="9">
			 <div class="inputidentifier">Imported Bars</div>
			  <div class="tagchecked"><input type="checkbox" checked="checked">Calculate Bars</div>
	
<div class="checkbox-arranger">
				   <select class="list-input-box-small">
			  <option>8mm Steel</option>
            </select>
			  <input type="text" class="text-input-box-float" placeholder="Total Length">
			  <input type="text" class="text-input-box-float" placeholder="Bar Quantity">
	</div>
				
			<div class="checkbox-arranger">
				<select class="list-input-box-small">
			  <option>12mm Steel</option>
            </select>	
			  <input type="text" class="text-input-box-float" placeholder="Length">
			  <input type="text" class="text-input-box-float" placeholder="Bar Quantity">
	</div>   

				
<div class="checkbox-arranger">
				   <select class="list-input-box-small">
			  <option>16mm Steel</option>
            </select>	
			  <input type="text" class="text-input-box-float" placeholder="Length">
			  <input type="text" class="text-input-box-float" placeholder="Bar Quantity">
	</div>
				
<div class="checkbox-arranger">
				   <select class="list-input-box-small">
			  <option>20mm Steel</option>
            </select>	
			  <input type="text" class="text-input-box-float" placeholder="Length">
			  <input type="text" class="text-input-box-float" placeholder="Bar Quantity">
	</div>
				
<div class="checkbox-arranger">
				   <select class="list-input-box-small">
			  <option>25mm Steel</option>
            </select>	
			  <input type="text" class="text-input-box-float" placeholder="Length">
			  <input type="text" class="text-input-box-float" placeholder="Bar Quantity">
	</div>			
				</form>
				  </div>
				

				  <div class="partition_left">
				  <form id="10">
			<div class="inputidentifier">Plumbering</div>
			  <div class="tagchecked"><input type="checkbox">Plumbing Piping</div>
			  <input type="text" class="text-input-box-float-right" placeholder="Materials">
			  <input type="text" class="text-input-box-float-right" placeholder="Labour">				
				    </form></div>
				
<div class="partition_left">
				  <form id="11">
			  <div class="inputidentifier">Electrical</div>
			  <div class="tagchecked"><input type="checkbox">Electrical Piping</div>
			  <input type="text" class="text-input-box-float-right" placeholder="Materials">
			  <input type="text" class="text-input-box-float-right" placeholder="Labour">		
</form></div>
				
<div class="partition_left">
		<form id="equipke" name="equipke" action="column-calculate.php?zd=<?php echo $id;
?>" method="post">	  
			<div class="inputidentifier">Equipments to be used</div>
			  <div class="tagchecked"><input type="checkbox" name="equip" id="equip" onChange="$('#equipke').submit();" >Equipments</div>
			
			<div class="checkbox-arranger">
			<input type="text" class="text-input-box-float-right" placeholder="Quantity" name="equipqty" id="equipqty">
				  <div class="tagchecked4"><!--<input type="checkbox">--></div>
				<select class="list-input-box-small" name="equipment" id="equipment">
			  <option>Select equipment</option>
			  <?php
						$prod09= "SELECT construction_equipmentName FROM upline_app_construction_equipment ";
		$que09 =mysqli_query($con, $prod09);
		while($rec09 =mysqli_fetch_array($que09)){
			?> 
			<option value="<?php echo $rec09['construction_equipmentName'] ?>"><?php echo $rec09['construction_equipmentName'] ?></option>
						
	<?php	}
					?>
            </select>
			  <!--<input type="text" class="text-input-box-float-right2" placeholder="Swamp Buggy">-->
			</div>
			
			<!--<div class="checkbox-arranger">
			<input type="text" class="text-input-box-float-right" placeholder="Numbers">
				  <div class="tagchecked4"><input type="checkbox"></div>
			  <input type="text" class="text-input-box-float-right2" placeholder="Dozer">
			</div>-->
			
			<!--<div class="checkbox-arranger">
			<input type="text" class="text-input-box-float-right" placeholder="Numbers">
				  <div class="tagchecked4"><input type="checkbox" checked="checked"></div>
			  <input type="text" class="text-input-box-float-right2" placeholder="Leveling Instrument">
			</div>-->
			
			<!--<div class="checkbox-arranger">
			<input type="text" class="text-input-box-float-right" placeholder="Numbers">
				  <div class="tagchecked4"><input type="checkbox"></div>
			  <input type="text" class="text-input-box-float-right2" placeholder="Excavator">
			</div>-->
</form></div>
		
        <div id="tab-two-panel" class="panel">
                <form class="left-form">
				  <input type="text" class="text-input-box" placeholder="From D.P.C to First Floor Slab">
	
			  <div class="form-input-title">First Floor Slap</div>
				  <input type="text" class="text-input-box" placeholder="First Floor to Second Floor Slab">
					
			  <div class="form-input-title">Second Floor Slab</div>
				  <input type="text" class="text-input-box" placeholder="Second Floor to Parapet Level">
					
			  <div class="form-input-title">Third Floor Slab</div>
				  <input type="text" class="text-input-box" placeholder="Third Floor to Roofing Level">
					
			  <div class="form-input-title">Other Works on Floor Stages</div>
				  <input type="text" class="text-input-box" placeholder="Parapet">
				  <input type="text" class="text-input-box" placeholder="Kitchen Slab">
				  <input type="text" class="text-input-box" placeholder="Gable Walls">
			</form>
        </div>
        <div id="tab-three-panel" class="panel">
                <form class="left-form">
				  <input type="text" class="text-input-box" placeholder="Wood Work & Properties">
	
			  <div class="form-input-title">Roofing Sheet Work & Properties</div>
				  <input type="text" class="text-input-box" placeholder="Fencing">
					
				  <input type="text" class="text-input-box" placeholder="Suckaway Pit & Septic Tank ">
					
			</form>
        </div>
		
        <div id="tab-four-panel" class="panel">
                <form class="left-form">
				  <input type="text" class="text-input-box" placeholder="Electrical Piping">
	
				  <input type="text" class="text-input-box" placeholder="Home Automation Piping">
					
				  <input type="text" class="text-input-box" placeholder="CCTV Piping">
					
				  <input type="text" class="text-input-box" placeholder="Plumbing Piping">
					
				  <input type="text" class="text-input-box" placeholder="AC Line Piping">
			</form>
        </div>
		
        <div id="tab-five-panel" class="panel">
                <form class="left-form">
				  <input type="text" class="text-input-box" placeholder="Plastering">
	
				  <input type="text" class="text-input-box" placeholder="Windows & Doors">
					
				  <input type="text" class="text-input-box" placeholder="Black POP Works for windows, Beams & Others">
					
				  <input type="text" class="text-input-box" placeholder="Electrical Wiring">
					
				  <input type="text" class="text-input-box" placeholder="Home Automation Wiring">
				  <input type="text" class="text-input-box" placeholder="CCTV Wiring">
				  <input type="text" class="text-input-box" placeholder="Ceiling POP">
				  <input type="text" class="text-input-box" placeholder="Screeding">
				  <input type="text" class="text-input-box" placeholder="Tiling Work">
				  <input type="text" class="text-input-box" placeholder="Painting">
			</form>
        </div>
    </div>
</div>





</div>
<div class="chat-bubble">   <span tooltip="Live Chat"><img src="images/livechat-ico.png" width="128" height="128" alt=""/></span></div>
</div>
</div>
	<script> 
        function togglePopup() { 
            const overlay = document.getElementById('popupOverlay'); 
            overlay.classList.toggle('show'); 
        } 
    </script> 
</body>
</html>

