<?php

session_start();
include('script/condb.php');



?>
<!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">
</head>

<body>
<div class="dashboardpagewrap">
<div class="left-frame">
<a href="dashboard.html"><div class="navigations-main" ><div><img src="images/home.png" width="128" height="128" alt=""/></div>Dashobard</div></a>
<a href="settings.html"><div class="navigations-main"><div><img src="images/settings-ico.png" width="128" height="128" alt=""/></div>Settings</div></a>
<a href="projectinformation.html"><div class="navigations-main"><div><img src="images/information.png" width="128" height="128" alt=""/></div>Project Information</div></a>
<a href="stagesofproject.html"><div class="navigations-main"><div><img src="images/steps.png" width="128" height="128" alt=""/></div>Stages of Project</div></a>
<a href="projectcontrol.html"><div class="navigations-main"><div><img src="images/control.png" width="128" height="128" alt=""/></div>Project Control</div></a>
<a href="constructionequipment.html"><div class="navigations-main"><div><img src="images/construction.png" width="128" height="128" alt=""/></div>Construction Equipment</div></a>
<a href="materials.html"><div class="navigations-main"><div><img src="images/materials.png" width="128" height="128" alt=""/></div>Materials</div></a>
<a href="labourers.html"><div class="navigations-main"><div><img src="images/labourers.png" width="128" height="128" alt=""/></div>Labourers</div></a>
<div class="navigations-main"><div><img src="images/logout.png" width="128" height="128" alt=""/></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">-->
	<div class="inputidentifier">COST ESTIMATE</div>	
			  <div class="tagchecked">PREPARE COST ESTIMATE OF</div>
			  <table id="customers">
				<tr>
			<th>PROJECT TYPE </th> 
          <th> PROJECT NAME </th> 
          <th> PROJECT LOCATION </th> 
          <th> DEVELOPER </th> 
          <th> PROJECT REFENRENCE </th> 
		  <!--<th> UOM </th> -->
			</tr>	
				<tr>
			<?php
				
				$query = "SELECT * FROM upline_app_project_info where project_ref='PROJECT225' ";
				$result =mysqli_query($con, $query);

					while($row=mysqli_fetch_assoc($result))
					{
					?>
				<td><?php echo $row['project_type']; ?></td>
				<td><?php echo $row['project_name']; ?></td>
				<td><?php echo $row['project_address']; ?></td>
				<td><?php echo $row['project_developer']; ?></td>
				<td><?php echo $row['project_ref']; ?></td>
				
</tr>
<?php
}
?>

				
				</table>
			 <div class="formwrapper">
			</div>
<!--</form>-->
			  <form class="left-form2">
			  	<div class="inputidentifier">MATERIAL</div>

				   <table id="customers">
				<tr>
			<th>ITEM DESCRIPTION </th> 
          <th> QUANTITY </th> 
          <th> EXTRA </th> 
          <th> PRICE </th> 
          <th> TOTAL AMOUNT </th> 
		  <!--<th> UOM </th> -->
			</tr>	
				<tr>
			<?php
				
				$query2 = "SELECT * FROM foundation_materials where PID ='PROJECT225' ";
				$result2=mysqli_query($con, $query2);

					while($row2=mysqli_fetch_assoc($result2))
					{
					?>
				<td><?php echo $row2['MaterialDescription']; ?></td>
				<td><?php echo $row2['COEQuantity']; ?></td>
				<td><?php echo $row2['Extra']; ?></td>
				<td><?php echo $row2['Price']; ?></td>
				<td><?php echo $row2['CETotalAmount']; ?></td>
				
</tr>
<?php
}
?>
	</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>

